第6章 VI设计与网站推广.pptx

《第6章 VI设计与网站推广.pptx》由会员分享，可在线阅读，更多相关《第6章 VI设计与网站推广.pptx（45页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第第6 6章章 VI VI设计与网站推广设计与网站推广 第第6章章 VI设计与网站推广设计与网站推广 6.1 网页设计网页设计VI应用应用 6.2 网站推广网站推广 第第6 6章章 VI VI设计与网站推广设计与网站推广 6.1 网页设计网页设计VI应用应用 6.1.1 企业识别概念 CI是英文Corporate Identity的缩写(有些文献中也称CIS，Corporate Identity System)，直译为企业形象识别系统，意译为企业形象设计。第第6 6章章 VI VI设计与网站推广设计与网站推广 CI是指企业有意识、有计划地将自己企业的各种特征向社会公众主动地展示与传播，使公众在

2、市场环境中对企业有一个标准化、差别化的印象和认识，以便更好地识别并留下良好的印象。CI一般分为三个方面，即企业的理念识别Mind Identity(MI)、行为识别Behavior Identity(BI)和视觉识别Visual Identity(VI)。第第6 6章章 VI VI设计与网站推广设计与网站推广 6.1.2 网站整体形象规划与设计开发 就网站而言，一个网站上看到的所有图片、文字、动画以及它们的编排方式等一切能够看到的元素都是VI设计的一部分，简单地说，VI其实就是一个网站的外观。网站的VI设计重要吗？要回答这个问题，就得先回答网站的外观重要吗？一个网站的内容固然重要，但是如果没有

3、一个好看而吸引人的外表，哪怕有再好的内容，有再好的结构，相信整个网站的浏览效果也会大打折扣。第第6 6章章 VI VI设计与网站推广设计与网站推广 怎样才是一个好的VI设计呢？一个好的视觉设计，首先要有一个好的视觉效果。一个网站怎样才算有一个好的视觉效果？一个最简单的判别方法是看它三眼：第一眼，看是否抢眼；第二眼，看是否顺眼；第三眼，看是否养眼。其实，这三眼就是网站给你的第一感觉。第一感觉很重要，浏览者能否接受这个网站在很大程度上就看有否这种一见钟情的感觉。如果三眼的答案都是Yes，那么这个网站就算是有一个很好的视觉效果了，相信浏览者也会有兴趣看完整个网站的。第第6 6章章 VI VI设计与网

4、站推广设计与网站推广 为企业建立的商业网站，更要注重网站的VI设计。如果企业本身已经有了一个统一的CI设计(Corporate Indentity，企业形象识别)，那么网站的VI设计就应该遵循其CI设计。当然，前提是必须有一套适用的CI设计。第第6 6章章 VI VI设计与网站推广设计与网站推广 1.Logo的设计 在页面设计中，Logo常常作为公司或站点的标识出现，起着非常重要的作用。一个制作精良的Logo，不仅可以很好地树立公司形象，还可以传达丰富的产品信息。第第6 6章章 VI VI设计与网站推广设计与网站推广 网站有代表性的人物、动物、花草，可以用作为Logo设计的蓝本，然后加以卡通化

5、和艺术化，例如迪斯尼的米老鼠、搜狐的卡通狐狸、鲨威体坛的篮球鲨鱼。专业性网站可以以本专业有代表的物品作为标志，比如中国银行的铜钱标志、奔驰汽车的方向盘标志。最常用和最简单的方式是用自己网站的英文名称作标志。采用不同字体、字母的变形组合可以很容易制作出一个好的标志。第第6 6章章 VI VI设计与网站推广设计与网站推广 Logo传统设计重在传达一定的形象与信息，真正吸引我们目光的不是Logo标志，而是其背后的图像信息。网站Logo的设计跟传统设计有着很多的相通性，但由于网络本身的限制以及浏览习惯的不同，它还带有许多与之相异的特点。第第6 6章章 VI VI设计与网站推广设计与网站推广 另外设计L

6、ogo时，应该面向应用的各种条件作出相应规范，这对指导网站的整体建设有着极现实的意义。具体须规范的有Logo的标准色、可能应用的恰当的背景配色体系、反白等，以及在清晰表现Logo的前提下制定Logo最小的显示尺寸，为Logo制定一些特定条件下的配色、辅助色带等，以方便在制作Banner等场合的应用。另外文字与图案边缘应清晰，字与图案不宜相交叠。其次还可考虑Logo竖排效果，考虑作为背景时的排列方式等。第第6 6章章 VI VI设计与网站推广设计与网站推广 2.Banner 设计 图6.1所示的是利用Logo设计的一整套Banner，它们有统一的视觉效果，并且对网站也有较好的宣传作用。3232

7、8831 12060 12530 第第6 6章章 VI VI设计与网站推广设计与网站推广 图6.1 第第6 6章章 VI VI设计与网站推广设计与网站推广 另外，还要精心准备网站的宣传标语(Banner广告语)。这种广告语要体现网站的精神和网站的目标，最好用一句话甚至一个词来高度概括。例如：鹊巢咖啡的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”等。第第6 6章章 VI VI设计与网站推广设计与网站推广 3.标准色 确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩。

8、举个实际的例子就明白了：IBM的深蓝色，肯德基的红色条型，Windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切、很和谐。如果将IBM改用绿色或金黄色，我们会有什么感觉？第第6 6章章 VI VI设计与网站推广设计与网站推广 一般来说，一个网站的标准色彩不超过三种，太多则让人眼花缭乱。标准色彩要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。其他色彩也可以使用，但只是作为点缀和衬托，绝不能喧宾夺主(见图6.2)。第第6 6章章 VI VI设计与网站推广设计与网站推广 图6.2 computer.love标准色 第第6 6章章 VI VI设计与网站推广设计与网站推广 图6.2 c

9、omputer.love标准色 第第6 6章章 VI VI设计与网站推广设计与网站推广 4.网页的整体设计 (1)字体的统一设计。与标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。第第6 6章章 VI VI设计与网站推广设计与网站推广 (2)图片修饰物的统一。例如的缩略图都是圆形的风格，看到它们很容易就让人联想到(见图6.3)。第第6 6章章 VI VI设计与网站推广设计与网站推广 图6.3 第第6 6章章 VI VI设计与网站推广设计与网站推广 (3)框架的统一。页面布局的统一也会具有识

10、别作用和视觉冲击。如图6.4所示，两个页面的插图、色彩均不相同，但是从页面布局的风格上依旧可以看出是同一网站的两个分页。第第6 6章章 VI VI设计与网站推广设计与网站推广 图6.4 第第6 6章章 VI VI设计与网站推广设计与网站推广 5.卡通形象设计 新浪的大眼睛小人是网络吉祥物应用较好的一例，如图6.5所示。在网络中，卡通形象设计有较好的效果，把他们制作成Flash动画并加上故事情节，一定会有较好的宣传作用。卡通形象可以来自标志的变形，也可以专门设计，总之应尽量使其简洁大方，具有明显的性格特征。图6.6中的牙齿先生的形象独特，让人过目不忘，具有良好的传播功能。注意，这个站点的Bann

11、er设计也是使用了牙齿先生的统一视觉形象。第第6 6章章 VI VI设计与网站推广设计与网站推广 图6.5 新浪大眼睛形象第第6 6章章 VI VI设计与网站推广设计与网站推广 图6.5 新浪大眼睛形象第第6 6章章 VI VI设计与网站推广设计与网站推广 图6.6 牙齿先生第第6 6章章 VI VI设计与网站推广设计与网站推广 6.2 网网 站站 推推 广广 6.2.1 常规方法 基于本书主要针对的是网页前台制作、网页设计师、个人主页斑竹、互联网爱好者等人群，这部分人没有过高的经济条件去做消费性宣传，所以本节把重点放在免费的推广渠道上。第第6 6章章 VI VI设计与网站推广设计与网站推广

12、第第6 6章章 VI VI设计与网站推广设计与网站推广 2.与相关网站做友情链接 目前绝大多数网站都有宣传的积极性，因此大多数站点都愿意与别人的主页做友情链接，也就是设有“互换链接”栏目。第第6 6章章 VI VI设计与网站推广设计与网站推广 3.利用电子邮件群发送消息 如果你加入了一个电子邮件群，就可以在你的站点上开辟一个小的栏目来专门介绍该电子邮件群所讨论的内容，然后向该电子邮件群地址发一封信，告诉他们在你的网站中有专门栏目介绍这样的内容，请他们给予更多指导，邮件群的成员收到这封信后，一般都会乐意到该网站去访问的，利用这种手段也可以达到推广站点的目的。第第6 6章章 VI VI设计与网站推

13、广设计与网站推广 4.通过新闻媒体进行宣传 如果你的网站确实很有特色或者你的网站能够提供一些能获取利润的投资建议，给访问者带来一定的利益，可以借助电视、广播等媒体进行一系列报道，或者可以写一些有关自己站点特色内容的报道寄到比较有影响的报刊杂志处，寻求他们的帮助。5.利用留言板进行宣传 如果你的网站有类似公告栏或留言板的功能，完全可以在这些位置放上你网站的地址，一旦其他网友在浏览你的留言或公告栏时，就有可能见到你网站的地址而顺便去拜访你的主页。第第6 6章章 VI VI设计与网站推广设计与网站推广 6.到各大报刊发表文章 作为一名电脑爱好者，学习和使用电脑的时间肯定不会太短，而且在理论和实践中也

14、肯定积累了不少经验和心得，这时你最好不要把这些经验独享，应该用语言把它表达出来，与其他同行或网友进行真挚交流。第第6 6章章 VI VI设计与网站推广设计与网站推广 7.利用电子邮件发出通知 如果你手中有许多朋友或者用户的电子邮件地址，你可以考虑利用电子邮件通知他们来访问。利用这种方法来宣传主页的关键之处在于要留心收集用户电子邮件的地址，拥有的电子邮件数量越多，就意味着你的主页蕴藏着越大的访问量。即使是这样，你的邮件内容也要包含一些有用的东西，尽量不要发那种垃圾邮件。第第6 6章章 VI VI设计与网站推广设计与网站推广 8.在聊天室里发出邀请 很多人上网的一个主要目的就是交流，想交到更多的朋

15、友。交友当然首先就去聊天室了。在聊天室里你可以适时地向这些网友发出邀请，请他们访问你的主页，并谦虚地请他们能够给你的网站建设提出一些宝贵建议，同时你在与他们聊天之际，可以把你的站点所具有特色的内容大肆宣传一番，以引起网友们足够的兴趣和注意。第第6 6章章 VI VI设计与网站推广设计与网站推广 9.在新闻组上发布你的主页 参加过网络新闻组的网友们可能经常在相关的新闻组讨论区中见到诸如“某网站今天正式开张啦！”、“某主页最近进行了更新，增添了许多特色的内容”、“欢迎各位网友常到某网站做客！”等信息，这其实就是这些网站的斑竹们在通过新闻组来宣传自己的主页。第第6 6章章 VI VI设计与网站推广设

16、计与网站推广 10.使用专门注册工具提交到搜索引擎中 目前搜索引擎已经有好几千个了，如果一个一个地申请将自己的网页的加入进去，而每次又都在做类似的事情，相信你一定会失去耐心的，因为这样可能需要花费几个月的时间；这时你可以使用专门的主页注册软件，它只需几分钟的时间就能自动在搜索引擎的相关目录下和主题下注册。第第6 6章章 VI VI设计与网站推广设计与网站推广 第第6 6章章 VI VI设计与网站推广设计与网站推广 对于一些非艺术设计类的站点，也可以申请到一些测评类的网站。总之能加入其中，不仅仅可以作到宣传，还是一种荣誉象征。有经济条件的网站在推广中，可以利用提供免费服务来起到宣传作用，如：免费

17、信箱 免费空间 免费留言本 免费计数器 免费BBS 免费调查第第6 6章章 VI VI设计与网站推广设计与网站推广 6.2.2 CI推广 1.企业吉祥物推广 网络上一部分以Flash动画而著名的动画角色，给企业带来了无限大的财富，例如的Q版三国、韩国魔导兔、台湾春水堂的阿贵等卡通人物。很多企业为自己的网站单独成立了Flash小组，推出一系列的动画进行企业推广，这种方式很容易被大众接受。只要动画做得好，动画角色会给企业带来很大的受益。第第6 6章章 VI VI设计与网站推广设计与网站推广 另一方面，企业吉祥物不仅仅可以作为Flash动画的主角，还可以作为网站的代言人，Sina的大眼睛小人和Soh

18、u的狐狸都是著名的网络代言人，一看到它们，立刻就能想到和。第第6 6章章 VI VI设计与网站推广设计与网站推广 2.含有VI的印刷品宣传 一个较大的企业肯定是需要印制大量的印刷品的，因此VI是企业必需品之一。从VI设计可以看出企业的档次和企业文化。相对于个人主页或BBS大型论坛而言，在举办网友活动中，可以印制含有VI的T恤衫等活动用品，这不仅仅是进行推广，还可以加深网友彼此间的感情。第第6 6章章 VI VI设计与网站推广设计与网站推广 3.特色壁纸、面板宣传 网友上网除了聊天、查资料等行为活动外，还有一个更主要的行为活动便是下载软件、图片、壁纸和面板。利用VI设计一些精美壁纸、面板提供给网

19、友下载，在壁纸上印上网站名称和地址也是一个很好的宣传渠道。第第6 6章章 VI VI设计与网站推广设计与网站推广 4.策划大型活动进行宣传 有条件的情况下，可以举办一些有益的大型活动进行推广，比如游戏类的网站可以举办游戏比赛，文学类网站可以征文等。论坛网站可以举办的活动就更多了。大型活动可以吸引人气，VI可以方便大家识别。第第6 6章章 VI VI设计与网站推广设计与网站推广 6.2.3 草拟网站的战略性发展计划 如果你是一个小小的网站，那么就做一个小小的计划；如果你是一个很大的网站，那么就做一个大一些的计划。有了发展计划，会提高你对网站的重视，同样会引导你做好每一步该做的事情。很多个人主页的斑竹认为何必那么麻烦，开心做就可以了，也许哪天就不做了。但是如果你想做得好，就要了解网络生活，了解它的变化和它的发展。你的计划也要跟着网络变化，同时你也要发展和进步，这是十分最重要的。第第6 6章章 VI VI设计与网站推广设计与网站推广 在第4章中提到过，网站要发展就不能天天“换脸”和“闭站”。站点办的时间久，就是一个十分突出的优势，更是网站进一步发展和推广的基础。