A5创业网
项目发布
申请报道
扫一扫，联系编辑获得审核机会
符合以下要求，获得报道机会
1. 新公司求报道
2. 好项目求报道
3. 服务商求报道
4. 投资融资爆料
中介交易 网站交易 域名交易 公众号
登录 注册
会员中心 退出
微信 
微博
手机版 
网站导航
找项目 找服务
客服热线：400-995-7855
创业
创业动态 投资融资 创业故事 众创空间
财税
工商注册 公司财税 资质办理
产权
商标 版权 专利
科技
互联网 IT业界 移动 八卦休闲
站长
网站运营 建站经验 SEO 交互设计 好站推荐
营销
营销策划 网络推广 移动营销
电商
电商资讯 电商分析 移动电商
IDC
IDC报告 云计算 服务器 安全 CDN
更多
自媒体 公众号 小程序 产品 域名 会议 数码 游戏 系统 技术
首页
创业
创业项目
科技
站长
产品
营销
电商
域名
会议
A5交易
A5营销
创业服务
当前位置：首页 > 站长 > 交互设计 > 正文 品牌
标签
专题
软文
设计分享：辅助图形的重要性 2018-01-02 09:27 来源：人人都是产品经理 我来投稿 我要评论
创业项目优选 好项目来A5招商 ，点击入驻！
今天笔者会把一些工作中关于辅助图形的经验分享给大家。
很多设计师做品牌设计，会把较多精力放在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有形》
作者：吴挺聪，网易UEDC资深视觉设计师
本文来源于人人都是产品经理合作媒体@网易UEDC，作者@吴挺聪
题图来自unsplash，基于 CC0 协议
