网页设计第一步：绘制网站草图

江山如画 • 2020年2月26日下午6:25 • 网页设计 • 阅读 17370

开始制作网页的时候，不少初学者往往不知从何开始，那些设计大师往往是从设计草图开始的……

画啊画啊~就画出自己想要的样子了，然后再从Photoshop或其他软件上开始设计。

125网页设计今天分享设计师画的草图，也可以称作”原型图”，大家可以看看设计师们是怎样画的。

绘制网站草图的意义：

制作网站草图可以在设计时让团队每个人都参与近来，贡献自己的想法，让团队每个成员感觉到产品是由自己亲自参与设计的，加强团队的凝聚力。

而且通过草图，让开发者也不再是闭门造车，他将可以直接面对所有人对产品的推敲，从而发现问题。通过头脑风暴，也可以让产品在开发过程中遇到的问题得到迅速的解决。

下面是一份标准的手机网站设计步骤蓝图

在设计中，对于不同的步骤要用不同的思考方式，有的时候用独立决策，有的地方要用发散思维和头脑风暴。在设计中，团队难免有意见分歧的时候，要接受这种分歧，因为这些意见的分歧往往能碰撞出很多设计的闪光点。

1.设立目标和标准

A.建立任务的优先级。这个直接关系到团队的工作效率，不能把有限的资源浪费在无限的问题上，要抓住重点。
B.定义目标用户。这个绝对是关系到生死的问题，设计必须全方位的符合自己目标用户群的需求。
C.头脑风暴。在建立好初始目标后，还要多即将开始的工作进行一次全员大讨论，这可以发现问题，防范于未燃。

2.开始绘制网站草图

A.随便画一些关于产品的故事

用简笔画用最直接有趣的方式把你关于产品设计的任何想法给画出来，这也可以考察你对产品的认识和定位是否清晰。

这项内容一般人数不要求过多，2-3人可以用30分钟的时间一边讨论一边作图。草图只要和产品相关，内容可以不受任何限制。你可以设想一个故事，比如你是一个用户，突然遇到了一个好的产品，从此抛弃了以前的旧产品。或者是用户在使用你们设计产品时的设备或是情境，遇到了什么故事。这样的草图看似和产品不是密切相关，但是其实这是一种发散思维方式，能让你最大化的设想出自己设计的产品到底是怎么回事。

B.确定网站的实际设计

这项内容由团队领导2-3人完成，时间不用过长。直接画出网站在设备上可能显示的草图，一般会设计出三个版式，以适应不同的移动设备。