新媒体视觉系列(2):统一

在之前的文章《新媒体运营必需知道的 4 个设计原则》中,琛姐谈到过 4 个设计的基本原则——亲密性、对齐、重复、对比

本文是对“重复”原则的更正和补充。

统一是指版面中所有部分——特别是每个与设计中其他部分相关的独立元素——全面的凝聚和结合。

统一的好处有 2 个:

一是保持视觉上的协调融洽。当标题、正文、图片和页面上的其他设计细节融为一体、协调统一,至少互相之间保持融洽和协调时,给人的视觉感觉会非常舒服。

二是品牌识别。为了让用户更快更好地识别自己,同时也更形象地展现品牌形象,许多品牌都会花大量的金钱和精力,打造自己的视觉识别系统(VI),新媒体品牌同样也应该具有视觉识别系统。

视觉识别系统一般分为基础系统应用系统两大体系。

基础系统包括品牌标志(俗称LOGO)、标准字、标准色彩及组合方式等;

应用系统是各基本要素规范的延伸使用,包括办公事务用品、公关事务用品、广告、环境识别、服饰、交通工具等。在各项实际应用中,除了考虑形象美观因素外,还应考虑到功能性及经济实用性。

传统品牌和新媒体品牌的视觉识别系统中,基础系统的差别不大,主要都是品牌标志、标准字和标准色,其中又以品牌标志最为重要。

琛姐所理解的统一,就是以品牌标志为中心,统一颜色、字体、风格等。也就是说,标志是什么风格、什么颜色、什么字体,其它地方也应该保持一致,这样,最后给用户的感觉才会是协调、统一的。

所以,践行统一原则的第 1 步,就是设计品牌标志。

标志是表明事物特征的符号,是对事物、事件、抽象的精神等加以高度概括、凝练和总结,以精练的形象向人们表达一定的含义,形成能够传情达意的图形或文字符号。设计是方寸之间的艺术,它面积虽小,却具备丰富的内涵,凝聚着事物的主要特征。标志设计的基本原则是易于识别、便于记忆。

标志可以分为具象图形抽象图形文字图形 3 类。

具象图形一般来源于生活,真实可信,易于记忆,比如人物、动物、植物、自然风景等,比如,京东的 LOGO 就属于具象图形类:

京东 LOGO 中的小狗 JOY 有着忠诚、友好的美好寓意,与京东希望传达的理念一致,而 JOY 的名字有带给人喜悦欢乐的意思,寓意京东为用户带来快乐体验。

抽象图形主要由点、线、面和几何图形构成,相对于具象图形来说,更加抽象,更加具体,比如,360 的品牌 LOGO 就属于抽象图形类:

根据该 LOGO 设计公司东道设计的解释,360 标志以圆为核心元素,通过饱满立体的造型传达 360 全面、周到、圆满的品牌诉求。标志上下两部分的弧形,分别代表企业和用户,体现了 360 与用户之间相互沟通、相生相融的紧密关系; “+”直指 360 互联网安全专家的身份,表现了 360 对为用户构筑安全、可靠的虚拟网络生活环境的决心。

文字图形是以文字作为表现的主要对象加以设计,比如,新浪网的LOGO就属于文字图形类:

虽然是文字类 LOGO,但该标志非常巧妙地将 sina 中的 i 变形成了“大眼睛”,眼神闪动活跃,对世界充满了好奇和渴望,象征着网友可以通过新浪的平台,更好地了解世界、洞察万象。除此之外,顶着大眼睛的“i”在新的标识中形似一个麦克风,暗喻新浪将为网友提供一个放大自身影响力的平台,网友可以通过这个平台更好地与世界互动。

践行统一原则的第2步,就是将LOGO中的颜色、字体、图形、风格推广到应用系统。

不过,需要注意的是,传统品牌和新媒体品牌的视觉识别系统中,应用系统的差别比较大。

传统品牌视觉识别系统主要应用场景是线下(除了部分互联网品牌,应用场景既包括线上,也包括线下),比如说,物流车、购物袋、服装等。

而新媒体品牌视觉识别系统主要应用场景是线上,基础系统有 LOGO、标准字、标准色彩等,应用系统主要有封面、品牌标语、标题、二维码、海报、作者简介等。

比如,分享年轻人生活方式的公众号“未来预想图”的LOGO属于文字图形类,冷色调,自定义字体。

然后,以此为中心,打造了一套成熟的视觉识别系统,包括品牌标语:

标题:

作者简介:

二维码:

分开看可能还不明显,看整体效果会更清晰:


微信公众号未来预想图的VI

除了未来预想图,还有一些非常成功的案例,比如,关注生活美学的公众号 Voicer,LOGO 属于抽象图形类,配色丰富,扁平化风格:

以此为中心,打造的视觉识别系统也很好地诠释了统一原则:


微信公众号 Voicer 的 VI

再比如,幽默时事类公众号王左中右,LOGO 属于手绘型具象图像,暗沉的深蓝色调:

不过,虽然是具象人物,但人物的鼻子是按照小丑的造型设计的,这就使得LOGO人物在一定程度上脱离了现实,具有了一定的抽象意味。以此为中心的视觉识别系统都是手绘型暗沉色调:

微信公众号王左中右的 VI

此外,王左中右的部分封面、标题和插图采用的都是抽象图像型,具体来说就是把文字进行抽象化变形,使之更具有寓意,这点与封面图的象征式变形非常相似。

旅行类公众号 24HOURS 的 LOGO 是由文字和抽象图片组合而成的极简风格:

文尾的二维码区域内容、颜色都过于丰富,和其它部分存在一定冲突,如果进行简化,会更符合统一的设计原则。

微信公众号 24HOURS 的 VI

小结

统一,就是以品牌标志为中心,统一颜色、字体、风格等。践行统一原则的第 1 步,就是设计品牌标志。践行统一原则的第2步,就是将LOGO中的颜色、字体、图形、风格推广到封面、品牌标语、标题、二维码、海报、作者简介等应用系统。


PS:琛姐是大学新媒体教师。每周三,分享一个“写完了可以直接放进书里”的新媒体思考。

PPS:我已委托“维权骑士”为我的文章进行维权行动。如需转载,请联系琛姐进行授权,抄袭必纠。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,039评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,223评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,916评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,009评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,030评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,011评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,934评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,754评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,202评论 1 309
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,433评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,590评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,321评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,917评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,568评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,738评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,583评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,482评论 2 352

推荐阅读更多精彩内容