设计师|听说UI设计师更喜欢Sketch,是真的吗?( 二 )


图1
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
图2
02 双击上一步制作好的图形,使其进入编辑状态,然后分别按快捷键1、快捷键2、快捷键3和快捷键4激活属性栏中的“直角”命令 、“对称”命令 、“断开连接”命令 、“不对称”命令 ,调整锚点到合适位置,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
03 使用“钢笔”工具 沿着鲸鱼的肚皮内侧绘制一个多边形,然后填充为接近白色的浅粉色(R:255,G:250,B:252),得到图所示的界面效果。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
04 选中上一步绘制好的图形,双击鼠标,使其呈编辑状态,然后分别按快捷键1、快捷键2、快捷键3和快捷键4激活属性栏中的“直角”命令 、“对称”命令 、“断开连接”命令 、“不对称”命令 ,调整锚点到合适位置,如图1所示,得到的界面整体效果如图2所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
图1
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
图2
05 使用“钢笔”工具 绘制几条直线,设置描边“颜色”为浅紫色(R:173,G:129,B:201),“位置”为居中“粗细”为1px,如图所示。
06 双击上一步绘制好的图形,使其呈编辑状态,然后分别按快捷键1、快捷键2、快捷键3和快捷键4激活属性栏中的“直角”命令 、“对称”命令 、“断开连接”命令 、“不对称”命令 ,调整锚点到合适位置,如图1所示,得到的界面整体效果如图2所示。
图1
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
图2
07 使用“矩形”工具 绘制一个长方形,然后填充为浅粉色(R:240,G:219,B:226)至浅一些的浅粉色(R:206,G:190,B:231)的线性渐变效果,设置“不透明度”为66%,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
08 选中长方形和鲸鱼图形,使用“蒙版”工具 将长方形依附于鲸鱼图形,得到的界面整体效果如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
绘制桥头
01 使用“矩形”工具 (快捷键 R)绘制一个矩形,然后从上到下将矩形填充为浅紫色(R:248,G:214,B:247)至浅蓝紫色(R:198,G:187,B:231)的线性渐变效果,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
02 双击矩形,使其呈编辑状态,依次选中顶部的第1个锚点和第2个锚点,将其向中间进行等距离移动,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
03 再次使用“矩形”工具 绘制一个矩形,然后从上到下将矩形填充为浅紫色(R:147,G:129,B:188)至浅一点儿的浅紫色(R:176,G:160,B:227)的线性渐变效果,如图1所示,得到的界面整体效果如图2所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
图1
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
图2
04 将制作好的矩形复制3个,然后连同原来的矩形一起选中,按快捷键Command+G将其进行打组,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
05 选中上一步创建好的图层组,然后复制一个并命名图层组为“桥梁02”,选中“桥梁02”图层组,单击“水平翻转”工具 ,将该图层组进行水平翻转处理,并调整到合适位置,得到图所示的界面效果。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
绘制小女孩
01 使用“钢笔”工具绘制一个四边形,填充为浅紫色(R:173,G:129,B:201),如图所示。
02 双击上一步绘制的四边形,使其呈编辑状态,然后分别按快捷键1、快捷键2、快捷键3和快捷键4激活属性栏中的“直角”命令 、“对称”命令 、“断开连接”命令 、“不对称”命令 ,调整锚点到合适位置,得到的界面整体效果如图所示。
03 使用“钢笔”工具 绘制一个不规则图形,填充为白色(R:255,G:255,B:255),如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
04 双击上一步绘制好的图形,使其呈编辑状态,然后分别按快捷键1、快捷键2、快捷键3和快捷键4激活属性栏中的“直角”命令 、“对称”命令 、“断开连接”命令 、“不对称”命令 ,调整锚点到合适位置,得到的界面整体效果如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?


推荐阅读