第6章 VI设计与网站推广

第6章VI设计与网站推广第6章VI设计与网站推广6.1网页设计VI应用6.2网站推广第6章VI设计与网站推广6.1网页设计VI应用6.1.1企业识别概念CI是英文CorporateIdentity的缩写(有些文献中也称CIS，CorporateIdentitySystem)，直译为企业形象识别系统，意译为企业形象设计。第6章VI设计与网站推广CI是指企业有意识、有计划地将自己企业的各种特征向社会公众主动地展示与传播，使公众在市场环境中对企业有一个标准化、差别化的印象和认识，以便更好地识别并留下良好的印象。CI一般分为三个方面，即企业的理念识别——MindIdentity(MI)、行为识别——BehaviorIdentity(BI)和视觉识别——VisualIdentity(VI)。第6章VI设计与网站推广6.1.2网站整体形象规划与设计开发就网站而言，一个网站上看到的所有图片、文字、动画以及它们的编排方式等一切能够看到的元素都是VI设计的一部分，简单地说，VI其实就是一个网站的外观。网站的VI设计重要吗？要回答这个问题，就得先回答网站的外观重要吗？一个网站的内容固然重要，但是如果没有一个好看而吸引人的外表，哪怕有再好的内容，有再好的结构，相信整个网站的浏览效果也会大打折扣。第6章VI设计与网站推广怎样才是一个好的VI设计呢？一个好的视觉设计，首先要有一个好的视觉效果。一个网站怎样才算有一个好的视觉效果？一个最简单的判别方法是看它三眼：第一眼，看是否抢眼；第二眼，看是否顺眼；第三眼，看是否养眼。其实，这三眼就是网站给你的第一感觉。第一感觉很重要，浏览者能否接受这个网站在很大程度上就看有否这种一见钟情的感觉。如果三眼的答案都是Yes，那么这个网站就算是有一个很好的视觉效果了，相信浏览者也会有兴趣看完整个网站的。第6章VI设计与网站推广为企业建立的商业网站，更要注重网站的VI设计。如果企业本身已经有了一个统一的CI设计(CorporateIndentity，企业形象识别)，那么网站的VI设计就应该遵循其CI设计。当然，前提是必须有一套适用的CI设计。第6章VI设计与网站推广1.Logo的设计在页面设计中，Logo常常作为公司或站点的标识出现，起着非常重要的作用。一个制作精良的Logo，不仅可以很好地树立公司形象，还可以传达丰富的产品信息。第6章VI设计与网站推广●网站有代表性的人物、动物、花草，可以用作为Logo设计的蓝本，然后加以卡通化和艺术化，例如迪斯尼的米老鼠、搜狐的卡通狐狸、鲨威体坛的篮球鲨鱼。●专业性网站可以以本专业有代表的物品作为标志，比如中国银行的铜钱标志、奔驰汽车的方向盘标志。●最常用和最简单的方式是用自己网站的英文名称作标志。采用不同字体、字母的变形组合可以很容易制作出一个好的标志。第6章VI设计与网站推广Logo传统设计重在传达一定的形象与信息，真正吸引我们目光的不是Logo标志，而是其背后的图像信息。网站Logo的设计跟传统设计有着很多的相通性，但由于网络本身的限制以及浏览习惯的不同，它还带有许多与之相异的特点。第6章VI设计与网站推广另外设计Logo时，应该面向应用的各种条件作出相应规范，这对指导网站的整体建设有着极现实的意义。具体须规范的有Logo的标准色、可能应用的恰当的背景配色体系、反白等，以及在清晰表现Logo的前提下制定Logo最小的显示尺寸，为Logo制定一些特定条件下的配色、辅助色带等，以方便在制作Banner等场合的应用。另外文字与图案边缘应清晰，字与图案不宜相交叠。其次还可考虑Logo竖排效果，考虑作为背景时的排列方式等。第6章VI设计与网站推广2. Banner设计图6.1所示的是利用Logo设计的一整套Banner，它们有统一的视觉效果，并且对网站也有较好的宣传作用。32×3288×31120×60125×30第6章VI设计与网站推广图6.1home2v.com第6章VI设计与网站推广另外，还要精心准备网站的宣传标语(Banner广告语)。这种广告语要体现网站的精神和网站的目标，最好用一句话甚至一个词来高度概括。例如：鹊巢咖啡的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”等。第6章VI设计与网站推广3.标准色确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩。举个实际的例子就明白了：IBM的深蓝色，肯德基的红色条型，Windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切、很和谐。如果将IBM改用绿色或金黄色，我们会有什么感觉？第6章VI设计与网站推广一般来说，一个网站的标准色彩不超过三种，太多则让人眼花缭乱。标准色彩要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。其他色彩也可以使用，但只是作为点缀和衬托，绝不能喧宾夺主(见图6.2)。第6章VI设计与网站推广图6.2computer.love标准色第6章VI设计与网站推广图6.2computer.love标准色第6章VI设计与网站推广4.网页的整体设计(1)字体的统一设计。与标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。第6章VI设计与网站推广(2)图片修饰物的统一。例如adobe.com的缩略图都是圆形的风格，看到它们很容易就让人联想到adobe.com(见图6.3)。第6章VI设计与网站推广图6.3adobe.com第6章VI设计与网站推广(3)框架的统一。页面布局的统一也会具有识别作用和视觉冲击。如图6.4所示，两个页面的插图、色彩均不相同，但是从页面布局的风格上依旧可以看出是同一网站的两个分页。第6章VI设计与网站推广图6.4station75.com第6章VI设计与网站推广5.卡通形象设计新浪的大眼睛小人是网络吉祥物应用较好的一例，如图6.5所示。在网络中，卡通形象设计有较好的效果，把他们制作成Flash动画并加上故事情节，一定会有较好的宣传作用。卡通形象可以来自标志的变形，也可以专门设计，总之应尽量使其简洁大方，具有明显的性格特征。图6.6中的牙齿先生的形象独特，让人过目不忘，具有良好的传播功能。注意，这个站点的Banner设计也是使用了牙齿先生的统一视觉形象。第6章VI设计与网站推广图6.5新浪大眼睛形象第6章VI设计与网站推广图6.5新浪大眼睛形象第6章VI设计与网站推广图6.6牙齿先生第6章VI设计与网站推广6.2网站推广6.2.1常规方法基于本书主要针对的是网页前台制作、网页设计师、个人主页斑竹、互联网爱好者等人群，这部分人没有过高的经济条件去做消费性宣传，所以本节把重点放在免费的推广渠道上。第6章VI设计与网站推广6.2.1常规方法基于本书主要针对的是网页前台制作、网页设计师、个人主页斑竹、互联网爱好者等人群，这部分人没有过高的经济条件去做消费性宣传，所以本节把重点放在免费的推广渠道上。1.参加各种广告交换组织你可以到诸如这样的网站去登记，成为它们的会员，把它的广告加到你的主页上，而你的主页图标也会出现在其他会员的主页上。第6章VI设计与网站推广2.与相关网站做友情链接目前绝大多数网站都有宣传的积极性，因此大多数站点都愿意与别人的主页做友情链接，也就是设有“互换链接”栏目。第6章VI设计与网站推广3.利用电子邮件群发送消息如果你加入了一个电子邮件群，就可以在你的站点上开辟一个小的栏目来专门介绍该电子邮件群所讨论的内容，然后向该电子邮件群地址发一封信，告诉他们在你的网站中有专门栏目介绍这样的内容，请他们给予更多指导，邮件群的成员收到这封信后，一般都会乐意到该网站去访问的，利用这种手段也可以达到推广站点的目的。第6章VI设计与网站推广4.通过新闻媒体进行宣传如果你的网站确实很有特色或者你的网站能够提供一些能获取利润的投资建议，给访问者带来一定的利益，可以借助电视、广播等媒体进行一系列报道，或者可以写一些有关自己站点特色内容的报道寄到比较有影响的报刊杂志处，寻求他们的帮助。5.利用留言板进行宣传如果你的网站有类似公告栏或留言板的功能，完全可以在这些位置放上你网站的地址，一旦其他网友在浏览你的留言或公告栏时，就有可能见到你网站的地址而顺便去拜访你的主页。第6章VI设计与网站推广6.到各大报刊发表文章作为一名电脑爱好者，学习和使用电脑的时间肯定不会太短，而且在理论和实践中也肯定积累了不少经验和心得，这时你最好不要把这些经验独享，应该用语言把它表达出来，与其他同行或网友进行真挚交流。第6章VI设计与网站推广7.利用电子邮件发出通知如果你手中有许多朋友或者用户的电子邮件地址，你可以考虑利用电子邮件通知他们来访问。利用这种方法来宣传主页的关键之处在于要留心收集用户电子邮件的地址，拥有的电子邮件数量越多，就意味着你的主页蕴藏着越大的访问量。即使是这样，你的邮件内容也要包含一些有用的东西，尽量不要发那种垃圾邮件。第6章VI设计与网站推广8.在聊天室里发出邀请很多人上网的一个主要目的就是交流，想交到更多的朋友。交友当然首先就去聊天室了。在聊天室里你可以适时地向这些网友发出邀请，请他们访问你的主页，并谦虚地请他们能够给你的网站建设提出一些宝贵建议，同时你在与他们聊天之际，可以把你的站点所具有特色的内容大肆宣传一番，以引起网友们足够的兴趣和注意。第6章VI设计与网站推广9.在新闻组上发布你的主页参加过网络新闻组的网友们可能经常在相关的新闻组讨论区中见到诸如“某网站今天正式开张啦！”、“某主页最近进行了更新，增添了许多特色的内容”、“欢迎各位网友常到某网站做客！”等信息，这其实就是这些网站的斑竹们在通过新闻组来宣传自己的主页。第6章VI设计与网站推广10.使用专门注册工具提交到搜索引擎中目前搜索引擎已经有好几千个了，如果一个一个地申请将自己的网页的加入进去，而每次又都在做类似的事情，相信你一定会失去耐心的，因为这样可能需要花费几个月的时间；这时你可以使用专门的主页注册软件，它只需几分钟的时间就能自动在搜索引擎的相关目录下和主题下注册。第6章VI设计与网站推广11.加入links类站点或申请测评网络上links数据库类型的站点越来越多，如丹麦酷站联盟，中国的蚁盟等。这类站点通常有很多类别，但大多与艺术设计为主。如果你的站点设计得好，就可以申请加入。能否加入要视每个站点的评委要求，有一些站点的要求非常高，如英国的linkdup，而另一些则相对低一些。第6章VI设计与网站推广对于一些非艺术设计类的站点，也可以申请到一些测评类的网站。总之能加入其中，不仅仅可以作到宣传，还是一种荣誉象征。有经济条件的网站在推广中，可以利用提供免费服务来起到宣传作用，如：●免费信箱●免费空间●免费留言本●免费计数器●免费BBS●免费调查第6章VI设计与网站推广6.2.2CI推广1.企业吉祥物推广网络上一部分以Flash动画而著名的动画角色，给企业带来了无限大的财富，例如showgood.com的Q版三国、韩国魔导兔、台湾春水堂的阿贵等卡通人物。很多企业为自己的网站单独成立了Flash小组，推出一系列的动画进行企业推广，这种方式很容易被大众接受。只要动画做得好，动画角色会给企业带来很大的受益。第6章VI设计与网站推广另一方面，企业吉祥物不仅仅可以作为Flash动画的主角，还可以作为网站的代言人，Sina的大眼睛小人和Sohu的狐狸都是著名的网络代言人，一看到它们，立刻就能想到sina.com和sohu.com。第6章VI设计与网站推广2.含有VI的印刷品宣传一个较大的企业肯定是需要印制大量的印刷品的，因此VI是企业必需品之一。从VI设计可以看出企业的档次和企业文化。相对于个人主页或BB