网站的形象设计与CI策划

/iOK,W ii01． 设计网站的标记创意公社- ideaer0x)h'_DZ fH.F

i9fwaJ$gF&T3X02． 选择网站的标准色

M8oMz]03． 选择网站的标准字体

cJ?Tm04． 构思网站的广告词

所谓形象设计：

是指通过图像文字、动画等媒体信息给大众树立概念定格，使之通过媒体信息，联想与之相对的个人或团体。创意公社- ideaer v!P$C6nY Q"N.O ^

0m-rJ\m0CI策划：创意公社- ideaer ^`;W^0L~

8M1F:s8ny(gq0所谓CI策划，是广告业的一个术语，是英文Corporate identicy的缩写创意公社- ideaer/j&g{h0~3zCK1_

F~.I2o3q]Jb_[t u0在我国CI策划远作往往表现为通过视觉语言的运用来树立形象，传播信息，从而达到让全社会认识、了解、接受的目的。创意公社- ideaer l;lhR EV/T

U r;dw)B;Zsj0在现实中通过CI策划的企业，产品比比皆是。

`C]6_+H0如可口可乐公司采用全不统一的标志和色彩对产品进行统一的包装。创意公社- ideaer)o.z$m\uT

a o qs/b0麦当劳的M标志和一个涂着红红的嘴唇，身穿红白相间格纹衣服的小丑。创意公社- ideaer-i2YK9nm-FQ;g

一个成功的网站，和实体公司一样需要总体的形象包装和设计准确的，有创意的CI设计的网站的宣传推广有着不可忽略的效果。

设计网站的标志创意公社- ideaer I4gG{&m)sdy

;q%a4Gj
m0网站的标点（LOGO）是一个站点特色和内涵集中体现创意公社- ideaerc)h+\s7H#X

QCkBt*QL m
R7^R5O0标志图形的设计创意来自网站的名称和内容。创意公社- ideaeri.gyu8Cb+KGg0@Z

Ue,N? Q^8r0可以是中文、英文字母

可以是符号、图案创意公社- ideaer*aXn0t:h&E

@S[7[ rk/c0可以是动画或者人物等。创意公社- ideaer"h*nb"q?a*`0fb

2D$Y8\"gG;`O0如 IBM公司是以英文字母稍加处理作的标志创意公社- ideaer`0AO A t

:wB*{r$@,zp;u/Y0新浪网是用字母SINA和一只眼睛作标志创意公社- ideaerzo;qD3Bu

+U^&FY4BrV7p0搜狐将网站的名词和字体设计的别有特色同时还配上一个可爱的狐狸的形象。创意公社- ideaer zW8fC%?e

6]
hi0N-] OMo(|0使用公司有代表性的人物、动物花草为基本，加以卡通化、艺术化。

zvs-fN,O0如麦当劳的小丑，搜狐的狐狸，牡丹集团的牡丹花有专业性的，可以本专业有代表性的物品作为标志。创意公社- ideaerQ(rb(T,sh)|

&Ed'NR*Ttf C0如：中国建设银行的铜板标志

[)K vlX9rk P0奔驰汽车的方向盘标志创意公社- ideaer]`/URXl&D

[)Y ^&P6e9K0最常见的和最简单的方式是用自己网站名称的英文字母作标志，采用不同的字体创意公社- ideaer7eT Il(W.]

+K2h s[n4vpL0如：微软的MICROSOFT创意公社- ideaer5noP eWj8e

4E `Z4k@5e0INTER公司的INTEC创意公社- ideaerz%}\ N#gwTl

DELL公司的DELL

麦当劳的变形M创意公社- ideaer0Lk&UlAB}N
g}q

选择网站的标准色彩创意公社- ideaerz ]%au+_#W:xEnMZG

网站给人的第一印象来自视觉的色彩感受，确定网站的标准色彩是网站建设重要的一步，美术设计将这项工作称为定色调，定调子，它不但关系到网站内容传达，而肯会影响到浏览者的情绪。创意公社- ideaerkyMSJ,e

^c2wz?P0企业的标准色形式出现在企业形象之中，形成了商业化的一个重要特点。

/Wxt(\ Z:b oc0企业自己的标准色，也就是企业在自己标志、产品及宣传品等方面统一使用的一个固定的颜色。

7{/Z9l:a?/L'M`;{R0如：IBM的蔚蓝色 可口可乐的红色 联想集团的蓝色 希望集团的蓝色

r.z/TM
vp*t0这些颜色与企业的形象又经融为一体，成为企业的象征，使人们对它由熟悉了解而产和信任感和认同感。创意公社- ideaerM%@ {oUL|zc

2h%@3D[n6X;Q0网站上使用企业的标准色，一方面要能体现企业形象，另一方面军要有自己的特点，使得其他公司的网站区分开。创意公社- ideaer k3m aC_0m"O!n%kyI

,\4z D7V!mj+{0一般来说，网站的标准色只能是一种具体应用时可以标准色为中心，利用它的明度变化产生不同的色彩。创意公社- ideaer P"a|6a7mr

WFS a_
r9S0标准色广泛用在网站的标志、标题、主菜单和背景色块，给人以整体统一的感觉，其它色彩只能作为对比和讨论。

\fs+T\Jw,_u5v0并不是所有的色彩都适合作为网页标准色。创意公社- ideaer9_;P.~!C/c/c?qJzc

网上常见的颜色有：绿、蓝、黄、橙色及黑、白、灰色，红色自身太艳，尤其是在RGB色彩模式下红色使浏览者的眼睛容易疲劳，不适应大面积的使用，只有一些女性生活主题站点，如化妆品、服装、交友站的粉色为基调，给人以温馨亲合的印象。创意公社- ideaerN!J:z0Z!W9u0G

m8ZV1\'`#rB.|0选择网站的标准字体

#Q,TB|5I/v0所谓标准字体是指网站用于标志、标题、主菜单的特有字体，中文网站里的字体和宋体，设计者可根椐设计的需要选择一些特别字体。创意公社- ideaerQ0n$NTX5h't"q-{M

fc6TiK!ld0如：少年儿童站点可以用咪咪体，给人以活泼童真的印象。

GX]S!@#a:I5r)q0传统艺术站点可以用篆字、隶书，以此衬托深厚的文化底蕴。创意公社- ideaerf shgGgi

O8c p9A|!] K8mB9H!T~0高新技术站点可以用综艺体，以显示出简洁、强烈的现代感。创意公社- ideaerH
F8S2k5K*s9cT9h

政府站点的标准字体则应在宋体、黑体或楷体中选择，显得庄重、大方。创意公社- ideaer1E"x4G,a:Hv!W

8y aFJ1L!|0设计者可根据自己网站的表达的内涵，选择具有表现力的字体。创意公社- ideaer(R6ga{*S+{Z

构思网站的广告词创意公社- ideaerWw(o"^1O4P
j`f$R!R

广告信息，要求高度精炼、明确、简洁

如：联想集团的广告语“因特网上新生活”

宝洁公司的“we bring good thinks to life”

IZ I;B/N/f!B^0intel的“给你一颗奔腾的心”

广告语极其精练，高度浓缩了本企业的最重的要的信息，网站由于自身条件所限及需要简洁精炼的句子传达信息，设计者应努力用一句话，一个词来高度概括网站的性质特点和网站的目标，创造出类似实际生活中的广告语，力求在最短的时间内传达出最丰富的内涵。

标志、色彩、字体和广告语四个方面是一个网站枝立CI形象的关键，确切地说是网站的表示工作、设计并完成这四项工作，网站的总体形象就有一个基本的轮廓，有了一个统一的面目，并且具有了一定的专业性与许多业余的网站设计有了一个质的区别，下一步的工作是确定网站的标题和版块。创意公社- ideaerUtH+J!I-eGtC

网页设计

u6_!K6`?9Q,p)oe'd0规划网站栏目

*IR+qAq!S`j#V0网站栏目的设置原则是：重点突出创意公社- ideaer
pz:JlO[9jO

J)w8e3tS0方便用户创意公社- ideaer/i3G!~)EYpR

细致划主要栏目创意公社- ideaersA*T^6y0EJ v

l-w,JG5h|0设置超级链接和搜索引擎

e `:tBRT S$I$d0设置双向交流栏目创意公社- ideaerU_jx"U@

设置信息下载和咨询服务栏目创意公社- ideaer;SIL.Mpl!Vrh'Ri

网站指南（网站地图）

%QsZ0d.t%~%wN0网站的目录结构和链接结构创意公社- ideaer(K;JF(x&DWf

网站的目录结构指建立网站时创建的路径，它们通常是一个个的文件夹，在FRONTPAGE建立站点都默认建立了根目录和IMAGES目录，在建立目录结构的过程中，应注意下面几个问题

9Rl5j-BfI0合理安排文件的目录，不要将所有文件都应放在根目录下

按栏目内容建立子目录

在每个一级目录或二级目录下都创建独立的INAGES目录应注意：

目录的层次不要太多，一般目录的层次不超过5层创意公社- ideaer(|(u(~$F;n?A

M,~jn4_ g0不要使用中文目录创意公社- ideaerDrQ
KD#DI

Dg`%kjl.rH0使用英文明确的目录文件名创意公社- ideaer_Q oW}*X7S

z%t,D]q-j0网站的链接结构

Z T {] WC0网站的链接结构是指页面之间相互链接关系创意公社- ideaer;Bx5ol!Qf1^.q

如：画成示意图表，就好像一个拓朴结构图，它建立在目录结构基础之上，但可以跨越目录。创意公社- ideaer#N X(o`xq#V5H

3xaC#M(~A0一个一般的个人主页，一个一般的专业网站的内容有限，链接也就比较简单，如果是建立电子商务站点，内容丰富，容量巨大，就必须设计合理的链接关系，否则，有此内容就可能少有机合与浏览者见面。创意公社- ideaer
Av\{:N b

一般建立网站的链接有两种基本方或：

-N"q^K&My01． 树状链接结构，首页指向一级链接一级指向二级链接，这种链接方式条理清晰，访问者明确知道自己在什么位置，不容迷路，但浏览效率低。

2． 星状链接结构

在不同网络服务器链接，在每个网页设置一个共同的链接枢纽，使所有的网面都可以通过枢纽保持链接创意公社- ideaer&dZB8Oiu4h'g

专业类的网站通常使用该文中链接方式。

它的优点是浏览方便，随时右以切换到浏览者需要的页面，但这种链接模式必须专门在网页上面划一块地方安置链接枢纽，占用宝贵的网页面积，而且链接太多容易使浏览者迷失方向另外这种链接要求每次翻页都会将页面全屏刷新，在显示速度上会稍微慢一点。

},V8z_A-J0树状链接结构和星状链接结构是两种基本结构它们很少单一存从，在实际的网面设计中总是将这两种结构混合使用，以便互补创意公社- ideaerd HO!y.[EwL

有些电子商务站点的内容宠大，分类组，可以在网面中显示导航条，如：创意公社- ideaerXnY
xg+}Z,Dr#u

KH Av&PV;W3k0你现在的位置：首页→财经新闻→股市信息→……

网面设计创意公社- ideaerMn%kzM9c:K

`i*f(vA0网站的风格和创意设计创意公社- ideaerVK2S/AY8Dz

;nzSl0u+G0网站风格是网站的特色之一，通常应包含以下内容创意公社- ideaer`uvot^w

(TA
e
E4koj0CI（标志，色彩，字体，标语）

版面布局

显示方式

交互方式创意公社- ideaer)q2U1`.E5T2K
?aQ

*yo ]1~c0文字风格等

如：宝洁网站亲功漂亮，迪斯尼网站生动活泼

这些都能给浏览者留下不同感受。

在字体，色彩或者技术功能上让浏览者明确分辨出这是你网站特有的。

通过网页的样式，内容，文字，交流方式可以概括出一个站点的个性情绪，是温文儒雅，是执著热情，是生动活泼，还是坚定沉着，同时风格是一个阔步点成熟有品位的标志。

2Y D/bv4J;sy'c0要使网站具有独特的风格，可以从以下方面考虑创意公社- ideaer[/Nfu3m2\

4[1o0uW9d_7I[01． 明确网站的服务对象

2． 明确设计的想法与目的，以及追求的艺术效果

3． 加强印象效果和艺术特色，使之形成特有的风格创意公社- ideaer Yw0NC#I,FZ