详情

千锋深圳校区ui设计分享：提升ui设计层次感的6个因素

提升ui设计层次感有助于让整个页面对称和平衡，同时有助于引导用户把注意力吸引放到重点内容和信息上，减少用户的阅读障碍。今天千锋小编就和大家说说提升ui设计层次感的6个因素。希望能对大家有所帮助。

一、颜色

    颜色是设计的一个重要组成部分，即使是纯黑、纯白或是纯灰这样朴素的颜色都能让你为之设计。颜色有许多属性，它能够影响到一个物体相对于另一个物体的视重，如饱和度、明暗度和色调。我们凭直觉感知到的大部分色重都是真实的，这种分辨能力似乎是与生俱来。比方说，饱和度高的颜色更容易受到关注。同样的，浅色背景上深色也比浅色来得更具说服力。色调是颜色的一种属性，而心理学家近才开始意识到它也分伯仲。除了色调，颜色还有一些能够明显影响视重的属性。例如，低饱和度的红色视重更重，相对于-或是橘色也更具吸引力。

二、对比

    对比是设计的一个重要组成部分，它能使一些功能在整个版面中脱颖而出。在同样一张背景上，对比度高的比对比度低的元素看起来更加明显。适当使用对比可以维持视觉层次结构，增强可视性。若要使两者在重量上达到相等，我们可以通过-因素，比方颜色、大小、复杂性等等。

三、明暗度

深色比浅色重。明暗度是调节设计整体平衡有力的工具。心理学家无法理解为什么我们看到深色会觉得比较重。在一项研究中，专家们发现，大部分人都会觉得底部有深色阴影的图片看起来更自然。重物在下轻者在上的放置方式是一种本能，这是模仿物理界中重力将重物拖至底部的原理。

四、大小

    大小是影响视重非常明显的一个因素，因为在物理学中，假设两个物体形状相同，体积较大的物体会自然而然地让人感觉更重，占用的空间也更大。如果一个物品是这项设计中的焦点，那么果断放大它！这就是为什么我们经常看到有一群元素围绕着一个超大的启动按钮。他们是在试图吸引用户的注意力，以达到提高转化率的目的。

五、比例和密度

    在物理学中，密度高的物体比密度低、分散度高的更重。这个很容易做到，只要我们减少一堆物品间的空白间隙。

六、复杂程度

    越复杂的形状或图案视重更重。一个简单的物品相当容易也更快能被理解。基于这个原理，在商业设计中，我们可以适当地多使用复杂的图形图案，因为他们能更吸引观众长时间的驻足观赏。

千锋教育ui设计教学大纲紧跟企业需求，讲求以项目流程带动教学结果。聘请大型知名企业工作经验丰富且教学质量过硬的专业讲师授课，在教学中融入工作经典案例和行业前沿最新设计理念和需求，真正实现学生课堂到-实践的学以致用，学习和工作的无缝对接。

千锋深圳校区：http://sz.mobiletrain.org/

深圳西部硅谷校区地址：深圳市宝安区宝安大道5010号深圳西部硅谷A区B座605-619

深圳大学城校区地址：深圳市南山区留仙大道1201号大学城创客小镇16栋2楼、3楼

培训咨询专线：0755-33582485-801（硅谷校区）0755-86660670-801（大学城校区）

咨询热线：4008119990

咨  询  QQ  : 1660794050

面授课程：全栈HTML5+培训、UI交互设计培训、PHP培训、Java+云数据培训、大数据开发培训、VR/AR/Unity游戏开发培训、Python培训、Linux云计算培训、全栈软件测试培训、Android培训、iOS培训、好程序员

千锋深圳校区ui设计分享：提升ui设计层次感的6个因素