网易UI微专业课笔记—品牌设计
2019-01-17 本文已影响249人
噗二爷
第一章——何为品牌?
“不重视品牌有什么影响?”
【案例1】下面的例子页面整体杂乱

品牌色多而杂

【案例2】

视觉元素icon不统一

【案例3】品牌视觉定位(品牌用户)不清,缺少差异化

【正面案例1】秀品





品牌深入人心

【正面案例2】网易云
这些评价是用户对网易云音乐品牌地认知度


“那么如何做到这样的品牌认知度呢?”
1.树立差异化

网易云播放界面用了黑胶的形式
当时的黑胶唱片因为便宜又保真涵盖了所有年龄的人,慢慢被替代

但一些电台和DJ还在使用,这是因为

黑胶的特色


少却更好,拉姆斯的思想

尽量去还原人和黑胶之间情感上的联系


何为品牌?

好的品牌设计可以给我们带来什么?

品牌的范围

品牌设计的各个阶段
前期较慢,投资回报少
后期较快,投资回报大


第二章——品牌设计
“品牌在做设计前可以分为几个阶段?”

1.设计思考
目的是帮你找到可以独树一帜的方法或者途径

思考问题


1.1分析产品能需求


【案例1】网易云音乐

竞品分析






行业现状
处于饱和








目标群体是谁?


25-29之间是主力用户

产品定位

上线后的用户反馈


随着市场改变


用户调研




记下未来对 视觉设计起到标杆的关键词,情感关键词

合并重复的,剔除优先级低的


没办法通过用研得到风格感受盒设计元素表现

以用户为中的设计可以让用户给视觉设计一个方向
情绪版


如何设计情绪板

1.事先涉众访谈

2.既往用户研究

3.体验关键词

4.图片素材搜集,制作情绪板

【1】图像表达准确,要够普遍
【2】图像要直接,不要隐晦

按照设计元素收集,后期可用作素材

按色彩收集



5.视觉设计策略

6.可再次访谈,再次修改体验关键词

竞品分析——视觉风格表现、风格布局、交互体验、用户评价


简单的竞品分析报告

复杂点的








设计前期(产品思考)





第二章——品牌树立






什么类型的LOGO是你们需要的?


一、好的LOGO具备的几个方面

1.

2.


3.


世界品牌热爱的字体
【1】非衬线字体


与他相近的字体

【2】衬线字体

4.

5.
福克斯的各种底色logo



二、运用调研+分析的方法
云音乐竞品分析




云音乐LOGO演变


设计LOGO基准参考线






LOGO的名字也很重要


优秀LOGO设计师的3P原则

三、LOGO设计趋势







四、品牌色
为了和对手区分

显示墨守成规不是谷歌行事作风,所以三原色中加了绿色

凸显与西班牙的联系

因为绿松石是19世纪流行珠宝

1.色彩对于品牌的的重要性
可以使用的颜色



2.色彩心理学
让品牌个性符合品牌颜色

但是颜色的选择会根据场景信息的变化受到影响,不是固定的,如棕色在感恩节海报中也可以是温暖的
3.性别对颜色的喜爱




4.网易云的品牌色


红色积极与消极并存
明度越低越消极



各种红色图标体现出来的风格

网易云品牌色来源



配色方式

网易云音乐选择了蓝色作为互补色

秀品品牌色

5.图形化元素

辅助图形


品牌图案


6.形象物








不同材质和不同纹路和不同主题



7.品牌包装


8.视觉风格



9.视觉风格的发展趋势

第三章——品牌规范



品牌规范要求

为什么每个品牌都要有品牌规范?确保视觉元素统一

品牌规范不至于你的作品被水平欠佳的设计师糟蹋


品牌规范手册的范围

品牌规范分类可分为基础元素类和应用元素类

一、基础元素类
1.logo

2.字体

3.logo尺寸和位置组合

4.颜色

反白

5.品牌图形


7.UI(特有)元素

【1】字体


【2】用色


【3】图形化元素






明确的视觉状态


【4】内容展示要符合黄精比例,清晰流畅


【5】动销反馈


【6】情感化体验


二、应用元素类


