美文网首页新媒体的小想法
新媒体视觉系列(2):统一

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

作者: 草莓学堂 | 来源:发表于2018-04-11 21:23 被阅读8次

    在之前的文章《新媒体运营必需知道的 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:我已委托“维权骑士”为我的文章进行维权行动。如需转载,请联系琛姐进行授权,抄袭必纠。

    相关文章

      网友评论

        本文标题:新媒体视觉系列(2):统一

        本文链接:https://www.haomeiwen.com/subject/epttkftx.html