童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

设计分享:辅助图形的重要性

8月20日 渡缘祠投稿
  今天笔者会把一些工作中关于辅助图形的经验分享给大家。
  很多设计师做品牌设计,会把较多精力放在LOGO设计上,却很少有人去认真设计一款辅助图形。其实一个好的辅助图形能给品牌加分不少,它可以让品牌价值得到提升,丰富品牌的传播、强化品牌和企业形象,今天笔者会把一些工作中关于辅助图形的经验分享给大家。
  首先来看两张图,第一眼其实很难辨别出来这2辆车来自于哪2个汽车品牌。或者第一眼看出来是路虎和陆风,但是不知道哪辆是路虎哪辆是陆风,是否有同感?
  看到正面之后,我们看到LOGO和一些差异化的设计,以及一些辅助元素的露出之后才能轻易识别出差异。
  这就是视觉无差异化造成的品牌识别混乱。那么决定视觉差异化的元素有哪些呢?大体上可分别为LOGO、颜色、造型、字体、辅助图形等等一些元素。今天我们探讨的重点就是辅助图形。
  一、什么是辅助图形
  辅助图形,是VI系统中不可缺少的一部分,它可以让品牌价值得到提升,丰富品牌的传播、强化品牌和企业形象,使其产品与竞品更具差异化。
  日常生活中随处可见的辅助图形纹身,它有好看的,也有不好看的,以下两个可能还算好看的。
  但有一些就是比较失败的案例了,虽然有性格,但如果用不好它将会显得很糟糕。
  所以,辅助图形它应该是:量身定做、有美感、有个性、有含义的。
  另外,如果把人当成产品来看待的话。那么我们穿的衣服就是辅助图形,比如你今天穿红的,明天穿绿的,后天穿个小碎花。衣服就成了辅助人的元素了。
  我们也常常看到娱乐圈的明星们为了比美争艳而恰巧撞衫,其实明星们并不想撞衫,她们都希望自己是独一无二的,谁都不愿意自己像谁。
  但是在产品设计里,我们常常看到撞衫的产品,甚至有些产品是故意撞衫。这到底是好还是不好呢?我们继续往下看
  我们再来看这几个撞衫的产品,其实不说名字真的傻傻分不清楚,如果同时安装了它们,还会常常点错。
  所以个人认为在产品设计中,尽量避免撞衫。
  辅助图形设计需要注意的几个方面:
  有含义:每一个设计都要有它贴题的意义,不能无中生有;
  有性格:它是属于活泼的?可爱的?还是什么性格?要提前设定好;
  有美感:如果不好看,说的再好听也是烂泥扶不上墙;
  非通用:它是量身定做的产物,而不是到处可以使用的;
  二、辅助图形的常见问题
  2。1辅助图形的3种层次
  在做品牌设计的过程当中,辅助图形是很容易被忽略的,很多人不知道怎么去设计,一般有以下三大阶段。
  初中级设计师,通常是直接使用素材,就像一个走模仿路线的演员,只会模仿,没有自己的风格形象。
  高级设计师,掌握了一些经验和理论,能独立完成创作。在业内得到行业的认可或者奖项,这个属于高级设计师。
  资深设计师,要么不做,要做就做精品。这种态度就是资深设计师。
  有辅助图形和没有辅助图形有什么区别呢?下面我们可以看一些例子,首先是网易七鱼官网:
  没有辅助图形的模块好像很干净,有辅助图形的好像复杂些,干净是没错,但会像没做完的东西,设计的完整性不够,同时也缺乏一些氛围。
  再来看另外一个例子:网易易盾,在同一个页面上用了两种完全不同的辅助图形,这是很不好的习惯和做法。
  然后我们做了一个改版,把网易七鱼的那套辅助图形用在这里,美感上也没问题,但之前我们讲过辅助图形有个特点就是“非通用”,不能串用,所以这样也是不可行的。因为串用了以后又变成撞衫了,也是一种不好的现象。
  产品还是需要有它的独特性,辅助图形也要有差异化,于是我们针对网易易盾量身定制了全新的辅助图形。如下:
  2。2辅助图形太密集,缺乏美感,喧宾夺主
  2。3图形缺乏美感
  三、优秀辅助图形展示
  3。1韩国电商品牌“11街”
  在箭头上做了延展,在LOGO基础上延伸出了辅助图形。英文、韩文、中文都做了适配。个性鲜明、造型特征明显,容易识别,同时具备设计感。
  3。2韩国购物中心“DOOTA”
  将商品按规律排列后,从上到下推理出造型,最后赋予它颜色、含义。最后的成品也是相当有美感和设计感。
  plusX辅助图形应用视频
  辅助图形设计需要注意的5个问题:
  形式感:是否过于呆板、过于普通;
  美感:是否缺乏设计感,比如造形、轮廓、配色都有美感吗?
  统一:是否过于凌乱;
  不喧宾夺主:辅助图形只是辅助,平辅使用时不能过于明显;
  可用性强:它能适用于各种情况下的组合吗?比如,独立使用时,平辅使用时,或是与LOGO结合时都可以和谐使用吗?
  四、如何设计辅助图形
  4。1局部应用法
  直接沿用LOGO图形的某个局部,如天猫。
  4。2拆分组合法
  将LOGO的元素进行拆分组合,应用于相关延展设计。
  4。3联想发散法
  有些LOGO很难从图形延展出辅助图形,所以要从产品本身去联想发散设计思路,把联想到的内容都先记下来,取一个最靠谱最容易实现的。比如七鱼这个案例设计师就是这样做的,最后采用了“水波”这个元素来进行设计,成为网易七鱼这款产品的辅助图形。
  案例1:网易七鱼客服系统
  产品功能:客服。于是我们会联想到,对话气泡、耳机、声波
  “七鱼”:水、波浪、鱼
  七鱼最终采用了稳定的三角形的链接形成“水波”一样的辅助图形,比喻“鱼”在一片蓝海中遨游,生命力旺盛的感觉。三点连接形成稳定的三角形,表达七鱼通过专业、稳定的技术支持连接客户用户。无限延伸的三角形组合蕴含了七鱼云客服的智能与高效,全智能。
  以下是七鱼辅助图形落地应用,最终成品,让我感觉“七鱼”活跃在大海之上,生命力非常顽强的感觉。
  web端
  移动端
  案例2:网易文学
  想到文学,从字面理解,我们会想到文字、作家文豪、先古圣人、历史慢慢会联想到与文化感相关的事物,比如墨水、毛笔一些相关的联想。
  这个设计最终还是从众多发散点集中在书法上进行了设计。用横竖撇捺等等笔画,以书法的一个方式来做了辅助图形,应用到了品牌推广及一些线下物料中。
  设计辅助图形的过程需要注意的事项:
  明确设计方向:产品特征、服务范围、产品功能是什么?
  提取关键词:进行相关的联想,最后提取有效的、有意义的关键词进行设计;
  图形设计:避免出现LOW的感觉,学会分寸拿捏,考虑可用性;
  图形应用场景设计:设计好的辅助图形要进行场景试用包装一下,发现问题及时改正。
  篇幅有限,关于辅助图形设计,有很多可以探讨的方面,今天先说到这里,希望以上内容可以在设计上帮助到大家,谢谢。
  最后推荐一本关于辅助图形书给大家《Shapes有形》
投诉 评论 转载

从0到1产品设计的实践与思考文章为作者对一款产品从0到1设计过程的思考总结,希望能够给你带来帮助。在上篇文章中《B端产品需求分析的实践与思考》,笔者分析了B端产品在需求分析的实践过程中所用到的方法和……实例讲解:用户预期那些事儿提高用户体验,从判断用户预期做起。预期简析一、什么是预期?预期是对未来情况的估计。二、什么时候,在哪儿,谁会用到预期?产品设计时,对原型页面的设计……链路数据在发起订单功能迭代中的应用不论在业务产品决策中,还是在用户体验设计决策中,数据都是非常有说服力的可靠论据。数据分析的实质是通过多维度的数据对比,用于发现问题、论证思路、验证效果。数据要对比才有发现……设计分享:辅助图形的重要性今天笔者会把一些工作中关于辅助图形的经验分享给大家。很多设计师做品牌设计,会把较多精力放在LOGO设计上,却很少有人去认真设计一款辅助图形。其实一个好的辅助图形能给品牌加……设计实战:从0到1:论网易严选营销线的交互设计本文将从交互设计的角度来谈谈网易严选营销线从0到1的设计过程。无论何种模式的电商产品,其本质都是商品售卖。营销活动是其中不可或缺的卖货方式,不仅影响GMV,也是非常重要的……2018年伊始UX设计师需要思考的9个问题2018开始之前,先思考下这9个关于UX的问题。每年,我们在uxdesign。cc都会回顾设计师在用户体验方面一直在写什么,分享和想什么。2017年对于UX设计原则……产品运营中必知的三个用户心理及行业应用案例了解经济学常见理论以及谙熟消费心理学,是产品运营进阶路上的必做功课。上一篇老付拿自己1516年运营的一款产品做案例讲解了(用户运营:从零到二十万用户产品的AARRR模型)……私密社交产品还有发展前景吗?私密社交是基于现有社交网络基础上的对用户交流更深层次的满足。最近这两年大家对私密社交产品的尝试变少了,之前很多公司对此都有过尝试。早先无觅也是一款明星产品,新浪还推出过自……后台产品入门:列表页与添加页的设计法则设计后台产品有句口诀:“展示列表优,编辑弹窗佳,筛选下拉好,组合查询棒”说的就是后台产品设计的小技巧。后台产品设计是一个产品经理的核心能力,也是比较基本的能力,今天我用一……产品理论浅谈“产品开发三原则模型”对于产品设计的价值本文作者通过对产品开发三原则模型:商业可行性、技术可能性、用户期望值的分析,来说明其对于产品设计产生的价值一、什么是产品开发三原则模型?DoblinGroup的联合……P2P平台如何做好信息披露在P2P平台的建设过程中,我们应该如何做好信息披露工作,具体的披露信息又包含哪些内容?P2P网贷作为一种创新型的互联网金融理财方式迅速地获得了投资圈的追捧,随着P2P行业……只需5步,你也可以画出高质量的状态流转图一份PPT可以认为是一个产品,一个PRD文档也可以认为是一个产品,乃至于一张流程图、一封邮件都可以被当做是一个产品。状态流转图是一种用于描述状态之间流转过程的需求文档,在……
网站天天更新为何排名却不提升?如何获得高质量外链如何提升网站排名及流量关键词优化分析百度快照的注意事项如何挖掘长尾关键词?六种不同的网站推广方法如何快速优化网站SEO学好这几个方面就够了网站优化用户体验怎么提高?网站优化常见的掉权原因网站被K怎么办?
作文磨难使人奋进说不出的再见!三孩大利好下,母婴电商却在泛黄热评聚热点网 聊聊天就能赚钱,咨询师的日子也太好过了吧邂逅美丽发明专利申请流程是什么高档皮革乘客下单后爽约不现身,司机等他160分钟:“死磕到底”热博聚 滑坡的形成及影响因素我爱我家年终财务工作心得体会及感受由情侣峰联想的种种思念盘发发型扎法图解种各场合适用的盘发教程

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界