恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
为什么我做的设计总是不耐看
0.0°
2017-08-14 原创文章 经验/观点 举报 34927 731 1030 67



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


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


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


1.给造型加点细节

2.多加点质感的细节

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

4.风格特点的运用


1.给造型加点细节

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

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

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


Image title


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


Image title


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


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


Image title


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


Image title


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


Image title


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



2.质感的细节

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


Image title


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


例如转折处加一点高光:


Image title


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


Image title


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


Image title



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


Image title


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


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



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

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


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


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


Image title


这个图标存在的问题就是摄像头与背景对比不够强,粘在了一起,使整体看起来灰灰的,尤其是在饱和度较高的背景上面。


为了提高对比,要么让摄像头颜色变浅,要么让背景颜色变浅,我原则第二个方案,把背景颜色变成白色,如下图:


Image title


这样看着就好多了,但是放在纯黑色背景下,我们会发现,好像摄像头的颜色还是有些灰,不够明亮,那我继续将其提亮,如下图:


Image title


这样整个图标就做的差不多了。


所以,大家一定要让图标的层次拉开,该亮的地方亮起来,该暗的地方暗下去,大胆果断一点,都是80、90后,咱怕啥!



4.关于风格特点

有些时候,即使图标的造型没有特别惊艳,如果能赋予一个统一的风格特点,也会使图标看起来非常出彩。


关于风格特点,举几个例子,比如颜色:

Image title

大空逸_kin 作品



高级灰的颜色就是这套图标很重要的风格特点。


形状:

Image title

09ui 作品


这套图标得风格特点就是和六边形形进行结合。


纹理:

Image title

kidaubis作品


柔和的渐变就是这套图标的风格特点。


如果用户看了你的设计之后,没有任何记忆点,那就基本上是没啥风格特点了,所以前期规划时一定要考虑好!


总结

我们在欣赏别人优秀的作品时,不是随便看看就好了,不仔细分析,很难看出里面的细节,而如果你一直不注意细节,作品怎么可能会精致耐看呢?对不对!


科科!



微信公众号:菜心设计铺

更新:2017-08-14

收藏

731人已收藏

菜心设计铺

微信公众号:菜心设计铺

  • 123

    作品

  • 2.2w

    粉丝

  • 100

    关注

  • 第一次做插画视觉,真没想到有这么难!
  • 做了三年设计,第一次包装作品,献丑了!
  • 《菜心工作室 x 摩尔线程》
  • 原来我这一项这么弱,献丑了!

    猜你喜欢

      2017-08-14 原创文章 经验/观点 举报 34927 731 1030 67

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

      0.0°

      你确定要举报为什么我做的设计总是不耐看

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年08月14日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1030
      731
      67

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录