网站设计 webdesign
当前位置:首页 > 网站建设专题 > 网站设计
设计网页:从铅笔和纸张开始
发布日期:2010-04-16 阅读次数:967 字体大小:

当被问到关于网站设计等内容时,我们大多数的网页设计师会马上开始谈论调色板,图像格式,用户界面效果,当然,Photoshop和它的滤镜,插件对设计师有着无穷无尽的影响。

怎样去设计?设计的思想和创造力从何而来?如何让漂浮在我们大脑的概念,最终出现在计算机的屏幕上呢?

网络媒介是数字化的,但所有的好想法通常是已经用铅笔和纸张的做法进行了很长一段时间的模拟的。

任何优秀的网页设计师应该是先通过素描进行先期创作,然后再一页页在电脑上做缩略图。

简单地说,没有什么比我们使用铅笔和纸张进行先期创作更容易保全我们的想法的做法

你在使用纸张和铅笔进行先期创作后,使得你的想法最终呈现在Photoshop里变得更加的容易。

为了更加直观的描述出如何从一个最初的想法到一个最终的网站设计提案的过程,我已经扫描的网页设计项目的草图取样。

往下看,从这些松散潦草的草图开始,它们慢慢变得到更加严格,然后开始成型,并且最终使其显示在计算机的屏幕上。

所有这些草图已经完成在我选择的纸张上了。我喜欢带有网格纸张,因为它让我的素描显得很有秩序感。

Web site design using paper and pencil

在这个第一页上你可以看到,我只是粗略的去寻求一些布局的思路。另外,我写下了一些对以后进行详细设计可能需要用到的信息。

Web site design using paper and pencil

我发现了一些我喜欢的视觉元素,我把它们素描在纸张上,并研究如何放入到这个框架里面去,在适当的地方加入进去这些元素。

Web site design using paper and pencil

素描网站可能在Web浏览器的情况下如何使用不同的背景,看看处理一些创意。还写下了一些标注和内容说明。

Web site design using paper and pencil

布局越来越紧张。 这些草图用不同的色调和纹理演示各种风格下的布局。 更多的文字来描述不同的想法和对多种风格的探索。

Web site design using paper and pencil

尝试使用一些非常规的创意去设计这个网站的导航栏。他们没有使用,但它仍然作为一个很好的想法被我画在纸上。这些素描显示了草图为什么如此强大。它们可以让你想出几乎所有的想法,最后,把最好的放到计算机屏幕上。

Web site design using paper and pencil

最后的这个素描呈现了我将要在Photoshop里进行创作的布局。

Web site design using paper and pencil

设计做完了。这是要提交给客户的初稿。回顾草图,你可以看到其中的各种元素是如何加入到了最后的设计的方案里的。

就是这样。实践越多,您在纸上就画得更快更好,你将爱上先素描的设计。

此外,您需要建立一个草图库,可以在以后的设计项目中引用。因为一个没有应用在这个网站设计方案里的好想法,并不意味着它不会出现在其他合适的网站设计方案里。