网页设计者不应错过的帖子
#1 网页设计者不应错过的帖子!
现在网页设计方面的站点越来越多，究竟哪个才是经典；根据网页设计中牵涉到的：网页制作，平面设计，动画制作，素材安排等，我特地找了些好的站点，发表在这里，如果大家有好的站点，也希望能跟在后面。现在是凌晨了，人开始疲倦，眼睛也在打架，所以就写到这里。下次见哦~~~
一、网页设计类
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
1。网站名称：有风的日子
网站地址：http://www.windstudio.net/
简介：
很不错的一个设计网站，我刚开始学习网页设计的时候就知道她了，她最有特色的内容就算是精品插件栏目了，里面包括有Photoshop 滤镜、Dreamweaver 插件、Flash 相关，都是很实用的好东东。同时网站的符号字体栏目也挺有自己的特色。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
2。网站名称：蓝色理想
网站地址：http://www.blueidea.com/
简介：
网页编辑方面的大哥大人物，网站关于网页制作方面的教程既全面又专业，而且各类教程的更新速度很快。她的经典论坛的人气也是相当的旺。同时该网站的一个很大的特点就是会时不时推出一些好书的介绍，这些都是不容易买到的。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
3。网站名称：七色鸟设计
网站地址：http://www.colorbird.com/
简介：
七色鸟设计是一个致力于传播设计文化，研究视觉设计艺术、提高大众审美意识的非盈利性的艺术指导网站，里面的设计资源相当丰富而且有特色
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
4。网站名称：视觉中国
网站地址：http://www.chinavisual.com/
简介：
这个是我最爱的一个网站了，我第一次把网页制作和网页设计区分开来，就是通过看了这个网站上的很多文章得出来的，里面的很多知识以平面为主，以前她的服务器不怎么好，经常出现服务器负载过重的情况,但是现在已经好了。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
5。网站名称：5D多媒体
网站地址：http://www.5dmedia.com/
简介：
5D的含义是指其探讨五个方面的内容：声音、图象、动画、多媒体交互、Internet网开发。该网站是目前国内最大的多媒体技术站点，要想了解多媒体方面的信息还真的是要进去看看。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
6。网站名称：设计联盟
网站地址：http://www.chinadu.org/
简介：
我非常喜欢她的作品栏目，可以看到很多人的创作，欣赏别人的创作的同时，自己也可以得到很多的启示
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
7。网站名称：点燃灵感
网站地址：http://www.fwcn.com/
简介：
这里是Firework的天堂，教程，插件，资源，应有尽有
二、图象处理类
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
1。网站名称：中国PHOTOSHOP联盟
网站地址：http://www.photoshopcn.com/
简介：
网页设计中的平面处理软件，PS是绝对的老大，中国PHOTOSHOP联盟就是PS教学方面的老大
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
2。网站名称：图象谷
网站地址：http://pstxg.com/
简介：
搞图象处理的好去处，她的资源下载栏目很出色
三、动画设计类
1。网站名称：闪客帝国
网站地址：http://www.flashempire.com/
简介：
我很早以前做的第一个个人网站就是仿照该网站做的，呵呵，我记得那个时候的帝国还不是现在这个样子。里面关于Flash的教程都很经典。而且论坛里面是高手如云。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
2。网站名称：闪吧
网站地址：http://www.flash8.net/
简介：
我第一次知道这个网站是通过电脑爱好者介绍的，具体哪期忘记了，我记得有整整一个版面来介绍这个网站的故事，所以就跑来了，一看就喜欢上了，觉得里面的资料真是太丰富了，和帝国难分高下。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
3。网站名称：数码动力国际
网站地址：http://www.showgood.com/
简介：
该网站已经不需要我们再说，她推出的Flash实在是太棒了！
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
4。网站名称：闪盟在线
网站地址：http://www.flashsun.com/
简介：
网站的优秀以不需多说，我很喜欢她的竞技场栏目
四、网页素材类
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
1。网站名称：桌面城市
网站地址：http://www.deskcity.com/
简介：
一流的图象资料宝库
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
2。网站名称：素材精品屋
网站地址：http://www.sucaiw.com/
简介：
也是网页设计素材库，她和桌面城市主要在于一个偏全，一个偏精！
#2 网页设计者不应错过的帖子!
树立网站的风格
以下内容为需要回复才能浏览
立网站的风格可以从以下几个方面入手：
色调：是活泼还是庄重，是素还是艳。比如Clevegrowers食品网站（图五）选择的色彩很艳丽，但如果选择素的色彩，可能就无法体现出水果和蔬菜的那种生气。而北美工艺品网站（图四）的色调是以素为主，突出了手工艺品的典雅。
画面：需要考虑是写实还是写意，是体现专业性还是大众化，是为儿童还是为成人。
简繁：是追求简洁还是花哨，不同性质的网站在这方面会有不同。如艺术网站，会不厌其烦地用各种手法来展示其创意。
下面，我们选择几个英文网站做色彩和站点风格的分析：
1．利顿茶商http://www.LiptonT.com/
利顿是历史悠久的茶类品牌，我们在平时常见的利顿红茶、利顿冰茶都是其产品。在该企业站点中，突出体现的不是利顿的悠久历史，而是其丰富的产品线、茶叶的历史和有关人体健康的信息。
该站点的内容组织围绕利顿的产品线进行。利顿产品的名称、商标、图形、功能和应用领域等信息一览无余，利顿冰茶通过艺术图片展现在首页的左边，因此，站点所要突出的是产品的内涵。
通过利顿健康中心，浏览者可以获得大量有关茶的信息，使他们从潜意识中接受利顿关注消费者健康的理念。其实，在有关茶的历史中，浏览者可以了解利顿茶品的悠久历史，客观上起到激发消费欲望的作用。
另外，该站首页使用了利顿品牌所常用的黄色，这既是在网上扩大品牌效应，也是对公司整体形象的统一应用，从而构成了企业识别系统（CIS）的重要部分。
2．中国瓷器http://www.arttiques.com/
该网站以白色为背景，营造出洁净、细腻、典雅的氛围，同时与色彩斑斓的瓷器形成强烈的反差，让人感觉到瓷器工艺品的精致和美丽。这种颜色搭配是展现色彩丰富的工艺品的一种和谐方式。
3．古董仿制品http://www.finear pro.com/
这个网站采用灰白底色作衬托，似乎没有突出人们通常理解的古朴气质，但它有可能适用于中世纪欧洲的传统灰白色调。由于东西方文化有较大差异，因此在设计传播中国文化的网站时，可能更宜选择那些能体现东方古典风格的颜色。
4．北美工艺品展http://www.craftsamericashows.com/
从这个网站页面色彩的选择上，我们可以感受到网页设计者对手工艺品的认知，其色调选择和色彩搭配，突出了手工艺品的巧夺天工。蓝色、灰白色、草绿色、淡黄色都是手工艺品常用的颜色，形成了站点风格的一致性。
5．食品批发商http://clevegrowers.com/
进入该站首页，我们首先感受到的是生机盎然的景象，色彩鲜艳的各类蔬菜给浏览者以新鲜的视觉冲击，由此引发购买欲望。它同时用淡淡的蔬菜图案作背景，时刻宣传公司的主要业务，同时延长感官上的刺激时间。
通过上述几个网站的分析可以看出，如果从塑造网上形象的角度考察，以下视觉元素是不可缺少的。
主体色好的视觉形象是靠协调的色彩体现，色彩的搭配不仅体现着美学的诉求，而且是一种可以强化的识别信号。所以，主体色一经确定，要保持一定的稳定性，用这种色彩来帮助受众对网站的识别。比如说利顿网站中选取黄色作为主体色，这正是利顿产品包装中的主体色，对于识别和强化网站的产品信息起了很大的作用。
标志不仅要放在最醒目的位置上，而且要始终如一地坚持不变。
主体图形主体图形是网页设计的基础，表达关系的栏目划分和位置安排也要依靠主体图形来体现。主体图形也要保持相对的稳定，一般一年为一个周期，可以对主体图形进行再创意。因为图形的变化可以给人以新鲜的感觉。
另外，色彩在网站形象中具有重要地位，通常我们会发现新闻类的网站会选择白底黑字，这不仅是因为这种方式对带宽要求最低，更多的是因为人们平时习惯于这样阅读报纸，所以在潜意识中，这种色彩对于把新闻传达到脑海的效率最高。但是在其他类型的网站上，我们就不要只使用白色了，例如在上面提到的利顿网站，将色彩融入到公司的整体企业识别中，大大加强了网站对浏览者感官的冲击。而在古董仿制品网站中，我们也看到了东西方文化中历史的差异，所以在定位网站风格时，文化的差异也是很重要的。
总之，影响网站整体风格的因素有很多，但色彩无疑是确立网站风格的灵魂。
#3 网页设计者不应错过的帖子!
网站风格概论
网站风格概论
一个人拥有自己独特的风格，是一般人所没有的，就会让人注意到那个人的特别，若那个人的风格是正面的，甚至就会引起别人的羡慕与注意，或是赞赏。就如同一个网站，拥有别的网站所没有的风格，就会让浏览者愿意多停留些时间，细细品尝该站的内容，甚至该站会得到多人的鼓励与注目，粗略的说，网站风格可以从以下几个方向来探讨，而每一项都是有关联性的：
1. 色系：网页的底色、文字字型、图片的色系、颜色等等。
2. 排版：表格、框架的应用、文字缩排、段落等等。
3. 窗口：窗口效果，例如：全屏幕窗口、特效窗口等。
4. 程序：网页互动程序，例如：ASP . PHP . XML . CGI等等。
5. 特效：让网页看起来生动活泼的各种应用，如：Flash . Java script . Java applets . DHTML等等。
6. 架构：目录规划、层次浅显易懂、选单应用等等。
7. 内容：网站主题、整体实用性、文件关联性、内容切合度、是否有不必要的档案等等。
8. 走向：对于网站的未来规划、网站整体内容走向等。
以上这些项目都与网页风格有密切的关系，网页的风格不是某一项相同，网站就是有整体感，而是要各项目的配合应用，才能达到完美的网站风格设计。接下来的段落，将会为每个项目做简单的介绍。
【一、色系 】
网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等，这不单只是将颜色搭配得当就算完美，还要配合每个内容，及网站主题。对于网站的色系，应该要在网站开始制作前，做好规划及设计，才不会到着手制作网站时，难以搭配，甚至造成混乱的设计。
网页的底色是整个网站风格的重要指针。举例来说，以黑色作为背景颜色的网页，因黑色本对人的视觉上会造成黯淡的感觉，若是拿来用作活泼的儿童网站，就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的，与黑色的沉稳、黯淡，很难联想在一起。再举个例子，若是写一个有关于环保的网站，若用暗红色作为网页底色，决计不会有人联想到网页的内容是与环保有关。当然，每个人的审美观不同，可能也会对颜色的代表性看法不同，但既然网站不是只写给自己看的，就应该要注意到大部分人可能会有的观点，然后以众人居多的观点出发，来设计网页。
文字字型上的设计，最好的网站是以所有浏览者都能看到的字型为主。常会看到有需多网站要求浏览者须自行下载某种字型，才能达到最佳浏览效果，这是种非常奇怪的行为。毕竟浏览者只是来找资料或是来看网站的内容，不可能会因为这种「为达最佳浏览效果」，而自行下载所需要的字型。当所要求的字型若不下载，并不会影响到网站内容上的浏览与不便，那么对浏览者的要求就微乎其微的不可能发生任何作用。这么一来，对于网页设计者来说，无非是非常可惜的，因为当初的设计风格却未能让浏览者一窥全貌，岂不是白费心思的吗？
何谓图片的色系？以色彩学简单的区分，可分为冷色系与暖色系，再详细一点的区分，又可分出各种颜色的色系，而色系的区分，就在于主观浏览意识上的差异了。如何将图片的色系与网站整体色系相对应，就是比较困难的地方了。对于网页初学者来说，要绘制一张图并非易事，要绘制一张符合自己网页风格的图，更是困难重重。大部分的网页制作者，并不大可能驾轻就熟的使用影像处理软件或绘图软件，于是乎，网页素材的网站就开始盛行了。当然，不会使用绘图软件并不代表网页就不能设计的很出色，若是能将网络上的素材资源妥善利用，网站也是可以走出自己的风格的。而该怎么选择适合自己网站的图片，就是门很大的学问了。
选择图片该以何作为标准呢？举例来说，若网站内容为科学探讨，当然不能以卡通图片来作为插图，试想，当您正在浏览一个有关天文学的网站，却满是皮卡丘的可爱图片，不是很不协调吗？再举个例子，如果一个教学网站，里头却尽是明星图片，看上去根本就不像是教学网站，而是大杂汇的明星相片网。很多人喜欢将自己欣赏的明星照放上自己的网页中，如果仅是个人网站倒也还好，因为个人网站本就无主题居多，也就没有所谓的符不符合主题的顾虑，但若是有主题的网站，岂不糟糕？
以图片内容来说，能切合网站主题最好，若不能，也别差异太多。以颜色来说，若一个网页是蓝色的底色，但整个网页的图档却乱七八糟，各种颜色纷纷出笼，更糟的是，蓝色是属于冷色系的颜色，若以蓝色为底的网页，却尽都是大红色、橘色的图片，那将会使整张网页看起来就像垃圾堆，杂乱无章。所以，可以简单的归纳出，网页与图档的颜色，色系一致或是视觉效果一致，将会使网页看起来更为美观且有自己的风格。
网页的颜色，并非单一就图文件、文字颜色、或是底色为主，而是以浏览者的角度来观看，整体网页看上去是偏向哪种色系。常常见到许多网站虽然色系搭配的很好，但却是没有自己的风格。以目前流行的柔色系、粉色系网站来说，就是失了自己独到的风格。因为使用粉色系的网站，不外乎都有相同的特点，文字颜色浅，底色也以浅色系为主，这样除了没有自己的风格外，看起来既不大方也难登大雅之堂。以各大搜寻网站来说，根本不会做这样的设计，因为文字颜色淡，加上底色浅，对浏览者来说，阅读上非常吃力，所以这样的设计风格也应尽量避免。
一个有自己风格，且阅读起来舒适大方的网页，并不可能一次就写好，而是需要经过不厌其烦的修正、调色，才能达到最佳浏览效果的，所以制作网页也一定要有相当大的耐心。
【二、排版 】
网站的排版是让网页浏览者阅读方便，且内容主题明确的重要指针，若网站的排版经过精心规划，将会使浏览者更能迅速的找到所需的资料。就如同一本书，编排得当将会使读者一目了然，且更能了解该书所要阐述的内容。而网站的排版，就如同书册的排版一般重要。网站的排版包含了表格、框架的应用、文字缩排、段落等等，而排版并不是整齐就好，还要有明确的分类，以及主题的适当规划。
表格的应用是一般大型网站最常见到的编排方式，表格能使多段文字统合整理，达到清楚易懂的效果。表格不见得是有形的表格，何位有形的表格？一般常见的有形表格，多为有框线，或是有底色。表格可多形式的运用，如图形与文字间的排版，表格可将图形与文字做最恰当的编排，充分结合于网页上。
然而表格的底色或底图，应避免与文字起冲突。常见表格中用的底图或底色因颜色过重，而文字不清楚，表格的重点当然仍是在于文字，不是在作为配角的底图或底色。当底图只是衬饰的作用时，就应让其中的文字清楚明了。而表格的整体配色更是重要，框线及底色都应与网页整体配色为主，若是以表格作为同一网页编排，应尽量使各表格间不致差异太大。当有需要特别彰显内容的表格，才有其必要性作不同的配色。
框架的应用，对于架设于较慢的网站空间之网页，较适合框架的应用，框架可避免相同网页重复读取，拖累下载速度。但框架因切割整个画面，造成浏览的内页空间大幅度减小，故再使用框架务必要注意到内容主页的易看性。框架编排，最需要注意的是左右滚动条应尽量避免，若一个网页在阅读上，要不断的移动滚动条往右又往左移，将会对浏览者造成很大的不便。
另，框架也需要注意到连结的正确性，常看到以框架为主体的网页，竟然按下选单框架页中的连结，不是显示在内容框架页中，而是另开窗口，这真是脱着裤子放屁－多此一举！且框架过多的网页，会造成浏览者不知如何找寻资料的窘境。举个最常见的例子，很多小型的个人网站，常喜欢以多框架来架构网站，数一数甚至框架页达五六个以上，有时按了左侧的选单，以为内容会出现在内容框架页，却竟然是显示在右上角的某个小角落，这不是特有风格，既不美观也不实际，更难以找到资料！
框架与表格皆为网页整体编排利器，该如何运用与走出自己风格，就是需要长时间的修饰版面、观摩学习（但绝非模仿抄袭）与经验了。
| #4 网页设计者不应错过的帖子! #5 网页设计者不应错过的帖子! #7 网页设计者不应错过的帖子! #8 网页设计者不应错过的帖子! |