您的位置: 首页 > 技术文档 > 网站建设 > 网站设计的思考
FLASH,你要我怎么跟你说! 回到列表 细谈网页、网站优化
 网站设计的思考

作者:阿捷 时间: 2004-07-23 文档类型:转载 来自:太平洋电脑网

第 1 页 定位你的网站主题和名称
第 2 页 定位你的网站CI形象
第 3 页 确定网站的栏目和版块
第 4 页 确定网站的目录结构和链接结构
第 5 页 确定网站的整体风格和创意设计
第 6 页 首页的设计
第 7 页 版面布局的原理
第 8 页 网页色彩搭配的原理
第 9 页 字体的设定
第 10 页 网页中表格的运用

确定网站的整体风格和创意设计

  网站的整体风格及其创意设计是站长们最希望掌握,也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。当我们说:"这个站点很cool,很有个性!"那么,是什么让你觉得很cool呢?它到底和一般的网站有什么区别呢?本文试图用最简明的语言来说明:

  1.风格是什么,如何树立网站风格?
  2.创意是什么,如何产生创意?

  ●风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。

  这个“整体形象”包括站点的CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。

  风格是独特的,是站点不同与其他网站的地方。或者色彩,或者技术,或者是交互方式,能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络(www.century.2000c.net)的黑白色,网易壁纸站的特有框架,即使你只看到其中一页,也可以分辨出是哪个网站的。

  风格是有人性的。通过网站的外表,内容,文字,交流可以概括出一个站点的个性,情绪。是温文儒雅,是执著热情,是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”,你可以用人的性格来比喻站点。

  有风格的网站与普通网站的区别在于:普通网站你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量大小,浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识,比如站点有品位,和蔼可亲,是老师,是朋友。

  看了以上描述,你可能对风格是什么可能依然模糊。其实风格就是一句话:与众不同!

  如何树立网站风格呢?我们可以分这样几个步骤:

  第一,确信风格是建立在有价值内容之上的。一个网站有风格而没有内容,就好比绣花枕头一包草,好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的,无须置疑。

  第二,你需要彻底搞清楚自己希望站点给人的印象是什么。可以从这几方面来理清思路:

  1.如果只用一句话来描述你的站点,应该是:_____________

  参考答案:
  有创意,专业,有(技术)实力,有美感,有冲击力

  2.想到你的站点,可以联想到的色彩是:________________

  参考答案:
  热情的红色,幻想的天兰色,聪明的金黄色

  3.想到你的站点,可以联想到的画面是:________________

  参考答案:
  一份早报,一辆法拉利跑车,人群拥挤的广场,杂货店

  4.如果网站是一个人,他拥有的个性是:________________

  参考答案:
  思想成熟的中年人,狂野奔放的牛仔,自信憨厚的创业者

  5.作为站长,你希望给人的印象是:____________________

  参考答案:
  敬业,认真投入,有深度,负责,纯真,直爽,淑女

  6.用一种动物来比喻,你的网站最象:__________________

  参考答案:
  猫(神秘高贵),鹰(目光锐利),兔子(聪明敏感),狮子(自信威信)

  7.浏览者觉得你和其他网站的不同是:__________________

  参考答案:
  可以信赖,信息最快,交流方便,

  8.浏览者和你交流合作的感受是:______________________

  参考答案:
  师生,同事,朋友,长幼。

  你可以自己先填写一份答案,然后让其他网友填写。比较后的结果会告诉你:你网站现在的差距,弱点及需要改进的地方。

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

  经过第二步印象的的"量化"后,你需要进一步找出其中最有特色特点的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化,宣传。例如:再次审查网站名称,域名,栏目名称是否符合这种个性,是否易记。审查网站标准色彩是否容易联想到这种特色,是否能体现网站的性格等等。具体的做法,没有定式。我这里提供一些参考:

  1.将你的标志logo,尽可能的出现在每个页面上。或者页眉,或者页脚,或则背景。

  2.突出你的标准色彩。文字的链接色彩,图片的主色彩,背景色,边框等色彩尽量使用与标准色彩一致的色彩。

  3.突出你的标准字体。在关键的标题,菜单,图片里使用统一的标准字体。

  4.想一条朗朗上口宣传标语。把它做在你的banner里,或者放在醒目的位置,告诉大家你的网站的特色是...

  5.使用统一的语气和人称。即使是多个人合作维护,也要让读者觉得是同一个人写的。

  6.使用统一的图片处理效果。比如,阴影效果的方向,厚度,模糊度都必须一样。

  7.创造一个你的站点特有的符号或图标。比如在一句链接前的一个点,可以使用,.。☆※○◇□△→(区位码里自己参看)等等。虽然很简单的一个变化,却给人与众不同的感觉,(为什么我没有想到呢?)

  8.用自己设计的花边,线条,点

  9.展示你网站的荣誉和成功作品。

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

  风格的形成不是一次定位的,你可以在实践中不断强化,调整,修饰,直到有一天,网友们写信告诉你:"我喜欢你的站点,因为它很有风格!"

  ● 创意(idea)是网站生存的关键。这一点相信大家都已经认同。然而作为网页设计师,最苦恼的就是没有好的创意来源。

  注意,这里说的创意是指站点的整体创意,(因为这个创意而产生这个站点,或者相同的内容,推出的创意不同),网页的平面设计创意我将在后面的版面布局窍门里介绍。

  创意到底是什么,如何产生创意呢?

  创意是引人入胜,精彩万分,出奇不意的;
  创意是捕捉出来的点子,是创作出来的奇招....
  这些讲法都说出了创意的一些特点,实质上,

  创意是传达信息的一种特别方式。

  比如Webdesigner(网页设计师),我们将其中的E字母大写一下: wEbdEsigEr,感觉怎么样,这其实就是一种创意!

  创意并不是天才者的灵感,而是思考的结果。根据美国广告学教授詹姆斯的研究,创意思考的过程分五阶段

  1.准备期--研究所搜集的资料,根据旧经验,启发新创意;
  2.孵化期--将资料咀嚼消化,使意识自由发展,任意结合;
  3.启示期--意识发展并结合,产生创意;
  4.验证期--将产生的创意讨论修正;
  5.形成期--设计制作网页,将创意具体化。

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

  比如,网络与电话结合,产生IP电话。从这一点上出发,任何人,包括你和我,都可以创造出不同凡响的创意。而且,资料越丰富,越容易产生创意。就好比万花筒,筒内的玻璃片越多,所呈现的图案越多。你如果有心可以发现,网络上的最多的创意来自与现实生活的结合(或者虚拟现实),例如在线书店,电子社区,在线拍卖。你是否想到了一种更好的创意呢?

  创意思考的途径最常用的是联想,这里提供了网站创意的25种联想线索:

  1.把它颠倒 2.把它缩小 3.把颜色换一下 4.使它更长
  5.使它闪动 6.把它放进音乐里 7.结合文字音乐图画 8.使它成为年轻的
  9.使它重复 10.使它变成立体 11.参加竞赛 12.参加打赌
  13.变更一部分 14.分裂它 15.使它罗曼蒂克 16.使它速度加快
  17.增加香味 18.使它看起来流行 19.使它对称 20.将它向儿童诉求
  21.价格更低 22.给它起个绰号 23.把它打包 24.免费提供
  25.以上各项延伸组合
  -------------(转载自樊志育《广告制作》)

  需要一提的是:创意的目的是更好的宣传推广网站。如果创意很好,却对网站发展毫无意义,好比给奶牛穿高跟鞋,那么,我们宁可放弃这个创意!

  关于风格和创意,可以讲得还有许多。感兴趣的网友可以自己找一些广告设计方面的书阅读。希望本文能帮助您对网站的设计有一个更新的认识和提高。谢谢!

出处:太平洋电脑网
责任编辑:冰点的冰蓝色

上一页 确定网站的目录结构和链接结构 下一页 首页的设计

相关文章
FLASH,你要我怎么跟你说!
作者文章 更多作者文章
理解表现和结构相分离
网站设计的思考
CSS布局入门
什么是网站标准
为什么要建立网站标准
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
浅谈JavaScript编程语言的编码规范
如何在illustrator中绘制台历
Ps简单绘制一个可爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:普通流
25个最佳最闪亮的Eclipse开发项目
Illustrator中制作针线缝制文字效果
Photoshop制作印刷凹凸字体
VS2010中创建自定义SQL Rule
>> 分页 首页 前页 后页 尾页 页次:5/101个记录/页 转到 页 共10个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2