路野

今天来聊一个几乎每个UI设计师都会遇到的问题,那就是画图标。我们做的大部分页面都会包含图标,所以这几乎可以说是一个基础技能。然而这项基础技能要真的想做好却不是那么容易的事。有些时候我们看着自己画的图标,觉得哪里不对,却又不知道怎么下手改,你是不是也有过这种时候呢?今天就来分享几个我平时画图标进行自查的小妙招!希望能给你提供一些方向!

图片

 

01.统一

自古画图标的最大问题就是统一了吧!有些同学可能知道要统一,可是一到自己画又不知道怎么回事,就是不够精致。所以你真的做到统一了?

关于图标的统一不只是大小的统一,还包括风格的统一、圆角的统一、视觉重量的统一、粗细的统一、视角的统一、渐变颜色的统一、不同颜色阴影厚重感统一等等。总之在你能想到的所有维度进行统一,而不是单纯凭感觉来自查

等到把你所有能想到的方向和维度都进行了一遍统一,并且任何两个图标拿出来都保持了一致性,你的图标也就不可能不精致了!

图片

图片

图片

 

02.对齐

现在我们画一套规范的图标一般都是在栅格系统里面画的。然而如果是单纯地对所有图形居中对齐往往是不可以的。举一个栗子,播放按钮中间的三角形如果直接和圆形居中对齐,视觉上会给人感觉是偏的,但如果往右边移动几个像素的距离反而会给人是正的感觉。所以很多时候当我们面对不规则图形,需要的是视觉对齐,而不是单纯地靠参考线对齐。

图片

图片

图片

 

03.表意

表意准确且清晰。看到这你可能会觉得这不是当然的吗,然而设计师在实际画图的时候往往就会忽略这个问题。设计师很多时候在统一性和美观性上面下了很多功夫,改了一稿、两稿、三稿,改到最后往往已经忘了表意还够不够准确且清晰这件事了,所以记得时刻拿最初的标准一遍遍审视自查,这样才能保证每个细节到位。

你和别人的差距往往就体现在思考的维度上面,共勉~

图片

图片

图片

 

04.差异化

前面几个方面都做好的话可能只是一套合格的图标!在实际工作中,每套图标应用的APP不同往往都需要体现出贴合整体调性的一些特点。一个金融APP自然和儿童教育APP的图标大不相同,怎么样体现出属于每套不同图标的特点,也是设计师需要考虑的问题之一。当然!差异化的寻找不能生搬硬套,有的设计师被说图标没有特点,转头就改了一套带断点的图标,设计总监看了立马无语。差异化也要结合公司品牌特点,贴合整体调性。

图片

图片

图片

 

原文地址:设计师深海(公众号)

作者:设计师深海

图片

 

 

转载请注明:学UI网 » 为什么我画的图标总是不过稿?

登录收藏
 
你可能喜欢的:
我只用了这2招,一下子让团队的图标规范更完整!我只用了这2招,一下子让团队的图标规范更完整!
我发现这几个问题,ui设计师都遇到过!我发现这几个问题,ui设计师都遇到过!
5年前我做练习会犯这个错,5年过去了,我还在犯这个错!5年前我做练习会犯这个错,5年过去了,我还在犯这个错!
图标设计,你需要了解这些...图标设计,你需要了解这些…
未来的图标设计将会走向何处?未来的图标设计将会走向何处?
做需求,我是这样做到差异化设计的!做需求,我是这样做到差异化设计的!
详情页中图标展示模块,如何做更出彩?详情页中图标展示模块,如何做更出彩?
设计师必看的图标设计指南设计师必看的图标设计指南
耍好控件 | 如何做好「按钮」的用户体验?耍好控件 | 如何做好「按钮」的用户体验?
B端设计指南05 - 图标究竟应该如何设计B端设计指南05 – 图标究竟应该如何设计