1. The Best Designs----http://www.thebestdesigns.com/


The Best Designs 是个遍览高质量XHTML和FLASH设计的优秀网站。每个网站设计都会加上相关的标签(比如 - Bold, Colorful, CSS)，让你更方便的找到你想要的。


2. CSS Remix----http://cssremix.com/

照CSS Remix自己的话说，他们是“一个新鲜的Web2.0最佳设计站点的大本营” （尽管有些搜罗的站点并不是Web 2.0的）。RSS订阅者超过14,000人，CSS Remix绝对可以称得上是设计师们发现别人设计作品的主流网站之一。


3. CSS Mania---http://cssmania.com/

转自视觉中国，觉得挺有用的转来跟大家分享。

在网络设计领域关于Eye-Tracking的研究十分火爆，但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-Tracking研究结果的窍门，可以为改进你的网站设计提供些意见：

1.对比图像，文字更具吸引力

与你所认为的相反，在浏览一个网站的时候，能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户，他们是来寻觅信息的而不是图像。因此，保证你的网站设计凸现出最重要的信息板块，这才是设计的首要原则。

2.眼球的第一运动聚焦于网页的左上角

用户浏览网页的这一习惯应该在意料之中，毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时，应该尽量保持这一格式。要知道，如果你希望保持个人特色，搭建一个成功的网站，你就必须尊重用户们的习惯。

Photoshop另存为和另存为网页格式
Photoshop cs2中最易混淆的选项之一是在保存编辑过的图片时，有两种保存图片的方式——另存和另存为网页格式。本篇文章将解答另存和另存为网页格式有何区别，以及何时应该选择保存为web格式。
Photoshop提供了两种保存编辑过的图片的方式
文件->另存为
文件->另存为网页格式
两种保存方式都可以输出jpeg格式图片，但两种方式在jpeg压缩质量的选项、灵活度和表现上有所区别。

快速选择
如果你想要…【那么选择的保存方式是】
创建网页使用的图像，或者想尽可能的优化图像文件的体积【另存为网页格式】
和他人分享图片，而且你希望别人知道你拍摄照片的时间日期等【另存为】
和他人分享图片，但你不希望别人知道你拍摄照片的时间日期等，比如用于图片库，或是需要保护隐私【另存为网页格式】
把图像文件压缩到指定的大小，或者你想要在设定图像质量时能有交互的反馈【另存为网页格式】
其它情况【另存为】

    做为一个网页设计人员对网页切片应该要运用自如，无论什么时候都要考虑到用最小

的切片来制作网页，这样做的目的是为了加快网页加载时的速度。我相信还有很多设计师

朋友都网页效果图如德切片不太理解的，其实很简单做到下面几点应该就什么问题了。

   （一）颜色范围的取值：假如一个区域中颜色对比的范围不是很大的，就只有几种颜色

，这样的话就应该单独的把他切出来，如果就一种颜色，可以用代码来表示背景色。颜色

过多的话也没有关系，很多时候都要用到渐变的效果，应该把切片数量切的多一些尽量把

单个切片控制在一个颜色范围的轮廓内。

//总论

本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与我联系，我会及时更改本规范的相关代码样例和文档。

/基 本 要 求

1. 在网站根目录中开设images common temp 三个子目录，根据需要再开设media 子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner 条、菜单、按钮等等；common 子目录中放css、js,、php、include 等公共文件；temp 子目录放客户提供的各种文字图片等等原始资料；media 子目录中放flash, avi, quick time 等多媒体文件 。
2. 在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。
3. temp 目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。

4. 除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，

/脚 本 编 写

网站不好看，多半在于网站的配色问题上，如果自己的绘图功底不高的话，就要在配色上

下点功夫。其实配色也很好配，一般先确定有那几种颜色来配就可以了，值得注意的是一

般用2-3种颜色就可以了，可以在近试色上调换，下面介绍一些怎么样去培养色的感觉^_^

第一步，多去看人家的作品，网上有好多优秀的作品可以让我们吸取营养，日积月累你对

配色上的问题就可以迎刃而解了，在也不会为配色而头疼，当然说是很简单的，困难的是

每天都要坚持去看优秀的作品，这点很难做到啊！

还有一个比较管用的方式就是看人家的标志设计，logo一般是一个品牌或网站的标志（也

就是说是一张脸，漂亮的脸蛋人人都喜欢^_^），其实标志的好处还不在于此，精妙之处他

就是一张现成的配色表，他的颜色肯定不会超过3种以上，标志一般都要求简洁明了。

在生活中们可以随时随地的看到配色表，就在于你有没有留心了

1. 排序有什么用

“排序”这个专业名词原本是来源于计算机程序操作中的，是一种很常见的算法设计，当然，对交互设计来说，探讨冒泡排序和堆排序之间的效率是没有实际意义的，我们今天从用户日常使用的产品来入手，分析下排序的交互价值。

一般来说，排序的重设计有2个作用：a. 使信息有序化，符合逻辑思考，更易读；b. 调整数据集合的关系，易记易操作，提高工作效率。

我们生活中经常会遇到排序的情况，主动型：宴请客人，主人做上位，从左至右按在座人员的重要性分散，这是基本的生活情形。

被动型：你到超市购物排队，为了提高效率，超市决定将购物多的顾客和购物少的顾客分开进行收银处理，也是一种常见的排序处理。

在讨论这个问题之前，先来了解一下flash传值问题。
   在论坛经常看到这样的提问，下面的效果是如何实现的，如下：
http://2008.ab12.cn:2008/arthur/21312/lover-6.swf?aa=欢迎参观我的空间！
即在网址上输入文本，在flash中就能够显示出来。
其实原理很简单。这用到的就是静态传值的知识。
1.先看看flash静态传值的简单实现，
    首先新建一个名为myflash的flash文件

可能很多人都要问，网站的文字还需要设计吗？
对于很多的网站来说，字在整个网站的内容中占了80%以上甚至更多，或者换个角度上说，网站可以没有颜色，没有图片，但唯独不能没有文字。
一个产品团队，有一个角色叫做Content Design，ucdchina有过一期话题叫做注意界面上的文字，非常精彩，我在写本文之前，再次通读一遍，一方面是学习，另一方面，是避免写重复的内容。如果你按照里面的观点对照你的网站，相信一定会有所帮助的。
那期话题只有潇潇重点说的是文字的视觉方面，那篇文章非常精彩，也是该期话题的“浏览冠军”，本文是延续性的一些想法。

先看看网站以外的中文字体设计，英文的正文字体有很多可以选择，但中文的正文字，总的来说就两种：宋体和黑体。在传统的版式设计中，设计师们都喜欢做英文的排版，为什么？从视觉上来看，英文的组合很容易形成线和面的关系，而且字母有节奏感，比如aby这三个字母放一起有高矮区别。中文字相对来说，单调、孤立、不流畅。

回到网站中文字的设计，设计师基本上不用考虑在字体上做选择，只有宋体。前文说：单个字成点，一行字成线，一段字成面。这是版式设计最基本的原理，我们需要做的就是强化这样的感觉。拿微软雅黑和宋体来举例子，本人非常喜欢微软雅黑的设计。

作为设计师的你有没有了解一下的知识呢？

﹝一﹞大小的对比

大小关系为造形要素中最受重视的一项，几乎可以决定意象与调和的关系。大小差别少，给人的感觉较沈着温和，大小的差别大，给人的感觉较鲜明，而且具有强力感。

﹝二﹞明暗的对比

阴与阳、正与反、昼与夜等等，如此类的对比语句，可使人感觉到日常生活中的明暗关系。初诞生的婴儿，最初在视觉上只能分出明暗，而牛、狗等动物虽能简单识别黑白，可是，对彩度或色相却无法轻易识别，由此可知，明暗﹝黑和白﹞乃是色感中最基本的要素。

﹝三﹞粗细的对比

字体愈粗，愈富有男性的气概。若代表时髦与女性，则通常以细字表现。细字如果份量增多，粗字就应该减少，这样的搭配看起来比较明快。

     网页设计是一种综合的理念思想设计，他集合了很多方面的知识，admincss.com感觉既然是设计出来给人看的，必然给人的第一印象是色彩给眼睛的冲击，色彩的搭配很重要的，在网页设计中起着重要作用，下面就来介绍下有关色彩搭配的知识^_^

一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。

   现在所谓的做网站已经不是像以前那种用网页制作软件制作几个html文件，然后互相串联一下就可以了。随着互联网技术的发展和推动，cms的时代的来临给我们带来了极大的冲击，（何为cms：CMS是Content Management System的缩写，意为“内容管理系统”。CMS具有许多基于模板的优秀设计，可以加快网站开发的速度和减少开发的成本。CMS的功能并不只限于文本处理，它也可以处理图片、Flash动画、声像流、图像甚至电子邮件档案。CMS其实是一个很广泛的称呼，从一般的博客程序，新闻发布程序，到综合性的网站管理程序都可以被称为内容管理系统。）
从上诉可以简单的看出cms给我们站长打来了极大的方便，再也不用劳命伤财的制作网页了^_^，现如今cms层出不穷，有好多好多的cms程序，每一款都有他的特点，但随seo时代的到来，对cms提出了很多的问题，从seo角度出发，发现现在的很多cms程序还有很多的不足之处，各大cms开发商也已经意识到这点，都开始向seo开发角度出发了。

好的设计师应具有的几点：

1.修饰的能力
2.始终相信“少”就是多
3.解决复杂问题的能力
4.从一个流派中吸收灵感的能力
5.宏观设计
6.始终以文字为主要内容
7.把握好字体的试用方法和坏境
8.要善于把案例变成法则的能力
9.重新设计

伟大设计师的特点
1.传达视觉感情的能力
2.相信"少"和"多"是相互存在的
3.预防问题的能力
4.可以从各种坏境中启发灵感的能力
5.微观设计的把握
6.把文字看做是用户界面一样，你有没有做呢？
7.使用好的排版方式
8.把许许多多的案例总编程法则
9.重新排列

平面设计 常用尺寸

三折页广告
标准尺寸: (A4)210mm x 285mm

普通宣传册
标准尺寸: (A4)210mm x 285mm

文件封套
标准尺寸:220mm x 305mm

招贴画：
标准尺寸:540mm x 380mm

挂旗
标准尺寸:8开 376mm x 265mm
4开 540mm x 380mm

手提袋：
标准尺寸:400mm x 285mm x 80mm

信纸 便条：
标准尺寸:185mm x 260mm 210mm x 285mm

   本人不是高手,以初学的身份,尝试分享自己的观点.本文原为图文并茂的展示帖,为即将制作完成的flash网站制作教程中节选出来的自己学习的经验,后来由于收集到的图片弄不见了,要全文完成需要一定时间.
原文稿件:http://www.picksun.com/blog/article.asp?id=104

泡了论坛的艺术版块很长一段时间了，发现许多网站做不好，不对头的原因是在配色问题上，对于我来说，配色尤其重要，假如自己的绘图艺术能力不高，要突破的是在颜色和内容的运用上,至少看起来要专业一些，工整一些，务实一些。而我做站的第一步，就是要先确定所要运用的颜色。怎么去确定，做自己的个站我喜欢看心情，用颜色去表达心情，当然，这是在我积累了一定经验的时候的，大胆想象和运用自己所确定的颜色。确定好颜色，再者就是绘制界面，这个我会在下面慢慢讲解，现在先简单分享一下自己学习和积累的过程：

第一是多看

许多人会很自然地去寻找网上有关于网站配色的理论性文章，这些文章层出不穷，理论性确实很强，但它却忽视了一点，就是很多的文章讲述得太术语化，一大堆的什么对比色，相关色，暖系，冷系，配色原则，而又缺乏一些例子，讲述色彩的文章，怎能只有白纸黑字，但当中也有不少的通俗易懂的，像经典论坛上艺术版的小毅版主的文章，推荐大家去看看！里面有网站的剖析，图文并茂，说颜色，并能告诉你怎样去思考。还有我不得不说的是网上流传的许多的配色表，不知道大家看了后有啥感受，应用得怎样，对于我来说确实没多大用处，可能我水平太菜了。我认为，网上的芸芸大师的作品，值得一看的优秀网站，就是一张张“活生生”的配色表，多看优秀作品是会有很大长进的！