| 阿七 |
2006-04-04 07:57 |
网站设计的思考(5)——确定网站的整体风格和创意设计
*y Z6"
网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。当我们说："这个站点很cool，很有个性！"那么，是什么让你觉得很cool呢？它到底和一般的网站有什么区别呢？本文试图用最简明的语言来说明： Ib(C`4%
"Q: Gd6?h;
1.风格是什么，如何树立网站风格？ W;u.@I&
2.创意是什么，如何产生创意？ J 6 ~Sr
54 $^l dD
●风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。 GQ(Y#HSq
r-qe7K@p
这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。 BM :x`JY
Ca-"3aQkc
风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络(www.century.2000c.net)的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。 Nl\`xl6y]
Dk
`&tr
风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”，你可以用人的性格来比喻站点。 /&gg].&2?
zs=3e~o3
有风格的网站与普通网站的区别在于：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。 OZ`cE5" i
k_pv6YrE
看了以上描述，你可能对风格是什么可能依然模糊。其实风格就是一句话：与众不同！ 9#DXA}
Ip8ml0oG
如何树立网站风格呢？我们可以分这样几个步骤： l b(
bQ*yXJ^8
第一，确信风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的，无须置疑。 (T1< (YZ
@.;+WQE
第二，你需要彻底搞清楚自己希望站点给人的印象是什么。可以从这几方面来理清思路： ,dRaV</2
p%I)&- 8
1.如果只用一句话来描述你的站点，应该是:_____________ & d6@ SQ
-XYvjW,|
参考答案： 7xnj\9$m
有创意，专业，有(技术)实力，有美感，有冲击力 N
R
c4*zQJ
'lIs`Zc5N
2.想到你的站点，可以联想到的色彩是：________________ eB0exPz%
'rhgM/I
参考答案： 9E7 G%-
热情的红色，幻想的天兰色，聪明的金黄色 qvn.uujYS
ox-m)z `7
3.想到你的站点，可以联想到的画面是：________________ KZKE&bTx
5dj " U
xH
参考答案： 3d }v?q78
一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店 Sa g)}6+
~qinCIj
4.如果网站是一个人，他拥有的个性是：________________ ~0MpB~ {xd
4c5BlD
参考答案： &=lc]sk
思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者 !q\8`ss
m. pm,
5.作为站长，你希望给人的印象是：____________________ 6b|<$Je9
9KVJk</:n
参考答案： ceUe*}\cr
敬业，认真投入，有深度，负责，纯真，直爽，淑女 Ge?Wm q>
y[ m,t}gi
6.用一种动物来比喻，你的网站最象：__________________ d{YvdN9d
>9H^r\
参考答案： +d3|Up8=
猫(神秘高贵)，鹰(目光锐利)，兔子(聪明敏感)，狮子(自信威信) %,\JTN|g|A
qb? <u
7.浏览者觉得你和其他网站的不同是：__________________ jR%*,IeB
7P1Pk?pxy
参考答案： >pF* unC;
可以信赖，信息最快，交流方便， ~nA k-toJ
ed6@o4D/kf
8.浏览者和你交流合作的感受是：______________________ OjGI
!
KQr+VQdq>
参考答案： D, ")n75
师生，同事，朋友，长幼。 KW:N
6w
$7q3[skH
你可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。 T]tP!a;K
syw1Z*WK
第三，在明确自己的网站印象后，开始努力建立和加强这种印象。 VM$n|[C~
6ld4'oM
经过第二步印象的的"量化"后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。例如：再次审查网站名称，域名，栏目名称是否符合这种个性，是否易记。审查网站标准色彩是否容易联想到这种特色，是否能体现网站的性格等等。具体的做法，没有定式。我这里提供一些参考： |^Iox0A
zM0}(5$m
1.将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。 e"hfeNphz
2.突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。 +(*HDa|
3.突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。 gK h*q.
4.想一条朗朗上口宣传标语。把它做在你的banner里，或者放在醒目的位置，告诉大家你的网站的特色是... :-RB< Lj
5.使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。 LhL |ETrJ
6.使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。 ^*AI19w!Ys
7.创造一个你的站点特有的符号或图标。比如在一句链接前的一个点，可以使用,.。☆※○◇□△→（区位码里自己参看）等等。虽然很简单的一个变化，却给人与众不同的感觉，(为什么我没有想到呢？) TsFhrtnx&X
8.用自己设计的花边，线条，点 ?F05B S#)X
9.展示你网站的荣誉和成功作品。 O h@z<1eYZ
10.告诉网友关于你的真实的故事和想法。 E&8N h J
\HO)ss)"
风格的形成不是一次定位的，你可以在实践中不断强化，调整，修饰，直到有一天，网友们写信告诉你："我喜欢你的站点，因为它很有风格！" v6 5C
j2ec
M G=E
6:
T1C_L?
L
● 创意(idea)是网站生存的关键。这一点相信大家都已经认同。然而作为网页设计师，最苦恼的就是没有好的创意来源。
%6 [,a
=f~<*wQ
注意，这里说的创意是指站点的整体创意，(因为这个创意而产生这个站点，或者相同的内容，推出的创意不同),网页的平面设计创意我将在后面的版面布局窍门里介绍。 QATRrIj{e
=NY;#J jn
创意到底是什么，如何产生创意呢？ wh( _<VZ
5{HF'1XgZ*
创意是引人入胜，精彩万分，出奇不意的； |" }rd OV)
创意是捕捉出来的点子，是创作出来的奇招.... J_7 w _T/
这些讲法都说出了创意的一些特点，实质上， oL]uY5eZoe
0)|Z 7c&
○创意是传达信息的一种特别方式。 N[cIr{XBGN
jj`#
;Y
比如Webdesigner(网页设计师)，我们将其中的E字母大写一下: wEbdEsigEr，感觉怎么样，这其实就是一种创意！ d}O\:\}y
E+Bc>xl@ m
创意并不是天才者的灵感，而是思考的结果。根据美国广告学教授詹姆斯的研究，创意思考的过程分五阶段： )1
-<v);
;y(;7n_ a
1.准备期--研究所搜集的资料，根据旧经验，启发新创意； TyV~2pc N
2.孵化期--将资料咀嚼消化，使意识自由发展，任意结合； {|o WU8.
l
3.启示期--意识发展并结合，产生创意； f(y+1
4.验证期--将产生的创意讨论修正； GFT@Pqq
5.形成期--设计制作网页，将创意具体化。 vE fj3+e
5ih>x3S1/
○创意是将现有的要素重新组合。 -Y524
比如，网络与电话结合，产生IP电话。从这一点上出发，任何人，包括你和我，都可以创造出不同凡响的创意。而且，资料越丰富，越容易产生创意。就好比万花筒，筒内的玻璃片越多，所呈现的图案越多。你如果有心可以发现，网络上的最多的创意来自与现实生活的结合(或者虚拟现实)，例如在线书店，电子社区，在线拍卖。你是否想到了一种更好的创意呢？ .'=S1|_(
p
l^;'|=M
创意思考的途径最常用的是联想，这里提供了网站创意的25种联想线索： &S(>L[)9
4
Y=0>FlY0
1.把它颠倒 2.把它缩小 3.把颜色换一下 4.使它更长 C
r R/
5.使它闪动 6.把它放进音乐里 7.结合文字音乐图画 8.使它成为年轻的 [ C EV&B
9.使它重复 10.使它变成立体 11.参加竞赛 12.参加打赌 Y-})/zFc
13.变更一部分 14.分裂它 15.使它罗曼蒂克 16.使它速度加快 U LS>v
17.增加香味 18.使它看起来流行 19.使它对称 20.将它向儿童诉求 3PkZXeH /
21.价格更低 22.给它起个绰号 23.把它打包 24.免费提供 8Ze>
hEG
25.以上各项延伸组合 !% $[p'
-------------(转载自樊志育《广告制作》) 3
chx 4
z#!<[**&
需要一提的是：创意的目的是更好的宣传推广网站。如果创意很好，却对网站发展毫无意义，好比给奶牛穿高跟鞋，那么，我们宁可放弃这个创意！ A o* IshVh
>h8 m8J
关于风格和创意，可以讲得还有许多。感兴趣的网友可以自己找一些广告设计方面的书阅读。希望本文能帮助您对网站的设计有一个更新的认识和提高。谢谢！ |
|