sketch设计学习(一)
Contents
sketch
学习计划:
1、看完官方文档(两天)
2、找demo
自己模仿进行设计(五天)
3、自己设计一个app
的UI,再自己开发实现最终的成品
以下是学习过程中遇到的几个图标的制作,记录一下
首先,在网上查资料时,突然搜到一个画可爱的企鹅的教程,先来看下图片提提神(先说好了,这企鹅不是我画的):
我要打死小编,以及这可!爱!的企鹅!!
一、wifi图标
1 | 前言: |
1、建一个1280 x 1024
的Artboard
3、画第一个环
方法:先画一个实心圆(直径为
176
,即上个圆直径+32
),再画另一个稍大的实心圆(直径为208
,即上个圆直径+32
),然后对这两个圆做Difference
运算
4、照第2的方法,再画3个环(其中每个圆的直径都在上一个基础上+32
)
5、画一个正方形
边长要超过最大的环的半径,填充为白色,边框不上色
6、选中所有图形,执行Intersect
运算(最终效果见右边)
二、setting图标
1、建一个1024 x 1024
的Artboard
3、选中正多角形,按enter
键进入编辑模式,cmd+a
全选所有锚点,在右边更改锚点类型为Mirrored
,这时图形的转角处会有弧度出现
6、再上一步结果内部画一个稍小的圆(不填充颜色),并执行Difference
运算,得到最终结果
三、心形图标
1、建一个1024 x 1024
的Artboard