偶然候我们做出来的设计，有种说不出的别扭，这不妨设计细节上出现马虎。设计细节是UI设计上的一些规范，固然规则是可以冲破的，可以不遵循规则，斗胆创新。但大多数时候，遵循设计规范可以让我们的设计符合视觉美感。设计达人今天和朋友们共享的这篇文章，借喻武林小说的口诀样式，聊聊怎样晋升我们的设计细节，让设计加倍精致。希望这些口诀方法能够化为朋友们的内功，在以后的设计中潜意识地用到。

我们来聊一聊设计细节，从视觉设计的角度，总结了一些晋升设计细节的方法。

开门见山，辣么我们可以从哪些地方晋升设计的细节呢？

一本“武林秘笈”一共为“九式”。固然是设计的一些根基功，但轻易被马虎。掌握好这些，在平时设计中，多加勤练，多思考，你的设计就会加倍细致~

第一式：塑“形”

全部艺术都具备形式美；美的根基因子由“形”、“色”、“质”组成。

设计也是同样。开始我要讲的是设计中的“形”，同时我个人觉得“形”是图形设计中非常紧张的一个因子，“形”的设计利害对于一个作品起着至关紧张的用途。

这里所说的“形”可以理解为图形的表面、线稿、造型等。

“形”的掌握在设计过程中需要反复思考和推敲，好比图标设计中的对其“辨认性”的要求和 设计中常用的“尺规几何做图法”都是对“形”细节的严格把控。在插画设计中，人物或物质形态的造型和节拍感也很紧张。

“形”要精确，也要有“性格”。

打个比喻，我们要画一个圆角矩形，一般都会在矩形的基础上干脆倒个圆角。

很一般对不对？是否可以针对这个圆角打磨更多的细节呢。

我们可以再给这个矩形进行处理或者换另一种画法，让他具备一些伸展感或加倍饱满，变得辣么“不一般”。如许的圆角矩形是不是更耐看了点呢。

（别小看了这圆角矩形，苹果图标的圆角矩形还注册了专利呢）

这是一组多年前OPPO手机主题大赛的参赛作品，过了辣么多年，仍然很稀饭。

第二式：控“色”

有了“形”，我们在来讲讲“色”。

时常有“甲方爸爸”说“这个色彩有点丑额！换个色彩。”其实我觉得，没有一个色彩是丑的色彩。破除一些个人感受和喜欢外，造成如许“丑”的地势多数是由于色彩搭配和色彩关系之间出了疑问。

固然网上有很多色彩搭配对象，但是非常好的对象是设计师的“感觉”，也能够说是设计师长期的蕴蓄堆积和训练的一种才气。色彩搭配有方法可寻，但也不是彻底固定的，就好比我们常说的“红配绿”也能够很高级。

我们试着给适才的圆角矩形增加个色彩，可以是纯色，也能够是渐变色。但需要留意的是在做渐变的时候，需要留意明度、饱和度以及冷暖的变更，使得色彩过渡自然。

这是一组通过色彩渐变阐扬小动物布局的图形作品。根基是通过掌握色彩的几个常用要素：色相、饱和度、明度来实现的。

第三式：添“质”

设计可缔造虚拟空洞，也可还原实在。除了“形”，“色”，设计中“质”的表白也很紧张。好比非常早的拟物样式图标的盛行到当今的极简化样式。这里要说的是，由繁到简并不是“去质”，“无质”也是一种“质”的阐扬形式。

很稀饭过去锤子手机的图标，尽可能的还原实在，有丰富的细节，可以盯着看很久。扁平化的盛行也让UI设计师的门槛变得越来越低，对于绘画的要求也没有辣么高了。

一般“添质”有两种方法：增加纹理（材质）和增加光影质感。但是并不是一昧地追求“装修”，避免过度设计。 

刚讲了三个根基要素“形”“色”“质”中晋升细节的一些要点。

我们总结一下：

塑“形”：形要精确，也要有性格。“形”是第一名的，在做设计时“形”的打磨需要更多的时间，“形”需要美感，也需要“性格”。

 控“色”：明度冷暖，过渡自然。色彩能给人带来更强的视觉冲击，记住没有一个色彩是“丑”的，处理好色彩的色相、明度、饱和度，以及色彩以前的关系。

添“质”：赋予质感，留意光影。“质”是如虎添翼。一般方法以“增加纹理”和“增加光影”为主。“无质”也是“质”的一种阐扬形式哦。