欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

重设计链家Tab Icon:用品牌基因法搞定图标设计

发布时间:2018:03:14 13:43:05 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1126个文字,预计阅读时间3分钟
导语
相信很多同学会有,看理论的时候觉得很有道理,看完后却不知该怎么实践,久而久之便会产生「看过很多设计理论,却仍做不好设计」的困惑。今天静雯就来带你从理论到实践,用菜

  相信很多同学会有,看理论的时候觉得很有道理,看完后却不知该怎么实践,久而久之便会产生「看过很多设计理论,却仍做不好设计」的困惑。今天静雯就来带你从理论到实践,用菜心设计铺的《经验分享|利用品牌基因法进行图标设计》理论来重设计链家Tab Icon。

  

重设计链家Tab Icon:用品牌基因法搞定图标设计

 

  文章大纲:

  提取理论

  选择合适的设计对象

  实例展示

  一. 提取理论

  文章使用的「用品牌基因法做图标」理论源自菜心设计铺。从理论到实践的第一步是吸收理论关键点,从菜心的品牌基因法做图标的方法中做了提炼。为方便阅读本文,此处简要介绍部分理论,详情请同学们看原文好好吸收。

  品牌基因的定义:视觉层面的品牌基因就是通过一件事物提取出一个(或一组)视觉符号。

  将品牌基因应用到图标中的方法如下:

  1. 提取特定形状,直接应用

  支付宝将Logo应用为Tab首页图标,same将Logo应用为我的图标。

  

 

  △ 支付宝&same Logo在Tab图标的应用

  2. 吸取品牌颜色

  闲鱼Tab图标使用了品牌色——黄黑色。

  

 

  △ 闲鱼Logo在Tab图标的应用

  3. 抓取风格特点

  网易美学Tab图标使用了品牌的心形图形和品牌色红色。

  

 

  △ 网易美学Logo在Tab图标的应用

  理论经过初步吸收后,实践既可以检验你是否真的掌握了理论,又可以强化对理论的深入理解。下面我们开始实践吧!

  二. 选择具有明显特征的设计对象

  选择合适的品牌形象来提取基因。要求:

  品牌特征明确,易提取易设计。

  该品牌的Tab图标缺少品牌特征。

  比较熟悉了解的产品。

  按照上述的三点,,选择了链家tab图标进行重设计。

  1. 品牌特征明确,易提取易设计

  链家是二手房新房交易平台,其品牌Logo是一所房子的剪影,App Icon直接应用了这个图形。

  

重设计链家Tab Icon:用品牌基因法搞定图标设计

 

  △ 链家Logo及App Icon

  经过分析,我们提取出4个特点:

  一条线:一条转角圆润的矩形线条构成了房屋的剪影。

  一个点:点睛之处,将图形连为一体。

  断线:点与线之间断开。

  绿色:链家的品牌色。

  

重设计链家Tab Icon:用品牌基因法搞定图标设计

 

  △ 链家Logo的4个特点

  2. 链家的Tab图标缺少品牌特征

  链家目前Tab图标只有绿色这一个品牌基因在里面,这使它无法很好的与其他应用的图标区分。因此尚存较大优化空间。

  

重设计链家Tab Icon:用品牌基因法搞定图标设计

 

  △ 链家App Tab图标缺少链家品牌基因

  3. 比较熟悉了解的产品

  只有比较熟悉了解的产品,你对其的重设计才会相对不浮于表面。不过此次Icon的优化主要是从视觉层面优化。

  三. 重设计展示

  链家的4个Tab图标分别是首页、消息、看房、我。接下来我们便用提取的理论来指导设计。

  1. 提取特定形状,直接应用——首页图标设计

  链家现在的首页图标与网上搜索的首页图标,缺乏识别性,甚至和第一排第三个非常相似。

  

重设计链家Tab Icon:用品牌基因法搞定图标设计

 

  △ 链家首页图标与网上搜索的首页图标对比

  实际上,链家Logo本身就是房屋的剪影,可以说已经具有首页的含义,其自身的4个特点,使它比网上的图形更具识别性。

  

重设计链家Tab Icon:用品牌基因法搞定图标设计

 

  △ 链家Logo与网上搜索的首页图标

  《用品牌基因作图标》理论的第一条,提取特定形状直接应用,对于链家首页icon十分受用,于是我们确定使用logo图形作为首页icon。

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:阿里巴巴设计师:如何给后台产品做设计?

下一篇:两个交互设计鸿沟:评估与执行

  • 18893 文章总数
  • 2303882访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信