解析快速提升界面视觉功底的设计技巧(2)

样式三：轻拟物

在经过扁平风的洗涮之后，拟物风仍保留了一席之地。目前轻拟物的视觉主流更多的是在扁平的基础上，加些拟物的元素，在汽车终端、智能家居等物联网系统尤为多见。但与传统的拟物相比，现代的拟物风变的更为简洁，主要层级信息变的更为突出

| 何为形

形，决定着整个产品线的调性，能直接将产品所蕴含的情感文化通过视觉表现传达给给用户。无论是按钮的圆角比例，还是图标的统一性，都是形的重要组成部分。而在UI界面设计中图形更多的体现在图标和按钮上，这里可以尝试这样来提升形的统一感

要素一：统一的icon风格在图标设计中，首先要把控好图标视觉语言的核心，以多个常见的线性图标为例，其中就包括着：描边线宽，圆角，断点方式，点缀，颜色填充类型，图标重心。像这些，都是需要进行统一规范化。如果你是刚入门的设计师，对图标这块不擅长，可以去图标网站如iconfont上找相关图标进行参考，再根据自己的想法进行替换，但基础的风格样式，都需要保持统一。

要素二：统一的图形元素在界面设计中使用品牌图形可以使用户快速记录品牌形象，让产品快速抢占市场，提高用户比。例如天猫，京东，QQ，网易云等优秀产品，在这块就运用的非常完美。天猫使用替换猫头的形象，而网易云，则提取了唱片的元素，整个图标风格，都使用了多个圆润的造型。

| 何为色

色，通常是人感官中留下的第一印象。想要合理的运用颜色，其实并不容易。其实在界面设计中，对于选择配色方案，就好像比穿衣服一样，颜色越多越花哨，跟传统的空间设计一样，在大部分界面设计中，一般使用几种颜色就够了，除非设计师拥有者非常高的配色驾驭能力，不其然整个页面都会出现大量花哨，影响信息传递。下面，我们可以使用两个小技巧，来帮助您提升配色的能力。

技巧一：使用情绪板决定主色调。设计师通过在做界面设计时，都是感性的，常常难以支撑各样的质疑。那么通过场景关键字，收集相应的图片素材，使用情绪板来创造颜色，能更好地帮助设计师完成对产品情绪的理解，同时提高工作效率流程，并实现界面设计更符合用户的预期，完成产品目标需求。设计出来的方案也更具有说服力，能更好的帮助设计师拿到产品视觉设计的替代权。

技巧二：六三一原则所谓的六三一原则就是在空间设计中，通常主色调占60%，辅助色占30，突出色占10%。其实在界面设计中也是一样的，设计稿中颜色不宜过多，不同色系最好不要超过三种。如果对色系不能很好理解的同学，我这边给个办法、就像当初学画画，眯着眼睛看即可看出其主要色调。但如果一个大型图案的个别色块很大的话，同样得视为一种色

| 何为字

字，字体的形状及样式会直接影响到信息传递的速度。所以根据不同的场景，使用不同的字体样式也是极为重要的。因此对UI设计师而言，理解字体也是个必不可缺的技能。这里也给大家提供几个小技巧，帮助大家提升对字体的理解能力。

技巧一：合理的使用字体样式

在做界面设计时，永远要把内容的适当性放在首位，其次再去考虑其他样式。根据不同的业务模式，选择不同的字体，可以让页面更容易达到用户的心理预期。如衬线字与无衬线字，所传递出来的感觉也是存在截然不同的，一般而言，需要呈现的文字或小篇章文字中，使用无衬线字会更合适一些。而在一些长篇文章中，如在网页设计中，最小的11号字体使用衬线体宋体，会比非衬线体的微软雅黑更具有优势。

技巧二：合理的使用字重在单色环境中，使用不同的字重能更好的加强内容之间的呼应对比。减少过渡色阶层级的使用，能使核心内容更为聚焦，减轻阅读负担。因此在界面设计中，使用较粗的字重来作为标题是较为合适的。在iOS11中，这样的设计手法尤为多见。下图我使用了不同的字重，很明显，左边的图会更利于信息阅读一些，因为层级的主次得到了很好的区分。因此大家在设计界面中，不妨把一些主标题加粗试试，或许有一些意想不到的效果。

技巧三：合理的控制字距及行高

标题的字距要紧密，正文大排字的字间距要稀疏一些。其他正文的行间距应该设置为字体大小的120%到150%之间。大家可以多进行一下尝试，直到信息较容易识别阅读为止。

文末总结以上几个大点，构成了一套较为完整的视觉语言。我们可以通过对以上这几个点进行刻意练习，来熟练掌握这些基本知识。另外除了通过临摹一些优秀的视觉作品，拿现有产品进行Redesign或者视觉改版都是一个较为不错的选择。提升自己的视觉设计水平，也并非一朝一夕之事，靠的也是不断地积累，不断学习。学习路上是很艰辛的，庆幸是生活在了一个知识共享的年代，通过前人的经验，我们得到了快速的成长!喝水不忘挖井人，写下这篇文章，希望也能帮助到正在不断探索的设计师朋友。