认识达内从这里开始

随着互联网的不断发展，越来越多的人都在学习UI设计等相关技术知识，而今天我们就一起来了解一下，草图对于UI设计师的意义以及创作草图的步骤都有哪些。

1、分层作业

技巧

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

解释

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

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

注意

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

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

2、放松肢体

技巧

在画长线条的时候，试着让自己的手与胳膊跟随着肩膀移动，而不是通过腕子或手肘来用力;只有当你需要快速的画短线条，或是处理一些局部细节的时候，手肘的驱动才更加有效。

解释

肩膀的旋转驱动，可以帮助你画出更长更直的线条。如果只借助手腕的力量，你会发现画出的直线通常是弯的...另外，还可以在画长线之前，先在起点和终点的位置各做一个标记，以增强目标感。

3、绘制多边形

技巧

对于那些由长线条组成的、用来表示页面或设备轮廓的矩形和其他多边形，可以通过旋转纸面的方法依次画出边框线，而自己的姿势与落笔的角度可以保持不变。

解释

要在每个方向上都画出很漂亮的直线，确实不是容易的事情。只会画横线不会画竖线?把纸面旋转90度好了——这样无论什么角度的直线，对我们来说其实都是一个方向的，我们自己习惯的姿势和落笔的角度就可以保持不变了;简单又实用。

注意

如果你正在使用白板，这种技巧显然不适用;还是多练习竖线的画法吧。

4、对交互方式的体现

技巧

以普通草图为基础，将便签贴纸附着在图纸的相关位置上，用来表示那些具有交互性质的界面元素，比如提示气泡、弹出层、模态窗口(modalwindows)等。

我们可以在一张草图上使用便签贴纸同时定义多个交互元素，然后按照具体的交互规则，取下一些，再对包含剩余交互元素的草图进行扫描和复印，终就可以得到一套完整的交互示意草图。

使用不同颜色的贴纸来表示不同类型的交互元素。

一张贴纸的尺寸难以完整的表示模态窗口?在旁边拼一张好了。

一张贴纸的尺寸对于提示气泡来说太大了?裁掉一部分也无妨。

解释

这种方法可以帮助我们在不修改草图框架的情况下快速的定义页面元素的交互方式。便签贴纸的位置可以很方便的被调整，我们还可以在上面勾画该界面元素中的细节内容。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。