IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

品牌基因法做图标——实战篇

Catherine • 2017-08-04 08:34 • 交互设计

菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!如果你忘记了之前的品牌基因法(升级篇),可以先去回顾一下,网址如下:品牌基因法做图标(升级篇)

文章目录[隐藏]

  • 1. 收到任务
  • 2. 找参考
  • 3. 根据参考执行
  • 4. 感觉没有品牌性
  • 5. 根据品牌基因法提取基因
  • 6. 再次执行
  • 总结
    • 相关阅读
    • #专栏作家#

菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!如果你忘记了之前的品牌基因法(升级篇),可以先去回顾一下,网址如下:品牌基因法做图标(升级篇)

品牌基因法做图标——实战篇

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

  1. 收到任务
  2. 找参考
  3. 根据参考执行
  4. 感觉没有品牌性
  5. 根据品牌基因法提取基因
  6. 再次执行

1. 收到任务

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

嘿嘿!一套天气图标。

认真的构思中…..

2. 找参考

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

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

品牌基因法做图标——实战篇

品牌基因法做图标——实战篇

品牌基因法做图标——实战篇

3. 根据参考执行

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

方案一:

品牌基因法做图标——实战篇

方案二:

品牌基因法做图标——实战篇

方案三:

品牌基因法做图标——实战篇

4. 感觉没有品牌性

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

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

品牌基因法做图标——实战篇

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

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

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

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

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

写了不用就是耍流氓!

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

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

  1. 提取特定形状
  2. 吸取品牌颜色
  3. 抓取风格特点

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

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

品牌基因法做图标——实战篇

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

6. 再次执行

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

品牌基因法做图标——实战篇

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

品牌基因法做图标——实战篇

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

总结

最后提醒大家两个点吧:

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

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

相关阅读

品牌基因法做图标(升级篇)

#专栏作家#

菜心,微信公众号:菜心设计铺,人人都是产品经理专栏作家,前华为ITUX用户体验设计师(主视觉),3年工作经验,参与华为Welink、3MS、连长社区等多个项目的用户体验设计工作。欢迎大家互相交流关注。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/20273/

logoPSUIUXVR产品产品经理品牌基因法图标图标设计场景微信用户用户体验用户体验设计用户体验设计师经验视觉设计设计师设计技巧转载
赞 (0)
CatherineCatherine
0
生成海报
交互设计的五要素
上一篇 2017-08-04 08:16
动画的两种类型:移动界面上的功能动画和情感动画
下一篇 2017-08-04 09:13

相关推荐

  • 交互设计师的60日计划之第八天

    今天仍然在处理上周五的需求。参与讨论的人越多,战线就拖得越长。不过讨论虽然效率低,却能出现各种各样的想法和方案,不靠谱的,靠谱的。 2015/08/04 与老大谈话所得题目起的有点大,不过这是今天老大和我讲的主…

    交互专题 2015-08-20
  • 8个你需要知道的2017年UI设计流行趋势 交互设计

    8个你需要知道的2017年UI设计流行趋势

    UI界面的设计趋势是不断变化的。随着时间的推移也在不断的成长,进化。虽然有些趋势还有待检验,但我们还是需要不断的去学习新的技术。

    2017-05-15
  • 交互设计

    摧残人类的交互

    特仑苏:积分系统 购买每箱牛奶都会有一张积分卡片,上面有一行验证码。如果你认为在官网输入验证码就能获取积分,那就想的太简单了。你要拿起手机,编辑短信“CZ+长长的16位数字的验证码”,发送到长长的16位数字的…

    2014-12-24
  • Hybrid APP 会吃掉微信等应用? 交互专题

    Hybrid APP 会吃掉微信等应用?

    先看一则新闻:Facebook今天推出了依托在Messenger上的虚拟助手M。这款虚拟助手借助AI+人工的方式为用户提供服务,M背后的人工运营者被称为M trainers,是Facebook公司里的合同工,而非正式员工。除了提供服务,他…

    2015-08-28
  • 微信热点

    读书会第三期:《交互设计指南》

    《交互设计指南》的作者Dan Saffer是旧金山一家产品设计资讯公司Kicker Studio的负责人,也是交互设计领域的思想先行者,经常在国际进行各种演讲活动。这本书在国内最常见的是2010年发行的第2版中译本,其实它在2006年就有了第1版的英文版,它在10年前的目标读者群是设计行业的资深者,现在很适合交互设计师入门通读。交互设计的4种方法从2003年至2010年常见的交互设计方法论共有4种:以用户为中心的设计、以活动为中心的设计...

    2018-04-20
  • 数据交互的常见方式及案例 交互设计

    数据交互的常见方式及案例

    交互设计师作为整个项目贯穿始终的一根线,除了有自身对需求的理解把控以及对页面布局的拿捏以外,充分吸取各种不同的思维方式,才能让我们在打怪升级的路上越走越远。

    2017-05-07
  • 几乎是最完美的用户体验模型—CUBI

    【导读】我们都希望能做出引人注目的创意项目——能解决业务问题,同时通过有意义、有价值的体验吸引用户的项目。然而,紧缩的预算以及紧张的时间安排,都给创造真正新颖的设计、确定设计流程中的遗漏,以及充分考虑…

    交互设计 2015-04-24
  • 交互设计

    用户体验要考查的十个原则

    用户体验是个筐
    什么都能往里装
    ——李白

    2017-05-27
  • 10种交互设计小技巧抓住用户注意力

    如今,设备的屏幕正变得越来越小。主要的挑战在于在有限的屏幕范围内提供优秀的用户体验。 简单来说2015年的移动设计趋势将是在传递更多信息的同时,尽量保持设计的简单。让我们来看看这些应用是如何抓住用户的注意…

    交互设计 2015-09-02
  • 微信热点

    设计神器Figma出马!Sketch、PS有些慌了,因为...

    这年头真的是“长江后浪推前浪,一浪更比一浪强”,许多新产品、新工具纷纷冒出头来,就拿我们设计师的设计工具来说吧,Photoshop 算是一名老将了,它也是我们走上设计不归路的第一个敲门砖(当然还有 CDR);被 PS 折磨的要死要活的时候 Sketch 和 Affinity 杀了出来,一个是专攻用户界面的矢量设计,另一个则像是加强版的 PS 和 AI;Sketch 和 Affinity 还没用熟又冒出个 Figma:说出来你可能不相信,...

    2018-04-17
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress