▽
说实话,作为产品经理,我完全不会用Axure,嫌软件操作麻烦,嫌画出的原型没逼格。画原型做交互甚至是出视觉稿,都强烈推荐sketch,操作简单易上手,出图迅速又好看。
网上有很多sketch的破解包,官网还有中文版sketch教程,分分钟可以卸载Axure了。
至于产品的流程图、泳道图、时序图,我一般是用Omnigraffle,如果要用sketch代替,也是妥妥的。
最近开始尝试用sketch画画,下面是用sketch画大白(●—●)的教程,治愈系清新暖萌有木有~
▽
1-画一个圆
左上角,点击Insert→Shape→Oval,画一个圆。设置Fills的颜色为#FFFFFF,Borders的颜色为#5A3817,Thickness初设为12。后期可以根据自己的喜好来调整颜色透明度和圆圈粗细。
▽
2-调整为椭圆形
用钢笔工具将圆形调整为适合大白的椭圆头型。用鼠标左键双击圆圈边框,就会出现一条有三个点的线段,长按拖动就可以调整圆圈形状。
▽
3-设置阴影
在sketch右侧找到Inner Shadows,点击加号,添加圆形的内阴影,颜色为#D0D7DF,其他属性如上图右。其中,x和y代表阴影坐标,x为正,则阴影在圆圈的左侧。反之,则在右侧。
▽
4-画眼睛嘴巴
大白的头部轮廓完成,开始画眼睛嘴巴。还是用圆形工具画一个小圆,颜色和头部轮廓颜色一致,为#5A3817,复制黏贴成另一个眼睛。接下来是嘴巴,画一条直线,使用钢笔工具调整节点使之变成一条弧线。
▽
5-画腮红
大白最萌的腮红,还是画一个圆,用钢笔工具调整为椭圆,设置Borders为不勾选,设置Fills的颜色为#F9C9BE。画完一个腮红,复制黏贴另一个。移动腮红至最合适的位置。
▽
6-勾勒身体线条
将大白的头部轮廓旋转,设置Transform为-51°,为了使之看起来自然,我还使用了左右翻面工具(在Transform的右侧Flip),同时将内阴影Inner Shadows的x值从-15改为15。所以效果是大白头向右倾斜,且面部也向右张望。
大白的身体线条依旧是画一条直线,直线颜色#5A3817,用钢笔工具调整为合适的弧线。最后画两个大圆,重叠之,作为边框。
▽
7-细细美化
大白身体太空旷,所以添加一个小装饰品。还是画个圆形,调整为不规则的椭圆。画一条直线,调整为不规则的曲线。椭圆和曲线颜色为#5A3817,透明度和粗细适当调整。
加完小饰品还是觉得过于空旷,再填充个背景色,色号为#D8F0FC。用裁剪工具Slice裁剪并导出为图片格式保存。
PS:可以在Borders处设置线条头尾更加平滑,注意红线框内,设置前后,线条末端的对比。
▽
暖萌暖萌的大白送给你(●—●)
————————————————
pmwiki,90后产品汪,曾经的北漂一族,现定居上海。坚持原创,欢迎交流~