七个令人抓狂的网页设计师

新闻 2024-9-21编辑：深圳网站建设阅读（）标签： 设计师 令人

深圳网【wǎng】站【zhàn】建设公司【sī】 帮助企业提升网站形象,彰显公司实力,PC+手【shǒu】机+微【wēi】信+小程序
【模板网站的价格】国际域名+阿里1G空间+备案 一条龙服务
【定制网站的功能】SEO精准营销系统+城市分站+W3C标准
【营销网站的效果】重长尾，重优化，提权重，扩收录，提排名
【量身订制的设计】据据需求量身定制。设计到满意为止
【专属VIP的服务】24RX365 为您提供1对1的专属【shǔ】VIP服务【wù】

　　有时候，当我怀着极大的期待打开【kāi】一些网站【zhàn】时，它们的存【cún】在简直【zhí】就【jiù】是一场设【shè】计【jì】灾难!相信我【wǒ】，你看到他们会【huì】抓狂的。从莫名其妙的链接丢【diū】失到糟【zāo】糕的可用【yòng】性，本文将分享一【yī】些错误的设计，可【kě】以让人在【zài】瞬间变得疯狂。注意!不要【yào】让【ràng】你的用户遇到和下面【miàn】一【yī】样的问【wèn】题。

　　1.缺乏对比

　　网页上【shàng】的文字【zì】和【hé】图片需要【yào】可读性强，最【zuì】简【jiǎn】单的【de】方法就是让它们有很高【gāo】的对比度。但是很多【duō】设计师经常忽略这个规律。

　　背景【jǐng】和【hé】文字【zì】的对比度太差，使得文字【zì】模糊不清，不可读。用户不仅【jǐn】错过【guò】了这段话，也错过了你想要传达的重要内【nèi】容。

　　你必须确保每个【gè】元素【sù】都与其周围的【de】其他元素【sù】相区别，并记【jì】住这【zhè】些基本方法：颜【yán】色、空间和【hé】大小。合理使用它【tā】们，让你的每一【yī】个元素都清晰可【kě】见!

　　上图——中【zhōng】的两个对比问题【tí】是白色文字的颜色与浅色图片的颜色【sè】过【guò】于接近【jìn】，字体大小过小【xiǎo】，使【shǐ】得此文字的【de】可读【dú】性极【jí】差。

　　2.导航和操作流程不佳

　　当【dāng】我登录第一页时，你必【bì】须让我知道我下一步应【yīng】该做【zuò】什么。点【diǎn】击按钮【niǔ】和信【xìn】息需要放在显眼的位置——，这就是【shì】为什么导航【háng】和【hé】菜单【dān】栏经常出现在页【yè】面的【de】顶部。

　　导航标签【qiān】的内容和运行效果必【bì】须【xū】清晰直观。当【dāng】你尝试使用水【shuǐ】平滚【gǔn】动条或其【qí】他不【bú】寻常的动态设计时，给【gěi】用【yòng】户一些【xiē】提【tí】示，让他们知道你的网页是如【rú】何工作的!过于【yú】复杂的设计会让用户感【gǎn】到无所适从，放弃你的网站。

　　3.不良图片匹配处理

　　没有什么【me】比优【yōu】秀【xiù】的图片【piàn】被其他设计【jì】覆【fù】盖【gài】更糟【zāo】糕的了。如果你花时间为你【nǐ】的网站匹【pǐ】配【pèi】一张优秀【xiù】的图片，为什么它要被其他设计元素覆盖?只【zhī】需【xū】添加简单的一行字!这就是为【wéi】什么透【tòu】明按钮成【chéng】为新的流行趋势。

　　设计师在追逐潮流的时候，往【wǎng】往会陷入【rù】这样【yàng】的误区。顶部的【de】栏很有【yǒu】趣，滚动也很棒，但【dàn】是当你用单【dān】词匹配它【tā】们【men】时，一切都【dōu】会很容易变【biàn】得不太和谐。页面上的每一张【zhāng】图片都需要【yào】与文字相【xiàng】匹配，这【zhè】样每【měi】一个文字都能看得懂，图【tú】片上【shàng】的每一个设【shè】计元素都【dōu】能看得【dé】清楚。

　　不要用文字或【huò】按钮覆盖【gài】图片的任【rèn】何【hé】重要部分。当【dāng】你认为你的页面【miàn】设计是【shì】这种情况时【shí】，你最好换一个【gè】更简单【dān】的背景，把你的图【tú】片放在【zài】其他地方。

　　当【dāng】你【nǐ】第一次【cì】看到上面的图片时，你会被它的素【sù】描风格所吸引。但仔细看，人【rén】物的脸被文字遮【zhē】盖，赞【zàn】美的话语也让整体【tǐ】看【kàn】起来混乱不堪【kān】。

　　4.不要使用网格

　　在网页设计中，一【yī】些“杂【zá】乱”也能赏心悦目【mù】。不对称就是其中之一，绝对【duì】不是没有【yǒu】网格!

　　是【shì】否使用网格是区分设【shè】计好坏的专业【yè】指标【biāo】之一【yī】。让一切【qiē】变【biàn】得【dé】清晰有条理【lǐ】。——保持【chí】你【nǐ】的【de】元素在【zài】一个一致和适当【dāng】的间距。你知道把你的元【yuán】素放在哪里，怎么放。网格帮助你确定元素的大小，文本的大【dà】小和空间，通过比例【lì】来展示内容的要点。

　　5.不要采用响应性设计。

　　使用【yòng】响应性设计框架!使【shǐ】用响应性设计框架!使用【yòng】响【xiǎng】应性设计框架【jià】!重要的事情说【shuō】三遍!你的网页可【kě】能需要在手机上【shàng】运行，而【ér】且必须和在电脑【nǎo】上运行一样【yàng】流畅。

　　我【wǒ】总能【néng】遇到一些网站【zhàn】，一【yī】整页都加【jiā】载在手机上。这些网站在设计【jì】上没有响应，至【zhì】少没【méi】有手机版【bǎn】的视【shì】图，让用户无法使用【yòng】。(虽然不常见，但那些【xiē】只提供手【shǒu】机版视图的网站还是挺无奈的。)

　　可能【néng】很【hěn】多用户【hù】和我一样。如果我不能【néng】在【zài】手机上流畅地使【shǐ】用你的网【wǎng】站，那么我就【jiù】不会在电脑上【shàng】打开它。

　　6.链接丢失

　　断开链【liàn】接是网页【yè】上【shàng】最烦人的事情之一。养成每【měi】天检查网页【yè】上链接是否畅通的【de】习惯!您可以手【shǒu】动检查或【huò】使用一些工【gōng】具，如网站链【liàn】接【jiē】检【jiǎn】查器。

　　如果你的标志没有链【liàn】接到【dào】你【nǐ】网【wǎng】站的主页，我也会感到惊讶。标志应该【gāi】链接到网站【zhàn】的主页【yè】。(并且不要在主页【yè】上禁用后退按钮。)

　　考虑链接的可用性。确保您的链【liàn】接，尤其是文本中的链【liàn】接【jiē】足【zú】够明显，并且易于【yú】点击而不会误操作。不要在文本中【zhōng】添加大量文【wén】本链接【jiē】，尤其是在【zài】小型【xíng】移动设备屏幕上，因【yīn】为用户很【hěn】难点【diǎn】击正确的链接。

　　7.自动播放音乐

　　给网页【yè】添加声音会【huì】很生动，但是【shì】不要【yào】在没有用【yòng】户提示的情况【kuàng】下播放音【yīn】乐。

　　您【nín】应【yīng】该为用户提供一【yī】个按钮来打开【kāi】/关闭音【yīn】乐，默认情况下是关闭的。音乐可能会给【gěi】用户带来惊喜，但如果用【yòng】户处于工【gōng】作环境或【huò】心情不【bú】好，就会适得其反【fǎn】。用户需要能够完【wán】全控制你的网页，但自动播放的音乐却与之背道而驰。我需要【yào】网络音【yīn】乐【lè】，但【dàn】我必须得【dé】到许可【kě】才能播【bō】放。如【rú】果【guǒ】找不到【dào】关闭自动播放音乐的【de】按钮，只能直接关闭网页。

　　但【dàn】是把它运用【yòng】到广【guǎng】告中是一个很好【hǎo】的技【jì】巧。如【rú】果【guǒ】您有必须播放的音【yīn】频内【nèi】容，请考虑放置一个大的弹【dàn】出式静【jìng】音按钮。用户通常【cháng】会接受几秒钟的广告【gào】时间并【bìng】阅读内【nèi】容【róng】。虽然【rán】这不是【shì】一个理【lǐ】想【xiǎng】的方法，但它是一个更好的解决【jué】方案。看上面的页面，它会自动播放音【yīn】乐【lè】，但应该【gāi】是【shì】静音的。让我【wǒ】们【men】看看是否能一眼找到开【kāi】关按钮。按钮——太小，特别是和【hé】其他元素相比，更难找到。

　　更严重的罪行

　　没【méi】有【yǒu】比这【zhè】更糟的【de】了。以下设计失误的细节【jiē】也会让我嫌【xián】弃【qì】。不要让自【zì】己成为这些粗心错误的受害者。

　　没有搜索功能。

　　或者拼写错误。

　　没有调用函数。

　　正文中的链接太多了

　　连字符文本

　　超小按钮

　　排版和可读性差

　　每【měi】个人都很容易犯这些设计错误(你也可以在整体设计优秀的网站上发【fā】现这些潜在【zài】的【de】问题)。在【zài】设计开【kāi】发过程中注意这【zhè】些小细节【jiē】，就【jiù】能成功避免【miǎn】这些【xiē】错误。不要【yào】让你的用户生气【qì】(严肃脸)!

• 上一章：企业为什么要做网站建设呢?
• 下一章：网页设计为什么要做到风格的一致性