什么是VI,又称之为 Visual Identity System,视觉识别系统的简称。
什么是视觉识别系统呢?通俗地说,就是看到就知道。看到M黄色拱门,就知道是麦当劳;看到对勾,就知道是耐克。
我们了解到两个事实,第一,一些设计公司同时从事VI设计和网站设计;第二,不少网站设计师在建设网站的时候会将VI作为重要参考。所以,有必要将VI与官网设计放在一起比较和分析。
VI设计的要点
笔者认为,VI设计有这样几个核心要点。
一是图形。就是企业的LOGO形状,一般情况下,形状能够反映企业的文化、业务、使命等。
二是颜色。就是企业LOGO的颜色,颜色也能够反映企业的文化和业务、领域。例如,科技公司倾向于使用蓝色,蓝色有自由、领先的含义,也代表着工程师文化。
三是排版。LOGO有了,怎么排版,放在什么位置,以什么形式展示。
四是应用。VI要用在那些地方,包括手袋、包装、企业装修、前台、广告、礼品等等方面。
VI设计如何应用到企业官网?
VI设计的核心,如何应用到企业官网呢?
第一,LOGO 必须要使用到企业官网。这一点毋庸置疑。但是需要注意的一点是,如果VI是动态的、视频的,当应用到官网上的时候,最好使用静态和平台的,以避免拖慢网站的打开速度。
第二,使用VI颜色作为网站的主色调。因为VI设计的时候,已经考虑了色彩的协调和统一。所以,在设计网站的时候,可以将LOGO的的颜色作为网站的主色调。
第三,考虑VI背景色的调整。VI的使用的时候,需要考虑实体背景。例如,如果将VI应用到产品包装上,可能需要强烈的对比。但是如果将VI应用到网站,色彩对比太过强烈,可能会让网站失去美感。
第四,借鉴VI的编排。举一个例子,如微软的VI,当改变成为一个“四格颜色窗口”的时候,VI设计边界分明,规规矩矩。相应地,微软的官网设计排版,也是采取了条块分割的设计理念。也就是说,VI的排版理念,是可以应用到官网设计上的。
示例
如上是我们的看法,我们在看看示例。我们可以用索尼的VI和官网设计来检验一下。
图 1索尼的LOGO
图 2索尼官网截图
颜色。索尼的LOGO是黑色的,官网也使用了LOGO黑色的标准色。
背景。索尼LOGO是黑色的,背景是白色。但是如果照搬这一背景色,降低了索尼“高端、奢华感”。所以,官网设计进行了变通,LOGO变为白色,背景变为黑色。
排版。作为一家生产数码相机的品牌,索尼官网的排版倾向于“相册式”排版,这与产品属性是相符合的。
综上,我们认为,VI与网站设计存在密切关系,官网设计也应该考虑VI。