• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 为了让LOGO 更有个性,高级设计师都学会了这招!

为了让LOGO 更有个性,高级设计师都学会了这招!

作者:网易UEDC 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含logo设计,个性化设计,经验分享,网易UEDC等相关知识,网易UEDC希望在学习及工作中可以帮助到您

网易UEDC – 吴挺聪 :很多设计师做品牌设计,会把较多精力放在LOGO设计上,却很少有人去认真设计一款辅助图形。其实一个好的辅助图形能给品牌加分不少,它可以让品牌价值得到提升,丰富品牌的传播,强化品牌和企业形象,今天会把一些工作中关于辅助图形的经验分享给大家。

首先来看两张图,第一眼其实很难辨别出来这2辆车来自于哪2个汽车品牌。或者第一眼看出来是路虎和陆风,但是不知道哪辆是路虎哪辆是陆风,是否有同感?

看到正面之后,我们看到LOGO和一些差异化的设计,以及一些辅助元素的露出之后才能轻易识别出来。

这就是视觉无差异化造成的品牌识别混乱。那么决定视觉差异化的元素有哪些呢?大体上可分别为LOGO、颜色、造型、字体、辅助图形等等一些元素。今天我们探讨的重点就是辅助图形。

一. 什么是辅助图形

辅助图形,是VI系统中不可缺少的一部分,它可以让品牌价值得到提升,丰富品牌的传播、强化品牌和企业形象,使其产品与竞品更具差异化。

日常生活中随处可见的辅助图形——纹身,它有好看的,也有不好看的,以下两个可能还算好看的。

但有一些就是比较失败的案例了,虽然有性格,但如果用不好,它将会显得很糟糕。

所以,辅助图形它应该是,量身定做、有美感、有个性、有含义的。

另外,如果把人当成产品来看待的话。那么我们穿的衣服就是辅助图形,比如你今天穿红的,明天穿绿的,后天穿个小碎花。衣服就成了辅助人的元素了。

我们也常常看到娱乐圈的明星们为了比美争艳而恰巧撞衫。其实明星们并不想撞衫,她们都希望自己是独一无二的,谁都不愿意自己像谁。

但是在产品设计里,我们常常看到撞衫的产品,甚至有些产品是故意撞衫。这到底是好还是不好呢?

我们再来看这几个撞衫的产品,其实不说名字真的傻傻分不清楚,如果同时安装了它们,还会常常点错。

所以个人认为在产品设计中,尽量避免撞衫。

辅助图形设计需要注意的几个方面:

  • 有含义:每一个设计都要有它贴题的意义,不能无中生有。
  • 有性格:它是属于活泼的?可爱的?还是什么性格?要提前设定好。
  • 有美感:如果不好看,说的再好听也是烂泥扶不上墙。
  • 非通用:它是量身定做的产物,而不是到处可以使用的。

二. 辅助图形的常见问题

1. 辅助图形的3种层次

在做品牌设计的过程当中,辅助图形是很容易被忽略的,很多人不知道怎么去设计,一般有以下三大阶段。

  • 初中级设计师,通常是直接使用素材,就像一个走模仿路线的演员,只会模仿,没有自己的风格形象。
  • 高级设计师,掌握了一些经验和理论,能独立完成创作。在业内得到行业的认可或者奖项,这个属于高级设计师。
  • 资深设计师,要么不做,要做就做精品。这种态度就是资深设计师。

有辅助图形和没有辅助图形有什么区别呢?下面我们可以看一些例子,首先是网易七鱼官网。

没有辅助图形的模块好像很干净,有辅助图形的好像复杂些。干净是没错,但会像没做完的东西,设计的完整性不够,同时也缺乏一些氛围。

再来看另外一个例子:网易易盾,在同一个页面上用了两种完全不同的辅助图形,这是很不好的习惯和做法。

然后我们做了一个改版,把网易七鱼的那套辅助图形用在这里,美感上也没问题,但之前我们讲过辅助图形有个特点就是「非通用」,不能串用,所以这样也是不可行的。因为串用了以后又变成撞衫了,也是一种不好的现象。

产品还是需要有它的独特性,辅助图形也要有差异化,于是我们针对网易易盾量身定制了全新的辅助图形。如下:

2. 辅助图形太密集,缺乏美感,喧宾夺主

3. 图形缺乏美感

三. 优秀辅助图形展示

1. 韩国电商品牌「11街」

在箭头上做了延展,在LOGO基础上延伸出了辅助图形。英文、韩文、中文都做了适配。个性鲜明、造型特征明显,容易识别,同时具备设计感。

2. 韩国购物中心「DOOTA」

将商品按规律排列后,从上到下推理出造型,最后赋予它颜色、含义。最后的成品也是相当有美感和设计感。

辅助图形设计需要注意的5个问题:

  • 形式感:是否过于呆板、过于普通?
  • 美感:是否缺乏设计感,比如造形、轮廓、配色都有美感吗?
  • 统一:是否过于凌乱?
  • 不喧宾夺主:辅助图形只是辅助,平辅使用时不能过于明显。
  • 可用性强:它能适用于各种情况下的组合吗?比如,独立使用时,平辅使用时,或是与LOGO结合时都可以和谐使用吗?

四. 如何设计辅助图形

1. 局部应用法

直接沿用LOGO图形的某个局部,如天猫。

2. 拆分组合法

将LOGO的元素进行拆分组合,应用于相关延展设计。

3. 联想发散法

有些LOGO很难从图形延展出辅助图形,所以要从产品本身去联想发散设计思路,把联想到的内容都先记下来,取一个最靠谱最容易实现的。比如七鱼这个案例,设计师就是这样做的,最后采用了「水波」这个元素来进行设计,成为网易七鱼这款产品的辅助图形。

案例1:网易七鱼——客服系统

产品功能:客服。于是我们会联想到,对话气泡、耳机、声波。

「七鱼」:水、波浪、鱼

七鱼最终采用了稳定的三角形的连接形成「水波」一样的辅助图形,比喻「鱼」在一片蓝海中遨游,生命力旺盛的感觉。三点连接形成稳定的三角形,表达七鱼通过专业、稳定的技术支持连接客户+用户。无限延伸的三角形组合蕴含了七鱼云客服的智能与高效,全智能。

以下是七鱼辅助图形落地应用,最终成品,让我感觉「七鱼」活跃在大海之上,生命力非常顽强的感觉。

△ web端

您可能想查找下面的文章:

  • 大盘点!互联网产品Logo 的分类及特点总结
  • 高手的平面课堂!解锁LOGO设计新技巧
  • 「得到」的猫头鹰Logo 是怎么诞生的?来看主创设计师怎么说!
  • 这个网站用AI 帮你做LOGO,还可以免费下载!
  • 这个「以用户为中心」的图标设计法,恰好很多设计师不会
  • 平面高手课堂!系统梳理 LOGO 里的正负形知识
  • 超全面的LOGO 造型手法效果和风格汇总
  • 为了让LOGO 更有个性,高级设计师都学会了这招!
  • 网易资深设计师:如何建立可信赖的品牌形象?
  • YouTube 终于换Logo啦!来看背后的设计故事!

相关文章

  • 2017-08-06让IE支持CSS3 Media Query实现响应式Web设计
  • 2017-08-06判断浏览器版本的语句且可兼容多个浏览器
  • 2018-08-23设计规范限制了设计创造力吗?
  • 2018-08-23这3个适用性极强的网页设计趋势,在4月非常流行
  • 2018-08-232018年过半,为你总结了这13个主要的设计趋势
  • 2017-08-06设计中不可忽略的产品状态之交互设计的分析
  • 2018-08-23进阶好文!让人舒服的的交互设计稿该有的5个特点
  • 2018-08-23看似花哨的UI概念动效,并不只是为了耍酷而存在
  • 2018-08-23有人说腾讯傻,花几百万买了套字体…
  • 2018-08-23互联网产品设计中,如何制作一套设计规范?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 设计冲刺法:5天搞定2018俄罗斯世界杯主题设计
    • 六篇文章彻底掌握直方图:通道直方图
    • 紧跟趋势!聊聊C4D 在电商设计中的实战运用
    • 让你脑洞大开的创新思维方法系列:奔驰法
    • UI / UX设计师应该学习的用户心理学原理
    • 18套精美的苹果风格免费图标素材分享
    • 网页变灰的笔记 细节问题处理
    • 想做好字体设计,先掌握这3个字体结构法则
    • 用超多案例,帮你避免交互设计中的「刻板印象 」
    • 感觉设计不舒服但又不知道原因?可能是这8个常见的交互细节问题

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有