» 您尚未 登录   注册 | 社区服务 | 帮助 | 社区 | 无图版


常州五颜六色网络技术有限公司 -> 网站建设 -> 网站设计的思考(5)——确定网站的整体风格和创意设计
 XML   RSS 2.0   WAP 

--> 本页主题: 网站设计的思考(5)——确定网站的整体风格和创意设计 加为IE收藏 | 收藏主题 | 上一主题 | 下一主题
阿七




该用户目前不在线
级别: 未验证会员
精华: 0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子

网站设计的思考(5)——确定网站的整体风格和创意设计

网站设计的思考(5)——确定网站的整体风格和创意设计 p QE)p  
网站的整体风格及其创意设计是站长们最希望掌握,也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。当我们说:"这个站点很cool,很有个性!"那么,是什么让你觉得很cool呢?它到底和一般的网站有什么区别呢?本文试图用最简明的语言来说明: (g8*d^u#PO  
f?fKhu2  
  1.风格是什么,如何树立网站风格? ,lN5,zI=S  
  2.创意是什么,如何产生创意? =Ov7C[(  
`|e!Kq?#Q  
  ●风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。 d 4{FDqto  
h#YD~!aJ  
  这个“整体形象”包括站点的CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。 KpZ:Nh$  
_cqy`p@"  
  风格是独特的,是站点不同与其他网站的地方。或者色彩,或者技术,或者是交互方式,能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络(www.century.2000c.net)的黑白色,网易壁纸站的特有框架,即使你只看到其中一页,也可以分辨出是哪个网站的。 Iq5pAHm>M6  
6Y*;{\Rd  
  风格是有人性的。通过网站的外表,内容,文字,交流可以概括出一个站点的个性,情绪。是温文儒雅,是执著热情,是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”,你可以用人的性格来比喻站点。 !AN^ ,v]D  
{Q (}DI  
  有风格的网站与普通网站的区别在于:普通网站你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量大小,浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识,比如站点有品位,和蔼可亲,是老师,是朋友。 dz9Y}\2tf  
5fjd{Y[k  
  看了以上描述,你可能对风格是什么可能依然模糊。其实风格就是一句话:与众不同! mNmUUj9z  
:> -1'HC  
  如何树立网站风格呢?我们可以分这样几个步骤: I`B'1"{  
xp \S2@<  
  第一,确信风格是建立在有价值内容之上的。一个网站有风格而没有内容,就好比绣花枕头一包草,好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的,无须置疑。 I+?hG6NM  
$n=lsDnhQ  
  第二,你需要彻底搞清楚自己希望站点给人的印象是什么。可以从这几方面来理清思路: GlYly5F  
)najO *n  
  1.如果只用一句话来描述你的站点,应该是:_____________ Zc5 :]]  
@s* ,xHE  
  参考答案: Mhpdaos  
  有创意,专业,有(技术)实力,有美感,有冲击力 ^QL 877  
|Fln8wB  
  2.想到你的站点,可以联想到的色彩是:________________ NlPS#  
{ISE'GJj  
  参考答案: zQ)+/e(8  
  热情的红色,幻想的天兰色,聪明的金黄色 oVO.@M#  
je%M AgW`  
  3.想到你的站点,可以联想到的画面是:________________ H[&@}v,L  
'imU `zeo  
  参考答案: *o?i:LE]  
  一份早报,一辆法拉利跑车,人群拥挤的广场,杂货店 f05d ;  
:[7lTp   
  4.如果网站是一个人,他拥有的个性是:________________ n'w,n1z7  
"~+.Af  
  参考答案: yY=<'{!  
  思想成熟的中年人,狂野奔放的牛仔,自信憨厚的创业者 n~r 9!m$<  
N+Sq}hI  
  5.作为站长,你希望给人的印象是:____________________ R,0Oq5  
G2Qjoe`Uc  
  参考答案: %efGt6&  
  敬业,认真投入,有深度,负责,纯真,直爽,淑女 mUXk9X%n  
ZXXiL#^  
  6.用一种动物来比喻,你的网站最象:__________________ "dCzWFet  
<0j{ $.  
  参考答案: pM$ @m]  
  猫(神秘高贵),鹰(目光锐利),兔子(聪明敏感),狮子(自信威信) /^<en(0=P  
h8v>zNf'  
  7.浏览者觉得你和其他网站的不同是:__________________ JeQ[qQ  
>;lKLGJrd>  
  参考答案: ~<O,Vs_C/  
  可以信赖,信息最快,交流方便, JZx%J)  
VTw/_Hf2p  
  8.浏览者和你交流合作的感受是:______________________ i Ci>zJ  
~"7J}[i 5  
  参考答案: F=Y S^  
  师生,同事,朋友,长幼。 X>3^a'2,E  
?!S GiARW?  
  你可以自己先填写一份答案,然后让其他网友填写。比较后的结果会告诉你:你网站现在的差距,弱点及需要改进的地方。 AzjMv6N   
$ KQ,}I  
  第三,在明确自己的网站印象后,开始努力建立和加强这种印象。 #93}E Y  
JMsHK,(  
  经过第二步印象的的"量化"后,你需要进一步找出其中最有特色特点的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化,宣传。例如:再次审查网站名称,域名,栏目名称是否符合这种个性,是否易记。审查网站标准色彩是否容易联想到这种特色,是否能体现网站的性格等等。具体的做法,没有定式。我这里提供一些参考: n7iE8SK|k  
^, wnp@  
  1.将你的标志logo,尽可能的出现在每个页面上。或者页眉,或者页脚,或则背景。 Oxa5Kfpa  
  2.突出你的标准色彩。文字的链接色彩,图片的主色彩,背景色,边框等色彩尽量使用与标准色彩一致的色彩。 Bl4 dhBZoO  
  3.突出你的标准字体。在关键的标题,菜单,图片里使用统一的标准字体。 {j@+h%sF>+  
  4.想一条朗朗上口宣传标语。把它做在你的banner里,或者放在醒目的位置,告诉大家你的网站的特色是... I~RcOiL)  
  5.使用统一的语气和人称。即使是多个人合作维护,也要让读者觉得是同一个人写的。 G8P+A1 f/>  
  6.使用统一的图片处理效果。比如,阴影效果的方向,厚度,模糊度都必须一样。 /djACA  
  7.创造一个你的站点特有的符号或图标。比如在一句链接前的一个点,可以使用,.。☆※○◇□△→(区位码里自己参看)等等。虽然很简单的一个变化,却给人与众不同的感觉,(为什么我没有想到呢?) iS-K ~qa  
  8.用自己设计的花边,线条,点 HD00J]y_   
  9.展示你网站的荣誉和成功作品。 A2_Ls;]  
  10.告诉网友关于你的真实的故事和想法。 C'<'7g4  
%EIUAG  
  风格的形成不是一次定位的,你可以在实践中不断强化,调整,修饰,直到有一天,网友们写信告诉你:"我喜欢你的站点,因为它很有风格!" ?`i|" y #  
,.7vBt6 p  
MPG+B/P&  
  ● 创意(idea)是网站生存的关键。这一点相信大家都已经认同。然而作为网页设计师,最苦恼的就是没有好的创意来源。 gV`S%   
pn*d[M|k  
  注意,这里说的创意是指站点的整体创意,(因为这个创意而产生这个站点,或者相同的内容,推出的创意不同),网页的平面设计创意我将在后面的版面布局窍门里介绍。 m)k-uWc$C  
}K;iJ~kD1  
  创意到底是什么,如何产生创意呢? D(@SnI+  
Zh? V,39  
  创意是引人入胜,精彩万分,出奇不意的; wRi~Yb?  
  创意是捕捉出来的点子,是创作出来的奇招.... JU2P%3  
  这些讲法都说出了创意的一些特点,实质上, P2QRvn6v  
"i(U  
  ○创意是传达信息的一种特别方式。 W U0UG$o`  
0STk)> 3$-  
  比如Webdesigner(网页设计师),我们将其中的E字母大写一下: wEbdEsigEr,感觉怎么样,这其实就是一种创意! 4K'|DO|dH  
o{g@Nk'f  
  创意并不是天才者的灵感,而是思考的结果。根据美国广告学教授詹姆斯的研究,创意思考的过程分五阶段: V^WQ6G1  
6Ok,_ !  
  1.准备期--研究所搜集的资料,根据旧经验,启发新创意; 30BR 0C  
  2.孵化期--将资料咀嚼消化,使意识自由发展,任意结合; lXw;|dGF  
  3.启示期--意识发展并结合,产生创意; 1"d\ mE  
  4.验证期--将产生的创意讨论修正; w4aiI2KFq  
  5.形成期--设计制作网页,将创意具体化。 9QZ}Hn`p  
Sn0Xl3yr  
  ○创意是将现有的要素重新组合。 %'kX"}N/  
  比如,网络与电话结合,产生IP电话。从这一点上出发,任何人,包括你和我,都可以创造出不同凡响的创意。而且,资料越丰富,越容易产生创意。就好比万花筒,筒内的玻璃片越多,所呈现的图案越多。你如果有心可以发现,网络上的最多的创意来自与现实生活的结合(或者虚拟现实),例如在线书店,电子社区,在线拍卖。你是否想到了一种更好的创意呢? ^X$ I=ro  
i >J:W"W   
  创意思考的途径最常用的是联想,这里提供了网站创意的25种联想线索: FfjC M7?  
_3I3AG0e  
  1.把它颠倒 2.把它缩小 3.把颜色换一下 4.使它更长 <BQ%8}  
  5.使它闪动 6.把它放进音乐里 7.结合文字音乐图画 8.使它成为年轻的 PQQgDtiH  
  9.使它重复 10.使它变成立体 11.参加竞赛 12.参加打赌 Ho MQt3C  
  13.变更一部分 14.分裂它 15.使它罗曼蒂克 16.使它速度加快 d{?)q  
  17.增加香味 18.使它看起来流行 19.使它对称 20.将它向儿童诉求 #%qqL  
  21.价格更低 22.给它起个绰号 23.把它打包 24.免费提供 ]y$)%J^T  
  25.以上各项延伸组合 (tTLK0V-|3  
  -------------(转载自樊志育《广告制作》) ]}5`7  
*P&OxVz  
  需要一提的是:创意的目的是更好的宣传推广网站。如果创意很好,却对网站发展毫无意义,好比给奶牛穿高跟鞋,那么,我们宁可放弃这个创意! uAChu]  
ZjE~W>pkQ  
  关于风格和创意,可以讲得还有许多。感兴趣的网友可以自己找一些广告设计方面的书阅读。希望本文能帮助您对网站的设计有一个更新的认识和提高。谢谢!

[楼 主] | Posted: 2006-04-04 07:57 顶端

常州五颜六色网络技术有限公司 -> 网站建设



Copyright © 2005-2009 5y6s Inc. 苏ICP备05001866号 Powered by PHPWind 5.0.1
Total 0.015512(s) query 4, Gzip enabled
会员言论不代表本站立场 本站法律顾问:北京汇泽律师事务所 韩律师
QQ:点击这里给我发消息 /点击这里给我发消息 /点击这里给我发消息
51La