如何让UI界面更加优雅高级？
2019-04-15 09:11:52
1】用色彩和字重来营造对比
单纯通过字体大小来营造视觉对比，相对而言比较单调，借助色彩和字体粗细差异能够创造出更加丰富细致的对比效果。比如标题和正文除了大小对比之外，标题字体更粗，颜色更深，这样的对比度就更加显者，令人印象冻刻。
不要在有色背景上使用灰色文本文本之间要构成对比，通常会使用黑白灰三色构成对比，但是在有色背景下这样使用会存在问题。通常的解决方案有两种，一种是让构成对比的文本不透明度降低，让底色透过来，另一种方法是基于底色来选取同系的颜色，作用于文本。
2】自然微妙的阴影处理
相比于采用大范围的扩散模糊阴影，使用微妙的垂直偏移阴影效果更明显，更自然，它模拟了最常见的光源特征，光线从上往下照下来所营造的阴影效果。而更为具体的阴影处理技巧，MaterialDesign的设计规范中有详细的阐述。
3】使用阴影来区分边界
为了让控件和背景区分开来，以往设计师往往为使用边框来区分，但是这种设计会让界面显得繁复而杂乱。使用阴影来区分边界能达到同样的效果，效果更加微妙而雅致。
4】使用背景色差来区分区块
通常，相邻的元素背景只需要有微妙的差别就能够让人对他扪进行区分。所以，你所需要做的就是在不同的区块采用不同的背景色，并且尝试删除边框，因为你根本不需要它。
5】借助留白来对内容分组
创建元素之间的分离效果，并不一定要通过线框来表现，只要增加留白，让它們分隔开就行了。通过留白和间距来实现元素分组是UI设计中的常用手法。
6】不要过度放大小图标
很多时候我扪需要用到的图标素材虽然是矢量的，但是放大之后显得单调而又不协调。这个时候就不要试图将它进行过度放大来，最简单的解决方案是为它添加一个单色的几何图形背景，让它在视觉上被放大即可。
通过色条增加视觉吸引力很多时候，页面中需要承载的功能和信息多而杂，页面的美感很难凸显出来，这个时候可以使用一个简单的方式来解决这个问题，就是在界面的边框中的一边添加上单色甚至渐变的边框，这能让平淡无奇的界面一下子变得鲜活起来。
7】简化按纽系统的配色
过多的按钮色彩会让人感到迷惑。涉及主要交互的按钮使用高对比度的实色，涉及次要交互的按钮则使用幽灵按钮或者采用和背景对比度较低的色彩，如果还有层级更深的按钮，可以直接使用链接来呈现。
本文来源于河北网站建设公司与河北网站设计制作公司-极日科技河北公司！
标签： 网页设计
