[转]网页设计时可以先从纸上开始
[本文转载自玉宇域yutheme.cn]
做网页设计好几年了,一直都是直接在电脑上画，想到哪儿画到哪儿，最后的效果和自己原来的想法可能相差甚远，设计方向不容易把握不说，设计花的时间也长，还容易因为没有事先的考虑而在一些功能模块的放置上陷入困境。最近看到了几个国外著名设计站的设计草稿，我豁然开朗，原来网页设计时可以先从纸上开始。其实很多著名网站的设计工作也都是从在纸上画草图开始的。
画草图有什么好处？文章开头我已经说了几点直接在电脑上设计的弊端，而在纸上画草图能很好的解决这些问题。其实当你在电脑前做设计时，会不自觉的考虑很多与设计本身无关的因素，而与设计本身联系紧密的因素却容易被忽略。笔和纸能让你把心思都放在设计上，整体把握设计思路和方向。等完成草图后再打开电脑，用你习惯的网页设计软件，如photoshop或fireworks等，按照你的设计草图，最终制作出网站原型。
来看一下著名图片分享网站 Flickr 的设计草图：
关于网页尺寸
因为公司里让两个原本做平面设计的同事一起参与做网页设计，所以今天又问我“常规的网站是多大”。
我想这个问题最好和他们解释清楚，上网搜索了下，竟然到处都还说的是800×600和1024×768的情况，
所以索性自己列了一下，顺便放这里，希望对有同类问题的人也可以有帮助……
= = = = = = =
网页制作一般考虑适应不同的分辨率，因为超出分辨率以外的东西就需要拉滚动条才可以看到。
普通网页一般不建议出现横向滚动条，就是说，页面宽度不超过分辨率，
特殊网页有可能不出现竖向滚动条，而采用横向滚动条，那就需要限制高度，而不限制宽度。
目前已有的常规分辨率（下列单位均为像素px）：
1、800×600（现在基本已被淘汰，可忽略不计）
2、1024×768（仍然为普通用户广泛应用，包括普通家庭以及电脑不常更新换代的传统行业）
3、1280×1024（两三年前开始的较为主流的配置，多见于17寸非宽屏纯平液晶）
3、1440×900（19寸宽屏显示器，大约去年和前年配的电脑比较多）
4、1680×1050（20寸宽屏显示器，基目前多见于设计行业或IT行业）
针对上述各种分辨率，考虑设计采用的模式，减去滚动条占用的20px。
若横向不出现滚动条，则上述数字中宽度减去20px即可。
【注意】如果采用横向滚动条模式，即不出现竖向滚动条，则需考虑浏览器本身的高度限制，浏览器上方的菜单、地址栏、标签栏、还有下方的状态栏都占用一定高度，而且个人习惯或浏览器不同，高度限制也不尽相同，所以一般不提倡用此种方式。
就个人经验和习惯，推荐用1000×625作为主要内容设计区域，周边区域可作为背景或不影响重要信息的修饰。