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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何创造一个吸引人的图标?
0.0°
2018-04-04 原创文章 经验/观点 举报 2647 12 20 0

干货分享 如何创造一个吸引人的图标TAr.03

如何创造一个吸引人的图标?

Image title

今天黑熊分享一些小经验,干货分享第一章,如何创造一个吸引人的图标?


图标分为三类分别是/扁平图标又称2d图标/微质感图标又称2.5d图标/写实图标又称


3d图标,了解之后大家在画图标的时候针对主题再去选择图标类型。

Image title



图标的设计感取决于造型(这个需要我们多看,多累积经验,画多了自然在造型上能


有新突破)图标吸不吸引人取决于细节,细节到位有内容可看,就能吸引人。


案例分析(比如搜狗浏览器)首先需要给它定位


1:是一个浏览器,互联网

2:与科技相关

3:全球覆盖

4:首字母S/G


 给主题定位后就可以开始制作了,首先需要画出符合定位的造型(取首字母S为图标


主视觉)如下图如果用直角矩形和圆角矩形都会让人感觉是一个封闭的空间。更像是


一个和文学相关的图标造型且无法直观联想到互联网,浏览器。我们再来看圆形,圆


形即是地球的形状,也可代表互联网的全面覆盖。

Image title



三个造型放在一起,哪一个更加符合浏览器的定位?


明显是第三个,圆形的图标且还有一个小细节,正负关系类似中国的八卦图,意为无


限更新,循环,也恰恰符合浏览器的定位。

 

我们画好造型后,接下来就是开始上色,合理的颜色运用非常重要,看下图

Image title


第一个相近色,不够直观,与想表达的S区分不够明显。


第二个外围蓝色,内部白色,会造成视觉的引导错误,我们首先会注意到白色区域,


这不是我们想表达的。


第三个外围白色,内部蓝色,可以很直观的看三S字母,可以准确传达出搜狗浏览器


这几个字的信息。


图标做好了之后我们就可以开始上细节


细节的做法无非就是颜色的渐变,高光,阴影,让图标看起来更加生动,有层次感。


如下图,我们在已经画好的造型上加入一些细节。

Image title


我们常常刚画好的图标,过一个小时或过一天再看,是不是常常会觉得哪里有问题,


或突然就觉的不好看了。知道为什么吗?


其实就是因为我们没有去做一些细节,或细节没做到位。


你想象一下,你是一个三维生物,你画的图标就是二维平面的东西,你一眼望穿,没


有任何隐藏的东西。所以你就会觉得这个东西没什么特点,也就会记不住。

 

你再想象一下,你还是一个三维生物,你给画的图标添加一些细节,把它带到了你三


维的世界,这个时候你看不穿它了,你左看右看上看下看,就是看不穿,你需要花点


时间去看它那些细微的美,这样你就会对这个图标有了记忆点。


当然这个图标还可以添加一些细节进去,这里就不阐述了,大家知道方法就好。

Image title

最近一直在画图标,才知道即使那么小的一个区域,也是可以发挥出很多东西来的,


面积虽小但我们可以让它变得精致,分享大家一些最近画的几套的部分图标。

Image title

Image title

Image title

Image title今天的干货分享就到这里了,希望对你们有所帮助


设计即创造,我是黑熊,一个有态度的设计师,一起加油

更新:2018-04-04

收藏

12人已收藏

黑熊设计站

设计中的一二事儿,设计经验分享传播者

  • 2

    作品

  • 8

    粉丝

  • 0

    关注

  • 佛系设计师的心理转变过程
相关标签
经验

    猜你喜欢

      2018-04-04 原创文章 经验/观点 举报 2647 12 20 0

      如何创造一个吸引人的图标?

      0.0°

      你确定要举报如何创造一个吸引人的图标?

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年04月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      20
      12
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录