sketch新手教程

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
718 0 1 2019-07-17

简单介绍sketch功能使用,附件有常用快捷键

主要针对于刚入门的UI小白的基础操作实用教程,本教程主要讲解基础功能操作使用,三分钟快速带你入门


首先下载好软件Sketch,如果没有的话,在评论留言私发52.2版本。


Sketch

                                        


工具属性

形状 >      直接画出椭圆形、矩形、三角形、多边形、星形等,在实际应用中有些频率不高。




矢量 >      就是钢笔工具,可以画出任意的形状,快捷键 V 

文本 >      就是钢笔工具,可以画出任意的形状,快捷键 T,下图是文本的属性,



画板 >      就是简单面板尺寸,代表着实际出图的尺寸,一般作图都用750x1334px(安卓和ios一般共用一个尺寸),快捷键为“A”

切刀 >      主要用于切icon,1@   1.5@   2@   3@  


现在会了基本工具,就开始导出图层

图层的排序要用字母和数字的排序,Sketch会自动排序,不要把自己的面板弄乱了。

开始,导出图层

不需要你做什么, 在导出之前,你只需要确认好效果图无误、面板排序正确、切图等,Sketch会自动把你的面板形成文件,供给开发实现页面效果。


导出的文件夹包含的内容

把导出的文件给开发,你的工作基本就结束了。本次只是讲解一下如何使用基本额功能属性,在UI设计中,并不是写个文字画个icon做个线条就完事了, 要熟知各端的规范和一些前端的基础知识,方便跟前端沟通。

     

     我会利用空余时间在后面的文章中,详细的介绍项目流程、各部门对接流程、设计流程、效果跟踪流程等,以供大家参考。

Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票