从名称到页面:网站设计全攻略

saintom

出处：CSDN.NET
责任编辑：lujiezheng

[04-8-10 10:26]  作者： duduwolf  


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




　　很荣幸，能在这里和大家一起探讨关于网站设计的问题。目前，网络上有关网页制作的各种教程已经相当多，可以方便地学习到最新的技术和技巧。可是，有关网页的设计,比如设计灵感的实现，风格的确定，发展策略，技术的筛选等的文章却比较少，许多网友往往有好的材料，却苦恼没有好的具有表现力的设计。受到索易主持人的鼓励，阿捷整理了一些网页的设计心得，在这里和大家交流一下，也算抛砖引玉了，希望得到您的指正，如果您有好的建议和心得，也请发稿给我ajie@soim.com,在此先道一声谢谢！

　　网站设计，包含的内容非常多。大体分两个方面：
　　一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；

　　另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。

　　这两方面相辅相成（感觉有点象写辨证论文：），加之网络技术的飞速发展，要提出一个绝对正确和权威的设计思路是不可能的，要想在一篇文章中概括出来也很难，所以阿捷根据建设一个网站的思路，将自己几年来网站设计制作的心得整理成一个系列“讲座”，告诉给大家（注意：我并不会非常具体地讲某一个技术或制作技巧，重点在于思路）希望能给您一些帮助。下面是大致的提纲：

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

　　以上是本“系列”文章的提纲，会根据实际撰写情况作些变动。每星期一篇。我们开始之前，首先明确几个前提：

　　一．网站设计与网站制作。我们说网站“设计”而不是网站“制作”，它们的区别在于设计是一个思考的过程，而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。

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

　　三．在文章中，可能举例说明或点评到某些具体站点。首先申明，阿捷不存在为任何站点作广告的“嫌疑“。

　　好了，废话少说，我们进入正题：

定位你的网站主题和名称
　　设计一个站点，首先遇到的问题就是定位网站主题。

　　所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪,琳琅满目。只要你想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材，对我们有一些参考价值。

　　第1类：网上求职
　　 第2类：网上聊天／即时信息/ ICQ
　　 第3类：网上社区／讨论 / 邮件列表
　　 第4类：计算机技术
　　 第5类：网页/ 网站开发
　　 第6类：娱乐网站
　　 第7类：旅行
　　 第8类：参考 /资讯
　　 第9类：家庭/教育
　　 第10类：生活/时尚

　　每个大类都可以继续细分，比如娱乐类再分为体育 /电影/ 音乐大类，音乐又可以按格式分为MP3，VQF，Ra，按表现形式分古典，现代，摇滚等。以上都只是最常见的题材，还有许多专业的，另类的，独特的题材可以选择，比如中医，热带鱼，天气预报等等，同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛（旅游+讨论），经典入球播放（足球+影视）按这样分下去，题材可以有成千上万个，你不会再为题材重复，难以选择而烦恼了吧:)