网站首页
手机版

企业网站如何进行视觉体系建设?

更新时间:2022-04-01 02:22:31作者:佚名

企业网站如何进行视觉体系建设?

  网站作为企业的一个窗口,对于其品牌的建设有着至关重要的左右。网站所传达的文字信息,包括措辞的方式、创作、语气与风格等都可以体现品牌的理念,但网站的设计可以给与终端用户更为直观的体验。建立网站的视觉体系,不单只是靠专有的视觉的识别系统(例如标准色、应用标识等),具有连贯性的视觉元素与简约的传播方式都具有识别性。


  一、创造一个具有强延伸性的识别符号
  

  当IBM根据世界的三大趋势?D?D机械化(更灵敏的感知)、互联(更全面的互联)与智能(更深入的智慧化),创造了“智能地球”这个符号,集团网站的所有信息(包括视觉与文字)都以智能地球为基点,扩散出可以适用于各个行业的图形设计。这个符号赋予了所有的衍生设计以内涵,具有强大的宣传与识别功能。

  但是IBM的设计不止于此,为了让某个类别保持视觉上的统一,以Analysis这个产品类别为例,Analysis这个地球的视觉元素主要为叠加的色块,这个视觉元素在Analysis这个子页面得到了连贯同时附有变化的应用。
  
  这种以品牌理念为出发点的符号设计不仅使网站具有强势的视觉冲击力,其延伸到线下的表现力也非常不俗,有效提高了品牌的知名度与好感度。
  
  二、国际化的网站页面规划
  

  信息标准化。作为国际型的网站,需要再信息的设置于安排上遵守一定的规则。例如在全球站点报头中,需要包括语言选择区、登陆与注册、Logo,主要内容导航,站内检索这些基本信息与工具。
  
  传播互动化。在这个社交网站兴起的年代,一个网站不单只是提供信息的一个平台,这个平台中的信息需要可以被分享,所以在页脚部分可以增添站外的微博等平台的链接,从而达到更大的传播力。
  
  设计时尚化。网站设计应以更人性化的视觉元素,更有力的文字,与更明亮大胆的设计来进行诠释,从而有效向终端使用者灌输自身的品牌形象。
  
  三、全方位的视觉规范
  
  第一,色彩模式。

  
  目前大部分的工业类品牌标准色除了黑白之外,主要为蓝色、红色或金色等“工业感十足”的色调,并且色调的明度偏低,大面积使用时容易造成工业感强,阅读性低的后果。在不改变原有色调的基础上,可以开发次色调增加网站视觉表现的多样性与亲近感,从而表达积极与活力。同时对所有的LOGO、文案与背景色的搭配都需要作出规定。
  
  第二,字体规范。

  
  由于技术的限制,大部分网站目前所采用字体大都为宋体,除了影响美观之外,也使得网站的识别性与亲和力较低。企业可以根据需要重新对网站的字体作出一些规范,例如在形象广告中的标题的字体可以选择较为圆润、浑厚的字体;副标题可以采用相对较为纤细的字体;对于引用的新闻或报道等可以采用斜体等。这些字体的规范可以有效引导消费者浏览网站的信息内容。
  
  第三,符号与图标。
  

  开发出一套符号体系不仅可以增加网站内容的丰富性,还可使得复杂的内容更加清晰,提高网站的识别度。在施耐德的网站中,所有的短标题都会配上具有指示性与识别性的图标。这些符号与图标都采用一种规格进行设计:在一个350×350像素的框里,以20点粗细并且是圆头的线进行绘制。用AI中的贝塞尔工具作为设计工具。
  
  第四,照片选择。
 
 
  网站中照片的选择亦不是满足美感即可的,在满足宣传主题的前提下,对照片的选择做出规范,可以有效提升品牌形象与网站的识别性。以施耐德网站为例,其照片需满足四个关键点:人(图片中必须包括人物)、动态的(活力与移动的人或物)、自然的(自然不造作)、真实的(不能采用虚幻的,人造的,修饰的或者虚构的)。
  
  第五,产品拍摄。

  
  大部分的企业需要在网站中展示其所销售的产品,所以在对产品进行拍摄前亦应根据产品的形状、大小等因素对拍摄的角度、拍摄背景、布光等做出规范,从而令产品的展示保持视觉上的连贯性。
  
  第六,视频拍摄与制作标准。
  

  多数的VI手册只针对平面类别的应用做出规范,对视频拍摄与制作标准却很少提出相应的要求。在实际的操作中,根据网站的页面规划设计,对所拍摄的视频的画面比例、分辨率等技术标准应作出严格的规范,同时对视频内容所涉及的转场类型、片头片尾logo的出现方式等亦因可做出相应地模板供参考。
  
  四、提升网站的五大功能特点
  

  由于工业类企业大多属于B2B行业,根据企业自身的需求以及客户的需求,其网站一般需具备以下几个功能特点:
  
  第一,实用性。利用网站这个平台与更多的国内外客户建立良好的关系,创造一种合作伙伴式的关系,令客户可以与自身更好地开展业务合作往来;
  
  第二,开放性。利用网站与客户和经销商进行经验的分享,促进与客户之间的关系和团队的默契,同时也增强了网站内容的多样化。
  
  第三,直接。网站以直接与简单的方式进行沟通,令客户与经销商可以更加快速地了解产品或产业等信息;
  
  第四,高效性。高效、务实并且快速,在应对快速的市场变化时,可以快速地对网站信息进行更新,做出反应;
  
  第五,互动性。网站不再停留在单向传播的时代,与终端使用者的互动可以更有效地促进信息的传播与关系的维持。
  
  五、结语
  
  视觉时代,网站不再只是一个单纯提供信息的平台,它对于树立良好的品牌形象有着至关重要的作用,然而现今很多企业依旧没有多少预算用于网站的设计与规划。品牌的网站需要走向更简单、更明亮、更大胆的外观设计;统一宣传形象,全面、系统地展示公司实力;以市场、客户为导向。当终端使用者在浏览网页时,不单可以识别出这是某品牌的网站,同时要被其网站设计的积极性与实用性所感染。

本文标签: 企业网站  体系建设  符号  视觉  

为您推荐

word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别

word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报

2024-09-12 00:09

word2010大纲怎么显示(word文档显示大纲从哪里按出来)

word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需

2024-09-12 00:08

七种常见的Word打印设置技巧 七种常见的word打印设置技巧视频

七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打

2024-09-12 00:08

四种方框内打钩符号的简易方法 四种方框内打钩符号的简易方法是什么

四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法   如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来

2024-09-12 00:08

Word文档中对表格中数据进行计算的方法

Word文档中对表格中数据进行计算的方法 Word文档中对表格中数据进行计算的方法 1.在表格的最后一个单元格中单击放置插入点光标,然后在"表格工具-布局"选项

2024-09-12 00:07

怎么关闭Word文档中自动添加项目编号(怎么关闭word文档中自动添加项目编号显示)

怎么关闭Word文档中自动添加项目编号 怎么关闭Word文档中自动添加项目编号 1.启动Word 2013,打开"Word选项"对话框,在左侧选择"校对"选项,

2024-09-12 00:07