用品牌基因法做图标设计,高级UI设计师才会的手法!(实战篇) - 优设-UISDC

用品牌基因法做图标设计,高级UI设计师才会的手法!(实战篇)

2017/07/30 13960

@菜心设计铺 :菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!

如果你忘记了之前的品牌基因法(升级篇),可以先去回顾一下:

  1. 《用品牌基因法做图标设计,这是高级UI设计师才会的手法》
  2. 《用品牌基因法做图标设计,高级UI设计师才会的手法!(升级篇)》

我们今天来聊的是一个真实的工作任务,做任务的过程分为以下几个阶段:

  • 收到任务
  • 找参考
  • 根据参考执行
  • 感觉没有品牌性
  • 根绝品牌基因法提取基因
  • 再次执行

1. 收到任务

我们每天都可能收到不同的设计任务,作为设计师,顺利的完成这些任务是我们最基本的能力,那我们今天要讲的任务是什么呢?

嘿嘿!一套天气图标。

认真的构思中…..

2. 找参考

算了,还是先看看别人都是怎么做的吧!

我找了一堆参考,随机选几个展示下,如下图(图片采集于花瓣网):

3. 根据参考执行

有了这么多参考,可以开做了,多做几个版本,显示出自己有多努力,哼!

方案一:

方案二:

方案三:

4. 感觉没有品牌性

虽然设计这么多稿,但总感觉还是没什么品牌性,每一稿都有其他人的影子,心里没底啊!

于是我去分析了各个参考,发现圆形,三角形,四边形,五边形,六边形都被用过了,下图是我的各种分析与尝试:

又想创新又要有特点好难啊!

但很多事情如果思路和方法对了,不应该这么难啊!

所以我怀疑肯定是思考的方式不对:收到任务就找参考,找完参考想都不想就开始撸图,撸你妹啊!

从一开始就没有从品牌这个点切入,导致后面的路一直都是歪的,即使做再多稿,也会心理没底,因为没有品牌性!

突然想起,本宝宝不是写过《品牌基因法》吗?

5. 根据品牌基因法提取基因

如果你已经回顾了品牌基因法,应该知道提取基因的方法有三个方向:

  • 提取特定形状
  • 吸取品牌颜色
  • 抓取风格特点

我们这次用的方法是提取特定形状法。

由于信息安全问题,不方便展示提取基因的原图标,这里只告诉大家,我从原品牌图标上提取了一个基因符号-“花瓣”,如下图:

这个符号是具有品牌感的,如果能把它融入天气图标中,方向一定没错!

6. 再次执行

沿着这个方向,我再次执行,尝试用这个基因符号做出云朵的主形象、太阳的光点和雨滴,如下图:

经过组合与调整,得到最后的成品(部分图标):

这样,一组有品牌感的概念设计就完成了,不论是阐述设计思路还是最后展示成品都可以自信满满,内心忍不住夸上自己一句:棒棒哒!

总结

最后提醒大家两个点吧:

第一,做设计还是需要有些特点,如果你做出的设计,换个logo谁都能用,那就基本上是没啥特点了,所以一定要考虑好品牌性。

第二,有时候虽然可以提取出品牌基因符号,但确实不一定适合你当下的场景,不要觉得方向对了,就一定能做好,执行力需要慢慢练,实在不好看咱就换个思路,一定要灵活运用哈!

学习图标设计的同学,建议先掌握设计流程:《聊聊图标设计流程及小技巧》

设计完成后从这四个方面来审视你的图标:《好图标怎么做?教你从四个方面来评价图标设计的质量》

想让图标出彩,可以从顶尖设计师的分享汲取经验:《顶尖设计师分享的6个图标设计优化指南》

动效图标已是趋势,来这看基础的图标动效设计:《高手常用的六种图标动效设计思路(附大量实例)》

欢迎关注作者的微信公众号:「菜心设计铺」


【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/brand-gene-icon-design-practice

sketch UI 界面设计 转场动效 平面设计 交互设计师 设计师 扁平化设计 设计师专访 排版布局 职场 用户体验设计 设计流程 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计理论 设计规范 产品设计 字体下载 神器下载 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里