网站风格设计定位与网络营销.ppt

网站风格设计定位与网络营销.ppt

《网站风格设计定位与网络营销.ppt》由会员分享，可在线阅读，更多相关《网站风格设计定位与网络营销.ppt（77页珍藏版）》请在冰豆网上搜索。

网站风格设计定位与网络营销网站风格设计定位与网络营销11.07.2011ByLiaoXinjian目录：

目录：

第一章网站设计第一章网站设计第第二二章网络营销战略规划目标章网络营销战略规划目标第第三三章网络营销战略规划内容章网络营销战略规划内容第第四四章网络营销计划书章网络营销计划书如何设计网站如何设计网站网站设计，包含的内容非常多。

大体分两个方面：

纯网站本身的设计。

比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等。

网站的延伸设计。

包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。

两个需要弄清的前提两个需要弄清的前提：

网站设计与网站制作。

我们说网站“设计”而不是网站“制作”，它们的区别在于设计是一个思考的过程，而制作只是将思考的结果表现出来。

一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。

设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。

我们说的“网站”是指有确定主题和明确目的的实用性站点，不包括纯表现类或者纯文字类网站。

网站设计应包含的内容网站设计应包含的内容：

1.定位网站主题和名称；2.定位网站CI形象；3.确定栏目和版块；4.网站的整体风格创意设计5.网站的层次结构和链接结构6.首页的设计7.版面布局的窍门8.色彩的搭配9.效果与速度10.替浏览者考虑11.细微之处见功力12.建设完成度与推出时间13.交互性与亲和度14.考虑不同的浏览器和分辨率15.字体的设置和表格的嵌套16.新技术的运用取舍17.设计好你的banner和位置18.语句文字-融入感情定位网站主题和名称定位网站主题和名称设计一个站点，首先遇到的问题就是定位网站主题。

所谓主题也就是你的网站的题材。

网络上的网站题材千奇百怪，琳琅满目。

只要你想的到，就可以把它制作出来。

对于题材的选择，我的建议是：

1.主题要小而精定位要小，内容要精。

如果你想制作一个包罗万象的站点，把所有你认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为你不可能有那么多的精力去维护它。

2.题材最好是你自己擅长或者喜爱的内容比如：

您对擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。

这样在制作时，才不会觉得无聊或者力不从心。

兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。

3.题材不要太滥或者目标太高“太滥”是指到处可见，人人都有的题材；比如软件下载，免费信息。

“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。

为网站命名为网站命名名称要合法，和理，和情。

不能用反动的，色情的，迷信的，危害社会安全的名词语句。

名称要易记。

最好用中文名称名称要有特色定位网站定位网站CI形象形象所谓CI，是借用的广告术语。

（CI是英文corporateidentity的缩写），意思是通过视觉来统一企业的形象。

现实生活中的CI策划比比皆是，杰出的例子如：

可口可乐公司，全球统一的标志，色彩和产品包装，给我们的印象极为深刻。

更多的例子如SONY、三菱、麦当劳等等。

1.设计网站的标志设计网站的标志（logo）首先你需要设计制作一个网站的标志（logo）。

比如：

新浪用字母sina+眼睛作为标志。

标志的设计创意来自你网站的名称和内容。

（1）.网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛的篮球鲨鱼。

（2）.网站有专业性的，可以以本专业有代表的物品作为标志。

比如中国银行的铜板标志，奔驰汽车的方向盘标志。

（3）.最常用和最简单的方式是用自己网站的英文名称作标志。

采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。

2.设计网站的标准色彩设计网站的标准色彩网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。

不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。

“标准色彩”是指能体现网站型象和延伸内涵的色彩。

举个实际的例子就明白了：

IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。

一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。

一般来说，适合于网页标准色的颜色有：

蓝色，黄/橙色，黑/灰/白色三大系列色。

3.设计网站的标准字体设计网站的标准字体和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。

一般我们网页默认的字体是宋体。

4.设计网站的宣传标语也可以说是网站的精神，网站的目标。

用一句话甚至一个词来高度概括。

类似实际生活中的广告金句。

例如：

鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”。

以上四方面：

标志，色彩，字体，标语，是一个网站树立CI形象的关键，确切的说是网站的表面文章，设计并完成这几步，你的网站将脱胎换骨，整体形象有一个提高。

形象地说：

你从一个土气的农民转变为一位西装革履的白领人士。

确定网站的栏目和版块确定网站的栏目和版块一般的网站栏目安排要注意以下几方面：

一定记住要紧扣你的主题设一个最近更新或网站指南栏目设定一个可以双向交流的栏目设一个下载或常见问题回答栏目总结以上几点，我们得出划分栏目需要注意的是：

尽可能删除与主题无关的栏目尽可能将网站最有价值的内容列在栏目上尽可能方便访问者的浏览和查询版块比栏目的概念要大一些，每个版块都有自己的栏目。

举个例子：

网易的站点分新闻，体育，财经，娱乐，教育等版块，每个版块下面有各有自己的主栏目。

一般的个人站点内容少，只有主栏目（主菜单）就够了，不需要设置版块。

如果你觉得的确有必要设置版块的，应该注意：

各版块要有相对独立性。

各版块要有相互关联。

版块的内容要围绕站点主题。

关于版块方面，主要是门户站点等较大ICP需要考虑的问题确定网站的目录结构和链接结构确定网站的目录结构和链接结构网站的目录是指你建立网站时创建的目录。

目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。

下面是建立目录结构的一些建议：

不要将所有文件都存放在根目录下。

按栏目内容建立子目录。

在每个主目录下都建立独立的images目录。

目录的层次不要太深。

建议不要超过3层。

其它需要注意的还有：

其它需要注意的还有：

不要使用中文目录。

网络无国界，使用中文目录可能对网址的正确显示造成困难。

不要使用过长的目录。

尽管服务器支持长文件名，但是太长的目录名不便于记忆。

尽量使用意义明确的目录。

上面的例子中，你可以用Flash,Dhtml,Javascript来建立目录，也可以用1，2，3建立目录，但是哪一个更明确，更便于记忆和管理呢？

显然是前者！

网站的链接结构是指页面之间相互链接的拓扑结构。

它建立在目录结构基础之上，但可以跨越目录。

我们研究网站的链接结构的目的在于：

用最少的链接，使得浏览最有效率。

一般的，建立网站的链接结构有两种基本方式：

1.树状链接结构（一对一）。

树状链接结构（一对一）。

类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。

立体结构看起来就象蒲公英。

这样的链接结构浏览时，一级级进入，一级级退出。

优点是条理清晰，访问者明确知道自己在什么位置，不会迷路。

缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。

2.星状链接结构（一对多）星状链接结构（一对多）类似网络服务器的链接，每个页面相互之间都建立有链接。

立体结构象东方明珠电视塔上的钢球。

这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。

缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用。

我们希望浏览者既可以方便快速的达到自己需要的页面，又可以清晰的知道自己的位置。

所以，最好的办法是：

首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。

确定网站的整体风格和创意设计确定网站的整体风格和创意设计风格风格（style）是抽象的。

是指站点的整体形象给浏览者的综合感受。

有风格的网站与普通网站的区别在于：

普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。

但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。

如何树立网站风格呢？

我们可以分这样几个步骤：

第一，确信风格是建立在有价值内容之上的。

第二，你需要彻底搞清楚自己希望站点给人的印象是什么。

第三，在明确自己的网站印象后，开始努力建立和加强这种印象。

如：

将你的标志logo,尽可能的出现在每个页面上。

突出你的标准色彩。

突出你的标准字体。

想一条朗朗上口宣传标语。

使用统一的语气和人称。

使用统一的图片处理效果。

创造一个你的站点特有的符号或图标。

用自己设计的花边，线条，点展示你网站的荣誉和成功作品。

告诉网友关于你的真实的故事和想法。

创意创意（idea）是网站生存的关键。

是网站生存的关键。

这里说的创意是指站点的整体创意，（因为这个创意而产生这个站点，或者相同的内容，推出的创意不同）创意是传达信息的一种特别方式。

创意是将现有的要素重新组合。

创意的目的是更好的宣传推广网站。

如果创意很好，却对网站发展毫无意义，好比给奶牛穿高跟鞋，那么，我们宁可放弃这个创意！

首页的设计首页的设计在网站设计上也是如此，首页的设计是一个网站成功与否的关键。

首页的设计和制作是绝对要重视和花心思的。

一般首页设计和制作占整个制作时间的40%。

版面布局的窍门：

色彩的搭配字体的设置和表格的嵌套细微之处见功力考虑不同的浏览器和分辨率设计好你的banner和位置meta标签的重要性首页设计的小建议版面布局的原理版面布局的原理设计首页的第一步是设计版面布局。

版面指的是浏览器看到的完整的一个页面（可以包含框架和层）。

因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。

布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。

版面布局的步骤版面布局的步骤一.草案新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的景象画上去（我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以）。

这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。

尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。

二.粗略布局在草案的基础上，将你确定需要放置的功能模块安排到页面上。

（注：

功能模块我们在“首页设计-引子”中提过，主要包含网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器、版权信息等）。

注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。

三.定案将粗略布局精细化，具体化。

（靠你的智慧和经验，旁敲侧击多方联想，才能作出具有创意的布局。

）布局遵循的原则布局遵循的原则正常平衡-亦称“匀称”。

多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。

异常平衡-即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。

对比-所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。

凝视-所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。

空白-空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。

尽量用图片解说-此法对不能用语言说服、或用语言无法表达的情感，特别有效。

图片解说的内容，可以传达给浏览者的更多的心理因素。

以上的设计原则，虽然枯燥，但是我们如果能领会并活用到页面布局里，效果