继续Sexy Web Design的整理，这一篇主要是网页设计步骤概览。我采用了中英文对照，并截取了书中有趣的图片。

Step One: Research

步骤一: 市场调查、用户行为研究等分析。和广告公司中Planning的工作有类似。
调查研究对于任何设计、开发等强调以“用户为中心”、“市场为导向”的工作来说，都是至关重要、起决定性作用的步骤。

Step Two: Structure

步骤二：内容结构的确立
Scribble of the site structure? (Free time: what the site can become)
推荐要做的事：拿出纸笔在纸面上胡乱涂鸦。这是我们最喜欢干的事，圈圈画画各种结构层级图，很酷！

Info architecture

(key message,primary call to action…)
To organize information in a useful and logical manner
在做“结构”时，{dy}点是梳理整个网站的信息，使之有明确的架构：有主梁、有承重墙、有进出的门……用一种逻辑性的、易用性的方式去组织庞大的信息，使之结构化。
信息的架构其实是应该有专人来做，但是现阶段大部分的设计师都或多或少承担了其中的工作。

Wireframing(blueprint)

第二点就是进入线框图的绘制阶段，还是先进行纸上的草图勾画，用具体的页面来呈现内容架构。草图之后再动用一些画线框图的软件来进行更为清晰的定稿。

Tone, Atmosphere（goal of the visual style: to evoke a feeling in the end user to tie in with ?the site）

第三点就是往黑白的框架上添点颜色和血肉了。采用某种调性的设计去建立网站与用户的情绪性、情感性连结，营造一种气氛，就像咖啡馆和快餐店的气氛一样迥然不同。

Step Three：Interaction

(scrolling through the [...]

这两天在看《性感的网页设计》(Sexy Web Design)，网上有下载，如果需要资料也可以留个email我发份给你。
会慢慢把书中的精华整理出来，发布在iflonely.com

Role of an interface: to simplify a task

一个网页界面{wy}需要考虑的应该是如何让一个操作交互更简便

Two elements to consider throughout the design phase： Accessibility and Usability

在整个网页设计的过程中都需要考虑的两个要素：可用性和易用性（比如最近老爸老妈最近用百度的老年搜索用的很开心）

Goal: Usability Nirvana （居然用了一个古印度的词，很有意思）

网页设计的至高境界是“易用性的涅槃”

To do before designing: to analyze the processes of interaction

在做设计前要做什么呢？完整的把交互操作的过程玩一遍

Substance should never [...]

国外媒体评出的2009年30个最漂亮的网页创新设计案列，值得大家借鉴：
更多的评价和图片请进入我的Flickr相册：http://www.flickr.com/photos/44649964@N08/sets/72157623010260783/
1、Colourpixel

这是首页的截图，点击每一张图，都能弹出一个更精致的界面，设计感非常强，很多东南亚的残障儿童的照片很动人，精美的网站平台有助于这个爱心主题更多的传播！
2、Matt Dempsey
一个个人的小博客，展示自己的设计作品
3、Fall for Tennessee
美国田纳西州的官方旅游网站，图片没的说，设计感超强！

4、FontShop
一个下载字体的网站都酷劲十足

5、DrupalCon
Drupal会议的官网，汇聚了大会的视频资料等

6、Sourcebits TangledDecals
很多flash
7、Matt Mullenweg
有一个个人blog，头图首屏的冲击力非常强！
8、CakePHP
小图标的设计很祥和、软软的舒服的感觉
9、VCU Office of Undergraduate Admissions
一个大学的网站做的都那么年轻、有亲切感！
10、Miki Mottes
某个动画大牛的个人网站！

11、ZenSender
12、Boompa
13、alisa.mtv.ru
14、Portfolio of Adit Shukla
15、Maria Filó
flash很帅！想象力超丰富，像打游戏一样找各种机关！
16、Cheesetique

17、DivVoted
18、erguvanplatin.com
19、Design Disease
推荐！！！！
20、singularityconcepts.com
21、Macalicious
22、Radu Ceuc?
23、cocorino
推荐！
24、AdaptD.com
25、Soundsplash 08 Eco Reggae Festival
强烈推荐
26、Silverback

27、Sitesquared
推荐！！！
28、Dulles Dodgeball
29、Emeril’s Holiday to Go
30、The English Riviera Comedy Film Festival
推荐！