天琥设计教育,全国连锁培训机构,专注设计教育.课程由导师自主研发,涵盖UI设计,室内设计,平面设计,电商设计,网页设计,营销推广,影视等,全程商业项目实训,大品牌值得信赖

如何ui设计模块中的层次结构

一个页面的信息层级是不是清晰明了，很大程度上影响到用户的信息获取效率和使用体验。今天小编主要给大家分享如何ui设计模块中的层次结构，希望对你们有帮助!

“模块”是什么意思?可以是卡片内的内容，也可以是信息列表等，总而言之是一个信息组。

当我们得到需求时，应理解每个信息组中每条信息的价值，并给它们分类。

四象限规则大家都知道吧，我们就这一规则，将每个信息组中的信息按照“重要—不重要”和“必要—不必要”进行分类。

重要但不必要的信息，通常是产品或过程本身不一定需要的信息,但出于某种原因,要想突出给用户,如在信用卡的产品列表中添加推荐理由,或者在某个酒店名片添加某某名人来过……

这些信息在列表中不必要的，但是对于指导用户判断是非常重要的，所以我们可以在次级上展示它，既可以让用户注意到，也没有抢了风头。

哪些信息是必要但不重要的呢?例如，一个窗口的关闭按钮，一个订单的删除功能，一条免责声明等等，我们不希望用户注意到它们，但这些功能必须存在，那么就要弱化这些信息的显示。

当我们处理好信息层级之后，怎么展示这些层级呢?答案是加大对比。

1.大小

对比的步是大小的对比。在大家的观念中，大的东西比小的东西更引人注目、更重要。用户自然会注意到大尺寸的文字和大尺寸的图片。

在内容列表中，标题名字类的信息一般会使用14-17dp左右，补充说明内容一般使用11-12dp左右。具体的使用应根据信息的多少、信息的重要性、上下对比等进行设计。

2.重量

有时，由于空间限制，字体大小不能再大了，字体太大，也不能拉开层次，试着增加字体的重量。iOS和Android由于字体不同，加粗的效果也不同，请酌情增加或减少。

3.颜色

颜色对用户的感知有很大的影响。因此，在构建视觉层次结构时，不同的颜色很容易形成层次结构，红色、橙色等较强的颜色很容易引起用户的注意。

白色和浅灰色通常可以用作大背景色，与其它颜色形成对比。设计的主色调和副色调可以用来打开视觉层次结构。

4. 对比

大小、重量和颜色的运用归根结底是制造对比，也就是创建层次结构的核心，一个元素与另一个元素构成对比，可以以分层的方式显示它们之间的重要性差异，使用户更容易获得信息。

尊重原创文章，转载请注明出处与链接：http://www.soxsok.com/wnews534545.html 违者必究！ 以上就是关于“南昌UI设计培训哪家好地址电话”的全部内容了，想了解更多相关知识请持续关注本站。