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

相关推荐

  • 译|构建用户体验地图的时机和方法 交互设计

    译|构建用户体验地图的时机和方法

    用户体验地图结合了两个强大的工具—讲故事和可视化 ,以帮助团队了解和解决用户需求。 虽然体验地图会根据不同的场景和商业目标采取各种各样的形式,但通常都包含一些元素,并且有很多可以遵循的潜在基本规则,使得用户体验地图为设计提供帮助。定义:用户为了实现目标而经历的过程的可视化,它用于了解和解决用户的需求和痛点。

    2017-04-29
  • 交互设计师从业时间长度与对应状态

    不同的经历决定了你的认知,而我们中的很多人往往以自己的认知去度量别人的工作和成果,每每于此,长不自拔而废咦! 从业0-2年: 这个阶段往往是浑浑噩噩进入这个行业,读了几本书,分析过几个案例,感觉自己掌握了…

    IxD案例 2016-05-24
  • 用户所说,非其所做 交互设计

    用户所说,非其所做

    当用户反馈问题时,这真的是他们遇到的问题吗?当用户讲述需求时,这真的是他们的实际需求吗?可能未必真实。例如,一家公司曾做过一个研究,他们通过调查问卷询问用户对手机颜色的偏好,当询问用户是否愿意购买一个红色的手机时,许多用户都回答愿意;然而在问卷调查之后,研究者告诉用户,“你可以在一个红色和一个黑色的手机中选择一个作为礼物带走。”结果却发现,大多数用户仍然选择了黑色的手机作为礼物,即便是那些回答更愿意购买红色的用户也是如此。

    2017-05-26
  • 微信热点

    用户体验升级|丝滑般享受的执剑人单点登录功能来了!

    各位票据市场上的辛勤工作的票友们,大家在这春回大地的时节是否为了美好的明天在努力耕作呢?“执剑人”为了使用户更方便、更快捷地在互联网平台上进行票据流转交易,已经隆重上线账户单点登录功能,交易时平台切换跳转超便捷!只需要登录一次即可完成交易1过去:用户在执剑人合作平台进行票据流转交易时,需要在平台账号、执剑人账号不停的切换,操作比较不便。未接单点登录的平台时这样的2现在:一家企业账号在执剑人和执剑人合作平台上,登录的时候只要一次登录,退出...

    2018-04-15
  • 交互设计

    移动端下拉菜单交互

    通常在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的?将最近项目里碰到的情况总结一下。 1. 层级设计,以iOS为代表 iOS系统日历 是目前最常见的一种做法,外露设置名称和默认设置项,将全部设置内容放…

    2016-03-22
  • 邮件其实是一种不容忽视的用户体验 交互设计

    邮件其实是一种不容忽视的用户体验

    人们总是愿意相信,他们自己的创作本身就能够说明一切。由于电影《梦幻成真》里 “车到山前必有路” 的这种心态,加上非理性的恐惧,通常这类思想会影响到产品的设计,造成用户体验脱节,这个过程中又很少与用户交流沟通。

    2017-06-01
  • APP界面设计:如何选符合产品气质的字体 交互设计

    APP界面设计:如何选符合产品气质的字体

    不管是中文还是英文,文字不仅是传达信息的载体,也是设计中的重要元素,设计过程中尽量保证文字的阅读性,在严谨中寻求突破。经过艺术设计的字体,可以使信息更形象、更美感的铭记于你心中。

    2017-05-14
  • APPLE WATCH 中文手册:APPLE WatchKit Apps--表格 交互设计

    APPLE WATCH 中文手册:APPLE WatchKit Apps--表格

    本文翻译自Apple Watch Programming Guide:WatchKit Apps--Tables,敬请勘误。 使用table展示内容可动态更改的列表数据。WatchKit 仅支持使用WKInterfaceTable类的单列表格。想要在table中展示数据,需要先为数据…

    2015-06-15
  • 从Smartisan OS 3.1的产品设计谈:交互设计的核心是什么?

    老罗的Smartisan M1发布了,同时推出了Smartisan OS 3.1,作为友商的产品经理,对于手机和系统不做评价。不过Smartisan OS 3.1的几个功能设计还是给我留下了很深的印象,也借助分析Smartisan OS 3.1的几个产品设计…

    交互设计 2016-10-24
  • 一个APP的视觉风格:配图是一个重要的,同时极易被忽略的点 交互设计

    一个APP的视觉风格:配图是一个重要的,同时极易被忽略的点

    在我们常规意义上组成一个APP的视觉风格有几大元素——颜色、交互元素、字体、阴影、ICON的图形等,但是有一个总容易被设计师们忽略的元素,它能给与用户一个非常直观的视觉记忆,大家却总是忽略,甚至做的很糟糕。那就是APP里面的配图。

    2017-05-12
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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