优秀网页设计的七条基本准则

新闻 2024-9-22编辑：深圳网站建设阅读（）标签： 网页设计 七条

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

　　新【xīn】时代的网页【yè】设计【jì】以【yǐ】响应式理论为蓝本，力【lì】图【tú】在不同设备上呈现一致【zhì】的网页浏【liú】览体验。

　　而响应式时【shí】代依然不变的【de】设计基【jī】本准则【zé】又【yòu】是什么【me】呢?一起【qǐ】来看看下面的七条，望诸君设【shè】计时铭记【jì】于心。

　　1.优秀的网页设计应该简约，并且完整

　　设计大【dà】师往往都是哲学家，他们往【wǎng】往【wǎng】保持一种包【bāo】容的设计态度【dù】，不会采用极端的【de】设【shè】计方式【shì】，他们的设【shè】计往往【wǎng】是【shì】一种平衡之美。

　　我们可以画出【chū】一个横轴，左【zuǒ】边是简约、右边是完整，而【ér】最好的设计【jì】会聪明的选【xuǎn】取【qǔ】中【zhōng】值【zhí】(如下图)

　　网页【yè】设计必须简约【yuē】，任何无【wú】用的特质【zhì】都必须【xū】移除;与此同时，网页设计必须能够满足【zú】用户【hù】需【xū】求。

　　太【tài】简单的【de】网【wǎng】页如果没有【yǒu】空能支【zhī】撑，那么从里到外就【jiù】真的是”空洞无物”了。

　　太复杂的网页如【rú】果缺少简【jiǎn】约的收束【shù】，那么便【biàn】会”尾大不【bú】掉”，让【ràng】用户阅读困难。

　　“言简意赅【gāi】”的设计才【cái】是好设【shè】计，一个设计【jì】师的掌控力得以【yǐ】体现。

　　总结起【qǐ】来就是一句话：一个布局、风格具有简【jiǎn】约美，同时【shí】又【yòu】能【néng】提供大量有价【jià】值信【xìn】息的网【wǎng】站必定受用户欢迎。

　　2. 用户往往缺乏耐心

　　互联网充满了机遇【yù】，每个人【rén】都想通过简单的操【cāo】作【zuò】便能【néng】获取所需信息【xī】。

　　互联网的信息浩瀚如海，你并不是唯一的信息提供者。

　　亘古不【bú】变的是：用户的时间宝贵，他们缺【quē】乏耐心。如【rú】果【guǒ】你不能提供便捷的【de】信息，那么【me】他们会选择离开【kāi】，进【jìn】而寻【xún】找【zhǎo】其他网站来谋求信息。

　　想【xiǎng】要做好这一点?说白了，就是信息层【céng】级要清晰，加载速【sù】度要【yào】快【kuài】。

　　而【ér】最近出现了一种新方法，Luke Wroblewski在他【tā】的文章【zhāng】中提【tí】到过，叫做框架读取【qǔ】，也就是【shì】加载了多少【shǎo】内容，呈递多少内容，推荐各位【wèi】尝试【shì】。

　　3. 网页设计必须具备一致性

　　想像一下你作为网络浏览者时的【de】经历：你【nǐ】在浏【liú】览【lǎn】网页时，一般都不会详细阅读内容，你会快速滑【huá】动页面，大致浏览一【yī】遍，如【rú】果看到感【gǎn】兴趣【qù】的【de】信息便停【tíng】下，进【jìn】行仔细阅读。这是一种用户习惯【guàn】。

　　用户的这种阅读【dú】习惯意味着什么【me】?这意味着设计必【bì】须具有高度的【de】一【yī】致【zhì】性，用户看到前【qián】面【miàn】的【de】布局，对后面的布局有一种”预期”：他会认为【wéi】后面的页面布局也是如此【cǐ】，不要破坏用户【hù】的阅读节【jiē】奏感【gǎn】。

　　同【tóng】样的，同一页面的各个元素以及各个子页【yè】面之间【jiān】必须要【yào】具备一致的【de】联系性，也就是说【shuō】设计【jì】师的设计模【mó】式应该专【zhuān】一，再举个【gè】简【jiǎn】单的例【lì】子，如果主页的导航栏布置在【zài】上【shàng】方【fāng】，子页【yè】面的导【dǎo】航栏布置在侧边，你认为用户会高兴吗?

　　4.将导航菜单作为交互的”核心”

　　上面【miàn】已经提到过【guò】，各个页面的导【dǎo】航【háng】栏必须具备一致【zhì】性。有时候，好的【de】网页设【shè】计和【hé】差的网页设计【jì】差距就在导航菜单，好的导航菜单成就【jiù】了一款【kuǎn】设计，坏的【de】导航毁灭【miè】了一例网站【zhàn】。

　　每当用户有问题时，他【tā】都会习惯性的【de】翻【fān】阅导航菜【cài】单，这也是【shì】用户习惯，要注意【yì】。个人认为，导航是网【wǎng】页【yè】设计的核心【xīn】元【yuán】素，影响到网站的交【jiāo】互性，至于要怎么设计，仁者见仁，智者见【jiàn】智【zhì】了。

　　5. 留白和信息同样重要

　　“内容为王”、”内【nèi】容【róng】至上【shàng】”是吗?那我就提供大【dà】量丰富信息【xī】，把网站全部都填满。”这种设计思想真是【shì】大错特错，太片面了。

　　你要【yào】有这样一种观念：留【liú】白也是设【shè】计的【de】一部【bù】分，那些不使用的空间【jiān】也能发挥其【qí】作【zuò】用【yòng】。从用户的【de】角【jiǎo】度来【lái】说，留白很好，让布局更有条理，信息更清晰。

　　太刚强的事物容【róng】易折【shé】断，有张有弛才能【néng】长久。网页设计也是同理，多给用户一点阅【yuè】读呼【hū】吸空间，让【ràng】他【tā】们感受到网页设【shè】计【jì】的”节奏【zòu】感”。

　　各位可【kě】以自行想象一【yī】下，如果一款网页中一【yī】点留【liú】白都没有【yǒu】，到【dào】处都是密密麻麻的文字和图像，你会【huì】感【gǎn】到【dào】舒服吗?

　　6.用心的设计都有清晰的视觉层级

　　明智【zhì】的设计师不光会创【chuàng】造内容，还知道如何高效组织内容，传递【dì】信息。视觉层级对于信息呈【chéng】递【dì】来说【shuō】异【yì】常重要，优秀的【de】视【shì】觉【jiào】层级还能【néng】帮【bāng】助设计师强化【huà】设计理念。

　　空间排布、间【jiān】距使用、整体布局，关于【yú】这些的【de】探讨已【yǐ】经【jīng】够多了，归【guī】根结底，无非是为了打造优【yōu】秀的视觉层【céng】级。

　　7.永远不要忽略字体

　　内容为王【wáng】，那么内容【róng】是由什么包装的【de】呢?答案是字体，这种小小的【de】细【xì】节能造就大差异。字体【tǐ】的【de】清晰与【yǔ】否决定了【le】信息呈递【dì】的结果。

　　扁平化设计强化了大家对于字体的重视，这一点我很赞同。

　　还有一点趋势不容忽略：屏幕越来越大。那么字体呢?

　　本文虽然是老生常谈【tán】，但是【shì】我相【xiàng】信这些准则不会随流行而改变【biàn】，想要设计【jì】出更优秀的网页?别【bié】着【zhe】急复【fù】制流行了，先磨磨你的基本功吧。

• 上一章：企业在网页设计制作过程中需要注意什么...
• 下一章：平面设计色彩组合以及如何在设计中应用