浅析用户体验的界面设计细节--布局篇

1.合理的模块区分

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

2.正确的文字层级关系

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

3.合理的内容归纳

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

4.预估内容承载范围

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

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

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

本文由成都网站建设公司 成都做网站公司 成都网站制作  成都网站设计 成都网络公司 

网站题目：浅析用户体验的界面设计细节--布局篇
当前URL：https://www.cdcxhl.com/news10/50360.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有用户体验等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联