网页设计时可以先从纸上开始

My Blog - 设计 | Date:2008-07-13 | View:5645

做网页设计好几年了,一直都是直接在电脑上画，想到哪儿画到哪儿，最后的效果和自己原来的想法可能相差甚远，设计方向不容易把握不说，设计花的时间也长，还容易因为没有事先的考虑而在一些功能模块的放置上陷入困境。最近看到了几个国外著名设计站的设计草稿，我豁然开朗，原来网页设计时可以先从纸上开始。其实很多著名网站的设计工作也都是从在纸上画草图开始的。

画草图有什么好处？文章开头我已经说了几点直接在电脑上设计的弊端，而在纸上画草图能很好的解决这些问题。其实当你在电脑前做设计时，会不自觉的考虑很多与设计本身无关的因素，而与设计本身联系紧密的因素却容易被忽略。笔和纸能让你把心思都放在设计上，整体把握设计思路和方向。等完成草图后再打开电脑，用你习惯的网页设计软件，如photoshop或fireworks等，按照你的设计草图，最终制作出网站原型。

来看一下著名图片分享网站 Flickr 的设计草图：

再看一下webdesignerwall.com的设计过程：

 设计 网页设计 从纸上开始

• 25个出色应用质感背景的网页设计 2009-07-12
• 魔力盒论坛风格及LOGO设计 2008-10-10
• 中国风设计必备：在线书法字典网 2008-08-30
• 30个超棒的CSS网站设计 2008-08-29
• 32个配色大胆的漂亮网站 2008-08-15
• 学摄影也得学好Photoshop：ps高级修图欣赏 2008-07-18
• 旧版玉宇域joomla模板下载 2008-07-15
• 几个网页设计和LOGO作品 2008-07-08
• JS实现站外链接打开方式选择 2008-07-04
• Smashing Magazine风格转换器比赛结果出笼！ 2008-06-26

• 世界之窗皮肤：Colorful Day 2009-09-18
• IE6下PNG透明的简便解决办法 2009-03-07

• JS实现CSS风格选择器 2008-06-19
• 有衬线字体与无衬线字体(serif vs sans serif) 2008-04-25
• 旧版玉宇域回顾 2007-12-27
• 两张图片设计 2007-12-26

	12009-04-15 10:41
	额。。刚才没注意到引用符号.。 访客

Yang

	22009-04-15 10:28
	-0-！Web Designer Wall是站长做的么-0-！ 访客

Yang

	32008-09-28 08:12
	学习了！ 注册会员

yc75

	42008-08-26 21:15
	学习了！ 访客

woou

	52008-07-15 13:54
	我觉得哈，第三个成品，还不够精致...  当然我啥都不会，呵呵。 访客

牧狼羊

	62008-07-15 13:11
	楼主正解，草图的另一个学名叫做低真实度模型。在做网站设计时，必须先做低真实度模型（不上色、不设计样式、只划分页面区域），做完核对完之后再做高真实度的。 访客

wesley

发表评论

评论内容中的链接自动增加rel="nofollow"，搜索引擎不会收录，请不要利用评论来做广告，此类话题将被删除。 rel="nofollow" in use - do not spam, do not advertise! un-related or spam comments will be deleted.
姓名:
评论:
验证码：*