【手绘分享】看牛人教你如何画出手机APP软件

1、白纸

大家可以去 UI Stencils—iPhone Sketch Pad 找免费的样板 PDF 下载

2、打草稿

直接拿浅色油性色铅笔画出主要区块。

根据 为什么要画3次 Wireframe? 介绍的个人习惯，动用麦克笔的 Wireframe 在手绘稿中算是第 2次了，会有张辽草的乱撇铅笔稿当范本，所以拿色铅笔直接画也不太会出错。

3、上底色

拿出最浅的 1 号灰阶麦克笔上底色。除非胸有成竹，不然要从 1 号灰阶起手。颜色浅可以多迭几次，下手太重没救。

4、描边

用粗黑笔描轮廓线，画面就会有模有样的。色铅笔画错也没关系，黑笔边一描下去就很不明显了。

一般，UI设计师会等架构都确定了才会想 icon 的设计，通常就是一个圈圈代替。万一 Wireframe 一直重画，光刻 icon 就饱了。

5、写字

请用比 0.5 细的黑笔来写字和补细节。我手账本用 Uni Style FIT 写 ╮(╯_╰)╭ ，随手抓也就是这牌子的黑色，0.38 或 0.28都可以。

6、上重点色

几个比较重要的颜色要加强，用深一点的灰色也行，但视觉会没有重心，用亮一点的色彩加强比较讨喜。

7、外框

外框最后再来画，避免万一要加什么麦克笔色就糊掉了。不画也没关系，但加这一圈框在视觉上比较有精神，焦点会集中在框内。