网页设计怎样设计出“一致性”?

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

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

　　一个风格一致的网页比那种【zhǒng】看起来杂乱无章的网【wǎng】页更吸引人【rén】，并且风格【gé】一致的【de】网站有【yǒu】利于推广品【pǐn】牌和提升辨识度，那么怎【zěn】么【me】设计【jì】出这种风格一致的网【wǎng】页呢?

　　一、怎样设计出“一致性”?

　　说起来容易做起来难，如何打造一致性设计呢【ne】?如何让视觉形象【xiàng】成【chéng】为联【lián】系用户与品牌的【de】纽带?

　　我们网页设计师真正能够把握的，也无非这几点：

1. 　    色彩 (主色、配色方案的选择)
2. 　　视觉元素 (图像,照片, 图标, 按钮的整体风格)
3. 　　字体 (大小, 排列)
4. 　　尺寸 (内容尺寸,图像尺寸, 间距大小)
5. 　　还记得向莎士比亚学习!你【nǐ】值得掌握的网【wǎng】页设计焦点【diǎn】法 这篇文章吗?里【lǐ】面提到过，利用色彩、尺寸、视觉层级可以【yǐ】打造出视【shì】觉焦点。同样还【hái】是这【zhè】些东西，这次利【lì】用【yòng】他们【men】打【dǎ】造出网【wǎng】页设计的一【yī】致性。
6. 　　优秀的体验设计来【lái】自于对细节的追求。我们格外的【de】需要在【zài】这些【xiē】小细节【jiē】上下功夫【fū】。
7. 　　设计【jì】时也要考虑【lǜ】不同页面之间的一致性，尽管功能不同，但【dàn】是要大体上【shàng】(也就是说可【kě】以略有变【biàn】通)保【bǎo】持不同页面之【zhī】间【jiān】视觉风格的一致——比【bǐ】如说，Logo和导航的位置【zhì】。

　　具备一致性之后的进阶

　　1、大胆用色

　　色彩的情绪效应想必大家都知【zhī】道【dào】了【le】，大【dà】胆的色彩能够有效的吸【xī】引【yǐn】用户。

　　但是要注【zhù】意，一定【dìng】要注意色【sè】彩与品【pǐn】牌间的联系。例如，今【jīn】年极【jí】为流行翡【fěi】翠【cuì】绿，可是你用翡翠绿为【wéi】主色给可口可【kě】乐设计【jì】网页，就有点不合适了吧?

　　2、彰显个性

　　任何设计【jì】都有自己的【de】基调，设计的基调影响【xiǎng】了用户对网页【yè】的【de】印象【xiàng】。在保持一致性的【de】前提加【jiā】入一点【diǎn】个性化是非常不错的想【xiǎng】法，能够【gòu】提高内容的表现力。

　　再【zài】想想，某些网站虽然具【jù】备【bèi】一致性，但是风【fēng】格死板，让用户【hù】感到非常的无【wú】趣【qù】。如果【guǒ】网页设计的很【hěn】鲜活，很个性化，而【ér】且联系紧【jǐn】密，用户【hù】首先会感觉非常有趣【qù】，其次会想，”嗯，这个网页的风格还挺【tǐng】一致的【de】。”(不要【yào】为了一致性【xìng】而死钻【zuàn】牛角尖，还【hái】要【yào】从【cóng】更整体的角【jiǎo】度看待设计。)

　　3、充分考虑用户预期

　　同时【shí】也要【yào】考【kǎo】虑【lǜ】到用户的预期，仔【zǎi】细思考下网页是如【rú】何与用【yòng】户连结的，考虑下用户对网站的感觉。

　　跟上面一样，不要一味【wèi】的炮【pào】制一致性而忘乎所以，要考【kǎo】虑【lǜ】到【dào】用户，以用户【hù】为中心进行【háng】设计【jì】

　　结论：

　　理解一致性原则并加以运用，需要一定的设计基础。

　　就像学习一套拳法需【xū】要动作分解一样，设计师首【shǒu】先【xiān】要熟【shú】练掌【zhǎng】握每【měi】个”小”元素的【de】设【shè】计方法【fǎ】，然后再【zài】加以整合，形成”大”层次上的一致性。

• 上一章：网页设计登陆页面综合指南
• 下一章：企业网站后台设计的五个追求