有时候我们做出来的设计,有种说不出的别扭,这可能是设计细节上出现纰漏。设计细节是UI设计上的一些规范,虽然规则是可以打破的,可以不遵循规则,大胆创新。但大多数时候,遵循设计规范可以让我们的设计符合视觉美感。设计达人今天和大家分享的这篇文章,借喻武林小说的口诀风格,聊聊如何提升我们的设计细节,让设计更加精致。希望这些口诀技巧能够化为大家的内功,在以后的设计中潜意识地用到。
我们来聊一聊设计细节,从视觉设计的角度,总结了一些提升设计细节的方法。
开门见山,那么我们可以从哪些地方提升设计的细节呢?
一本“武林秘籍”一共为“九式”。虽然是设计的一些基本功,但容易被忽略。掌握好这些,在平时设计中,多加勤练,多思考,你的设计就会更加细致~
第一式:塑“形”
一切艺术都具有形式美;美的基本因子由“形”、“色”、“质”组成。
设计也是一样。首先我要讲的是设计中的“形”,同时我个人认为“形”是图形设计中最重要的一个因子,“形”的设计好坏对于一个作品起着至关重要的作用。
这里所说的“形”可以理解为图形的轮廓、线稿、造型等。
“形”的控制在设计过程中需要反复思考和推敲,比如图标设计中的对其“识别性”的要求和 设计中常用的“尺规几何做图法”都是对“形”细节的严格把控。在插画设计中,人物或物质形态的造型和节奏感也很重要。
“形”要准确,也要有“个性”。
打个比方,我们要画一个圆角矩形,一般都会在矩形的基础上直接倒个圆角。
很普通对不对?是否可以针对这个圆角打磨更多的细节呢。
我们可以再给这个矩形进行处理或者换另一种画法,让他具有一些膨胀感或更加饱满,变得那么“不普通”。这样的圆角矩形是不是更耐看了点呢。
(别小看了这圆角矩形,苹果图标的圆角矩形还注册了专利呢)
这是一组多年前OPPO手机主题大赛的参赛作品,过了那么多年,依然很喜欢。
第二式:控“色”
有了“形”,我们在来讲讲“色”。
经常有“甲方爸爸”说“这个颜色有点丑额!换个颜色。”其实我认为,没有一个颜色是丑的颜色。排除一些个人感受和喜好外,造成这样“丑”的局面多半是因为色彩搭配和色彩关系之间出了问题。
虽然网上有很多色彩搭配工具,但是最好的工具是设计师的“感觉”,也可以说是设计师长期的积累和训练的一种能力。色彩搭配有方法可寻,但也不是完全固定的,就比如我们常说的“红配绿”也可以很高级。
我们试着给刚才的圆角矩形添加个颜色,可以是纯色,也可以是渐变色。但需要注意的是在做渐变的时候,需要注意明度、饱和度以及冷暖的变化,使得颜色过渡自然。
这是一组通过色彩渐变表现小动物结构的图形作品。基本是通过控制色彩的几个常用要素:色相、饱和度、明度来实现的。
第三式:添“质”
设计可创造虚拟抽象,也可还原真实。除了“形”,“色”,设计中“质”的表达也很重要。比如最早的拟物风格图标的流行到现在的极简化风格。这里要说的是,由繁到简并不是“去质”,“无质”也是一种“质”的表现形式。
很喜欢以前锤子手机的图标,尽可能的还原真实,有丰富的细节,可以盯着看好久。扁平化的流行也让UI设计师的门槛变得越来越低,对于绘画的要求也没有那么高了。
一般“添质”有两种方法:添加纹理(材质)和添加光影质感。但是并不是一昧地追求“装饰”,避免过度设计。
刚讲了三个基本要素“形”“色”“质”中提升细节的一些要点。
我们总结一下:
塑“形”:形要准确,也要有个性。“形”是第一位的,在做设计时“形”的打磨需要更多的时间,“形”需要美感,也需要“个性”。
控“色”:明度冷暖,过渡自然。色彩能给人带来更强的视觉冲击,记住没有一个颜色是“丑”的,处理好颜色的色相、明度、饱和度,以及颜色之前的关系。
添“质”:赋予质感,注意光影。“质”是锦上添花。一般方法以“添加纹理”和“添加光影”为主。“无质”也是“质”的一种表现形式哦。
文章源自 设计联盟 www.DesignLinks.cn 中国最具影响力的创意设计综合网站