起航学习网

能在设计行业坚持5年的设计师都明白一个道理：易懂好用的UI界面，都建立在良好的视觉层次之上。一个差不多的界面，字号大了一点、多了1，2种颜色，投影深了一点点、配图不统一等，都决定了 UI 界面的品质。 这些都是因为你不够懂视觉设计规则，珠海达内10年的设计专家对界面设计中如何做好视觉表现的见解。

影响视觉表现的问题基本发生在图标设计，色彩应用，图片，这里主要从这几个方面来做分析。

1、图标设计风格要统一

图标设计在整个APP设计中是比重较大的板块之一，图标设计风格有：线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等。无论设计时选择何种表现形式的图标都请保持统一性，相同的模块采用一种风格的表现形式，如果是线性图标就保持一致的描边数值。

图标在配色上面也要保持有规律的统一，这里珠海达内UI培训机构专家建议采用比较常用的配色方式：相同颜色;如果要采用不同色相的配色方式，一定要确保整体的配色协调，不要出现饱和度、明度反差过大的的情况，这样的配色会影响整体的视觉协调。

2、图标大小保持视觉平衡

同一个界面有时需要出现多个图标，这个时候就一定要确保整体的视觉平衡。由于图标的体量不同，相同尺寸下不同体量的图标视觉平衡也不相同，例如相同尺寸的正方形会比圆形显得大。因此，此时就需要心灵手巧的设计师根据图标的体量对大小做出相应的调整。这一点也是界面设计中保持视觉表现需要高度重视的问题。

3、不要过度装饰，让界面更简洁

设计需要准确的把握“度”，一旦出现画蛇添足，会使过度的设计干扰到信息传达的准确性。减少不必要的UI设计元素，让信息脱引而出，整个界面将会更加简洁清爽，也不会分散用户的注意力。

4、合理的运用投影的颜色与透明度

你会发现对按钮、卡片等进行投影运用不但可以增强立体感与层次感，而且会让界面呈现更美妙的效果，如果在制作投影时，能够根据不同背景投影的颜色、透明度改变的到适度那就更极致了。

这里珠海达内UI培训机构专家准备两点供大家参考：1，浅色背景下投影的颜色选择拾色器偏左上角的位置和透明度在10%~40%之间进行调整,2，深色背景下投影的颜色会选择拾色器偏右下角的位置和透明度在20%~40%,之间进行调整。(为了让界面设计中视觉表现有更好的效果，这点可以参考)运用好投影效果不仅可以增强元素的层次感，而且可以提升页面设计的氛围。

5、优化你的分割线

界面设计中往往细节的处理最容易被忽略，根据界面配色的不同，我们在分割线色彩的选择上面也要做出相应的调整。由于分割线的作用是区分上下信息层级和界面装饰，配色的表现力要低于文字信息的力度，通常我们会选择浅色而否定深色，这样界面会更加简洁通透。深色的分割线要慎用，除非在一些特定的产品场景下。

6、图片比例&视平线的统一性

在人物展示的设计中，如果并列出现多个人物形象，为了保持视觉平衡我们需要调整并列图片的大小比例，就像所有角色都是在相同焦距下拍摄的。在人物上下位置的调整上面我们要尽量控制视平线的方向，让他们的眼睛处于相同的位置左右。

7、界面中配色数量你控制好了吗

如果没有过硬的设计功底，又不想让设计出现五彩斑斓的“视觉盛宴”，那么一个界面中出现3种左右的配色就OK啦。在选择配色组合时，使用相似色的配色方案可以使颜色更加协调和交融;如果希望更鲜明地突出某些元素，对比色是不错的选择。无论选择何种配色方案，控制好界面中的配色比重，就不会让视觉受到干扰。

8、设计对比合理

通过对比可以让信息模块更加独立，界面层级关系更加丰富。以不同的背景颜色区分不同的信息模块，可以提升了整个界面的节奏感。颜色的选择可以是同色系中不同明度的梯度表现，也可以选择不同色相的穿插搭配。

9、配图质量

图片的质量影响着整个界面的格调，特别是一些产品图片，在设计师进行美化后可以大大提升产品在用户心中的印象。为了规避界面设计中视觉表现问题发生，在设计提案的时候对配图的选择也要精挑细选，通过后期裁剪、曲线调整、色彩调整等技法使相同模块的配图视觉效果更加协调。

学习使我们处于不败之地，IT学习更能让我们适应互联网+大数据时代的高速发展，珠海达内带你一同走进新的高薪阶层，做更有价值的事。

更多UI设计技能知识在珠海达内UI设计培训~

文章出自：http://qh.itpxw.cn/qgtk/202066346.html

文章标题：这样做能规避界面设计中影响视觉表现的问题

免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉