专栏名称: 设计新知
以创意设计类干货分享为主,扯淡为辅,偶尔也当当知心大姐
目录
相关文章推荐
Python爱好者社区  ·  中国最难入的IT公司。 ·  3 天前  
Python爱好者社区  ·  黄仁勋预言成真!!! ·  昨天  
Python爱好者社区  ·  DeepSeek彻底爆了。。。 ·  4 天前  
Python开发者  ·  湖南大学的 DeepSeek ... ·  2 天前  
Python开发者  ·  董事长十几刀刺死 ... ·  2 天前  
51好读  ›  专栏  ›  设计新知

为什么我做的设计总是不耐看

设计新知  · 公众号  ·  · 2017-08-13 18:05

正文


阅读此文大概需要您5分钟时间


不知道大家有没有这样的情况发生,自己设计的作品,“乍一看不怎么样,仔细一看,还不如乍一看”!


其实不耐看,或者不敢放大看的原因都是细节做的不到位。


最近在做手机OS的主题图标,对细节的感触很大,今天结合主题图标来和大家聊聊,我们可以从哪些方面注意自己的设计细节,大纲如下:


1.给造型加点细节

2.多加点质感的细节

3.不要让图标看着灰灰的

4.风格特点的运用


1.给造型加点细节

造型是所有设计执行的第一步,造型做不好,说别的都没用。


那如何能给造型加点细节,使其变得更加耐看呢?


打个比方,我们要画一个圆角矩形:



哪个更有设计感,更有细节呢?当然是第二个,第一个一看就是默认的圆角,没有细节可言,放在真正的案例中就像下图一样:



如果 youtube 的图标用了第一个普通的圆角矩形,可能就有现在那么耐看了!


造型加点细节,你也可以理解为,别让造型太普通,比如,我们要做一个定位图标:


这是一个很常见的定位图标,在图标网站上一搜一大把,那如何让他变得不那么普通呢?看下图:



首先比例上可以做点事情,比如拉长,之后在线条上再做点文章,比如给直线加点弧度,最后就得到了一个看起来没那么普通的定位图标了,它就是谷歌地图上面的一部分:



方法不止一种,大家可以多思考总结,观察优秀的设计,借鉴他们,然后超越他们!


2.质感的细节

假设我们现在做一个文件管理的图标:



这就是一个细节很少的普通图标,我想在这个图标上面加一些轻质感,如何做呢?


例如转折处加一点高光:



例如纽扣加点真实的效果:



再例如加点渐变折叠的设计语言,来丰富层次:



优化前后的图标对比如下图:



这样看着就显得精致、专业多了!


但这里需要强调一点,由于我的前期风格定位是轻质感与轻拟物,所以加了一些质感的细节,但并不完全适用于任何场景,所以大家一定要具体场景具体分析哦!


3.不要让图标看着灰灰的

有的时候颜色用不好,很容易让图标看起来脏脏的、灰灰的。


这里我们要记住两点,一个是增强主影响与图标背板的对比度,二是主形象一定要尽可能的提亮突出。(这个也不是绝对的,特殊风格特殊处理。)


举个例子,下图是一个相机的图标:








请到「今天看啥」查看全文