用品牌基因法做图标设计,高级UI设计师才会的手法!(实战篇) - 网页设计 - yinxi.net
author:一佰互联 2019-04-11   click:233

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

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

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

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

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

1. 收到任务

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

嘿嘿!一套天气图标。

认真的构思中…..

2. 找参考

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

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

3. 根据参考执行

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

方案一:

方案二:

方案三:

4. 感觉没有品牌性

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

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

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

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

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

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

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

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

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

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

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

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

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

6. 再次执行

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

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

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

总结

最后提醒大家两个点吧:

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

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

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

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

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

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

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

【网页设计 原创文章 投稿邮箱:yuanhttp://www.yinxi.net/】

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

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

设计导航:国内人气最高的设计网址导航,设计师必备:http://www.yinxi.net/

巅云大课堂