设计细节把控

发布时间:2019-10-16

设计细节是UI设计上的一些规范,虽然规则是可以打破的,可以不遵循规则,大胆创新。但大多数时候,遵循设计规范可以让我们的设计符合视觉美感。如何提升我们的设计细节,让设计更加精致。

第一式:塑“形”  
 一切艺术都具有形式美;美的基本因子由“形”、“色”、“质”组成。设计也是一样。首先我要讲的是设计中的“形”,同时我个人认为“形”是图形设计中最重要的一个因子,“形”的设计好坏对于一个作品起着至关重要的作用。这里所说的“形”可以理解为图形的轮廓、线稿、造型等。“形”的控制在设计过程中需要反复思考和推敲,比如图标设计中的对其“识别性”的要求和 设计中常用的“尺规几何做图法”都是对“形”细节的严格把控。在插画设计中,人物或物质形态的造型和节奏感也很重要。“形”要准确,也要有“个性”。

第二式:控“色”
有了“形”,我们在来讲讲“色”。经常有“甲方爸爸”说“这个颜色有点丑额!换个颜色。”其实我认为,没有一个颜色是丑的颜色。排除一些个人感受和喜好外,造成这样“丑”的局面多半是因为色彩搭配和色彩关系之间出了问题。
虽然网上有很多色彩搭配工具,但是最好的工具是设计师的“感觉”,也可以说是设计师长期的积累和训练的一种能力。色彩搭配有方法可寻,但也不是完全固定的,就比如我们常说的“红配绿”也可以很高级。
我们试着给刚才的圆角矩形添加个颜色,可以是纯色,也可以是渐变色。但需要注意的是在做渐变的时候,需要注意明度、饱和度以及冷暖的变化,使得颜色过渡自然。

第三式:添“质”
设计可创造虚拟抽象,也可还原真实。除了“形”,“色”,设计中“质”的表达也很重要。比如最早的拟物风格图标的流行到现在的极简化风格。这里要说的是,由繁到简并不是“去质”,“无质”也是一种“质”的表现形式。
很喜欢以前锤子手机的图标,尽可能的还原真实,有丰富的细节,可以盯着看好久。扁平化的流行也让UI设计师的门槛变得越来越低,对于绘画的要求也没有那么高了。
一般“添质”有两种方法:添加纹理(材质)和添加光影质感。但是并不是一昧地追求“装饰”,避免过度设计。

小总结:
塑“形”:形要准确,也要有个性。“形”是第一位的,在做设计时“形”的打磨需要更多的时间,“形”需要美感,也需要“个性”。
控“色”:明度冷暖,过渡自然。色彩能给人带来更强的视觉冲击,记住没有一个颜色是“丑”的,处理好颜色的色相、明度、饱和度,以及颜色之前的关系。
添“质”:赋予质感,注意光影。“质”是锦上添花。一般方法以“添加纹理”和“添加光影”为主。“无质”也是“质”的一种表现形式哦。

第四式:留“白
“留白”是设计中常用的手法,这里说说的“白”并不是白色或空无一物的意思;留白可以让你的主题更突出,画面更有空间感和通透感。充分发挥留白的作用,体现其内在价值,才能在突出主题、提升内容美感的同时,给观者创造一个较为轻松、愉快的氛围。留白同时还能延展想象和视觉空间感,具有一定的艺术性。我国的水墨画也常常有留白的应用。不要产生一个误区:留白是万能的!其实并不是所有的都需要大面积的留白,比如:有气氛类的活动、节日、功能性很强的页面等等。灵活运用才是王道。

第五式:层次
我们在设计中经常会提到“层次”,那“层次”如何而来呢?一般情况,“层次”需要通过建立元素或内容之间的秩序,比如层级关系、主次关系、颜色关系、位置关系等等。
设计常用的方法:“对比”,即强调和弱化,元素间形成关系差;“归纳”:对相近元素的整理和不同元素的区分。
对于文字排版而言,比如说报纸或杂志一般都会有明确的层次:标题(一级)、副标题(二级)、正文(三级),这是很典型的三级排列。不同的层次可以更好地向读者展示哪些是重要信息。

第六式:对齐
“对齐”是指对于页面的各元素之间建立排列次序;元素排列要有规律。在设计过程中,组织和建立元素间的排列次序关系非常重要。一般设计工具中都有一些自动对齐工具,常用的对齐方式有“左对齐”、“居中对齐”、“右对齐”等。请时刻检查我们的对齐!

第七式:拒绝“默认字体”
关于“字体”的使用一直是我们设计师的痛,一是涉及到版权问题,很多商用的字体需要授权;二是“默认字体”尤其是中英文数字标点等一起的时候,会出现一些意外的情况。作为一个设计师,同时也需要一点点“造字”的能力,为了营造一些画面的气氛,尤其是运营设计中主题字体设计可以很大幅度提升活动质量。造字虽然涉及到时间成本,会花费一定的时间和精力,但从效果和质量上来看,还是很有必要的。

第八式:精选图片
设计师们离不开图片素材。图片素材一般通过一些素材网站上挑选,也可以自行拍摄。但是网上找的或者自己拍摄的都会有一些问题,这个时候修图的能力就非常重要了。设计师不仅要学会精选图片,更要学会如何精修图片。一般对于产品精修上会更加注重细节的打磨。

第九式:统一原则
细节的打磨不光是局部的打磨,最终会回到整体的把控上。我们来看一组头像排列的案例,乍看没什么问题,但是仔细看会发现,每个头像的人物的比例关系和视线都不太统一,我们还可以做的更好。统一意味着协调一致,元素间的大小、重量、间距、方向、对齐、色彩、形状、布局、风格等同样也要遵循一定的次序和规律。设计细节的把控就是要注重各个元素包括图形、构图、色彩、文字等之间的关系,使其和谐统一。