12个关于用户体验的界面设计细节(2)

二.布局

1.合理的模块区分

界面设计中不乏内容信息很多，需要折叠的情况。因此经常存在信息的层级关系，而这时就需要利用不同的颜色对各个模块进行区分，利用同色系不同明度来体现这样的层级关系。这样也让用户更容易理解当前所处的模块。也让页面看起来更丰满些。

2.正确的文字层级关系

工作中我们拿到的需求总会出现大篇幅的文案，不能像概念设计那样任性的删减，在进行文字排版的时候，正确的处理信息之间的层级关系将会提高用户对信息的识别度。我们通常会通过字体大小、颜色、留白、层级分割等技巧来处理，把相同属性的信息归类设计，通过留白的不同达到层级的区分，让整个信息排列主次分明，层级清晰。

3.合理的内容归纳

应该善用色块和分割线对页面的内容进行合理的归纳和整理。线条通常用于分割同一类别或拥有相同属性的元素；而色块更多的是用于分割不同类别或者区分不同属性的元 素，以达到层次清晰，归类明确的目的。但是所有的一切都应该服务于信息的准确表达，切忌不可为了视觉上的协调而强行的合并或折叠。

4.预估内容承载范围

新人总是会忘记规范信息呈现的边界宽度。程序在开发的时候总会问，你这个超过长度之后如何显示。有一些程序更是直接用右图的”…”显示。但是在这样的情况下，作为地址这样的简单信息的展示，还需要用户去点击一次才能看见全部地址，明显是不合理的交互。因此我们在设计界面应该要考虑到超过展示边界的时候该如何展示，如何取舍。

5.尊重App用户的使用习惯

许多App的设计师都是由网页设计师转行而来的，但是App界面有其特殊性。它界面小，过小的按钮无法像鼠标一样能够精确点击。因为有一些网页的设计习惯不应该带到App的设计中来，这也是交互设计师在App的设计过程中需要去把关和注意的。

（编辑：ASP站长网）