以前写的旧文，看着用词怪怪的，当存档来看吧。
四个部分：A.视觉设计、B.可用性设计、C.交互设计、D.操作方式。
这四个主题单独成文的话，都是一大本书才能说明的。
这里我做一个总纲，作为行动指南。
A.视觉设计：排版/色调
1>.排版：
按组织形式来分只有两种：网格设计和非网格设计。
1.1 grid design
grid design参考文档：
趋势：
1.2注意呼吸空间，看这篇Quiet Structure！
2>.色调：
假如把网站看作一个人，那么色调反应的是这个人的性格。
案例说明：
CNN的红白
白是一种平和的态度，红色是带点激烈的元素。
这两种情调都可以反映出新闻及新闻行业本身的特征。
“平和”易于联想到平和报道事实；“激烈”代表新闻二字的多变的特征。
可以为新闻这个字眼使用类似这样的形容词：严肃、搞笑、色情、温馨、冲突。
红色能代表这种新闻的变数，红色是动态的、活力的、积极的颜色。
当然，一个网站总体呈现给人的感觉不只有色彩的作用，布局、文字安排、内容分布同时作用。
这里只谈到色彩这部分。
色彩参考文档：
BI论坛think.pages 。
B.可用性设计：主次/习惯
可用性说的是网站的易用程度，网站本身是用来传达信息的，所以一切方法都必须基于信息的有效传达这个前提。
可用性的经典案例：craigslist
原则1：少即是多。
信息是用来传达的，多余的东西会干扰正常信息的表示。这是一个原则，并且是一个理由，给最重要的东西最重要的位置。并且重要的东西同一层次上不应超过3种。
一个网站右上角的注册设计，突出了主次，及简洁的特点。
ifuqi.com的问答设计，把握视觉主次，颜色区分，字号大小区分，一致性，特殊性。
语义化：microformats
C.交互设计：便利
交互设计是随web2.0兴起的一种新观念，传统web页只是信息的传达，web2.0将用户推到了舞台的最前端，所以交互成为未来网站的必要条件。
交互涵盖两个方面：人机交互，人与人之间的交互。
人机偏重于网站可用性。
人与人互动涉及的更复杂，情感，爱好，性别，职业都有可能。
针对交互的工具及技术方向：
1.Ajax。(ajaxian.com)
2.Flex。
3.silver lights(popfly)
D.操作方式：XHTML结构>>CSS基础样式>>CSS+ps图修饰>>Ajax增强交互
1.界面原型设计：
方式目前来看有3类：
a.使用photoshop做初步效果图，然后做psd2xhtml。
b.根据草图，使用xhtml搭建dom结构css做布局，ps处于配合的角色，做图工具。
c.使用其他建模工具：联想在线建模工具，office框图等等。
我趋向于b,这方面有个小资料来说明不用ps做前期的理由：
http://www.37signals.com/svn/posts/1061-why-we-skip-photoshop
对于c，更趋向于需求分析时使用。
总而言之：首先是分析需求-》dom结构+css基础布局-》配色及视觉-》交互
在这个大的流程下还有些小细节，比如跨浏览器bug调试，编写浏览器友好，seo友好的XHTML结构，到配色视觉这类设计方面的知识。
这些属于基本功了。
其它必须关注的：
所有新思维，趋势的入口：
google.com/googleGroup
设计编程综合：
偏重前端：
Ajax:
Tags: web design