Sketch-电商购物车设计app实操课

1.【购物车】使用功能如下图，【收藏】功能是不能直接支付的。

2.产品【原型图】的功能点和页面展现如下。

3.打开【Sketch】软件，打开产品原型图素材，新建【iPhone8】尺寸的画布，在【Insert】-【iOS UI Design】-【Bars】-【Navigation】-【Navigation Bar】，将其放置在顶端、居中。

4.将【Title】改为“购物车”，【Edit】改为“编辑”，【删除】Parent Title。

5.双击进入【Symbols】，将“编辑”左移，【Alt】向右移动复制一个，将其转换成【Icon】，【删除】左侧编辑上的icon，回到Page中，将右侧的三角icon换成消息icon。

6.【消息icon】制作：新建【24*24】像素的互补，绘制【矩形】，关闭【填充】，同样绘制【三角形】，【选中】矩形和三角形，点击【联集】，再绘制【正圆】，关闭【描边】，【Alt】向右移动复制三个。

7.将“编辑”改为【Seach Bar】-【Input】样式，【调整】画布背景颜色。