网站设计草图的绘制技巧！ - 北京传诚信

网站设计草图分层作业技巧

初期，使用浅灰色的马克笔(大约20%到30%的灰度)勾画轮廓和布局结构；在进入界面元素的细节部分之后，逐渐使用颜色更深的马克笔或钢笔。

解释

从浅色开始初步的框架工作，会让事情变的容易些；在这个阶段，犯些错误也无妨，你可以逐步评估和调整想法。把线画的凌乱些也没太大所谓，在接下来的阶段，使用颜色更深的线条逐步完善草图之后，没人会注意到这些早期的浅色轮廓。

网站设计随着灵感落实成为确定的想法，并不断的跃然纸上，我们使用的颜色也可以逐步加深了，必要的时候可以使用钢笔来勾勒细节。通过灰度的差异来体现界面的逻辑，整个草图的层次感会非常鲜明。

网站设计分层的做法还可以帮助我们在初期将注意力放在内容结构与视图继承等方面，不至于一开始就被各种细节问题和想法纠缠。如果你知道眼下的界面中需要一个列表，但不清楚列表项中的具体内容，那么就使用浅色笔随便画些曲线来代替文案；在之后的细节阶段，再回过头来用深色笔添加一些具体的范例内容。

注意

如果你更习惯于使用圆珠笔网站设计起草，并且打算接下来用马克笔做辅助的话，记得将圆珠笔的墨迹晾干先，否则会被马克笔中的酒精成分污浊掉。

经过越来越多的实践，你也许开始变的更有把握，而逐渐忽视浅色底层绘制；最终结果也许不会很坏，但我个人仍然建议保留这一步骤，因为你可以在这个阶段里做很多实验性的摸索，一点点评估和落实头脑中的想法。