“乱花渐欲迷人眼”-杜绝设计的视噪.pptxVIP

;;;类似下面这样的网页相信你一定感觉熟悉，有时候我们不得不面对这样热闹非凡的页面并从中找到我们需要的信息和内容，譬如说一个下载按钮或者一个重要的链接，但糟糕的是我们很容易迷失其中； ;提到视觉设计，不能不提色彩。色彩在界面设计中扮演着非常重要的角色：区分信息模块、暗示控件功能(如蓝色文字通常代表链接，灰色按钮表示不可点击等)、突出重点信息(越重要则越醒目)等??和谐的配色与适当的比例搭配能够让整个界面看上去清晰舒适，反之，则会给用户带来过重的视觉负担，容易形成视觉疲劳，影响体验。;;界面中的信息能否被有效的传达，离不开良好的组织和布局；这需要考虑以下这几个要素： a.层次（层级关系，段落关系） 在信息的视觉展现中，信息之间层级关系的表达非常重要，如一个界面中导航区域与内容区域的关系、一篇帖子下的所有评论之间的关系、一篇文章中的段落关系等等……恰当的视觉设计，能够通过对视觉元素的展现来暗喻信息之间的层级关系；如果视觉层级关系展示不当，会使用户产生困惑，造成理解障碍；;b.对齐 在内容排版的设计中，把内容对齐，会形成一种良好自然的边界；该边界沿着这一组对象延伸（利用了格式塔原则——连续性原则），这样带来的好处是加强了边界引导读者的眼光平滑延伸，有助于形成良好的视觉流。;c.分组 将原本零散无序的信息分组展示，是揭示信息之间的内在联系、帮助用户理解和记忆的有效手段；在视觉的表现上，分组就是让每组信息在视觉表现上具有相关联或相似的地方； （如;区域划分、间隔划分、色彩划分、形/符号的划分、层级划分tab）;d.间距 关于信息展现中的间距设计，视觉上较常使用栅格化的设计思想；关于栅格化设计，可以在网上找到很多相关的文章案例，这里不做重点介绍；;;4.视觉权重 这里提到的视觉权重，指的是界面元素在视觉表现上的“轻”与“重”,也就是信息之间的主次关系；良好的界面设计能够通过对视觉信息的表现和把握，明确告知用户哪些信息是主要的，哪些是辅助的；让用户很快把握重点，提纲挈领；