怎么设计出风格一致的网页

 　　一个风格一致的网页比那种看起来杂乱无章的网页更吸引人，并且风格一致的网站有利于推广品牌和提升辨识度，那么怎么设计出这种风格一致的网页呢?

　　怎样设计出“一致性“?

　　说起来容易做起来难，如何打造一致性设计呢?如何让视觉形象成为联系用户与品牌的纽带?

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

　　色彩 (主色、配色方案的选择)

　　视觉元素 (图像,照片, 图标, 按钮的整体风格)

　　字体 (大小, 排列)

　　尺寸 (内容尺寸,图像尺寸, 间距大小)

　　还记得向莎士比亚学习!你值得掌握的网页设计焦点法 这篇文章吗?里面提到过，利用色彩、尺寸、视觉层级可以打造出视觉焦点。同样还是这些东西，这次利用他们打造出网页设计的一致性。

　　优秀的体验设计来自于对细节的追求。我们格外的需要在这些小细节上下功夫。

　　设计时也要考虑不同页面之间的一致性，尽管功能不同，但是要大体上(也就是说可以略有变通)保持不同页面之间视觉风格的一致——比如说，Logo和导航的位置。

　　具备一致性之后的进阶

　　大胆用色

　　色彩的情绪效应想必大家都知道了，大胆的色彩能够有效的吸引用户。

　　但是要注意，一定要注意色彩与品牌间的联系。例如，今年极为流行翡翠绿，可是你用翡翠绿为主色给可口可乐设计网页，就有点不合适了吧?

　　彰显个性

　　任何设计都有自己的基调，设计的基调影响了用户对网页的印象。在保持一致性的前提加入一点个性化是非常不错的想法，能够提高内容的表现力。

　　再想想，某些网站虽然具备一致性，但是风格死板，让用户感到非常的无趣。如果网页设计的很鲜活，很个性化，而且联系紧密，用户首先会感觉非常有趣，其次会想，“嗯，这个网页的风格还挺一致的。“(不要为了一致性而死钻牛角尖，还要从更整体的角度看待设计。)

　　充分考虑用户预期

　　同时也要考虑到用户的预期，仔细思考下网页是如何与用户连结的，考虑下用户对网站的感觉。

　　跟上面一样，不要一味的炮制一致性而忘乎所以，要考虑到用户，以用户为中心进行设计

　　结论：

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

　　就像学习一套拳法需要动作分解一样，设计师首先要熟练掌握每个“小“元素的设计方法，然后再加以整合，形成“大“层次上的一致性。

收藏此文 赞一下！() 打赏本站

如本文对您有帮助，就请建站学习网抽根烟吧！

支付宝打赏
微信打赏