sketch新手教程

用户头像
深圳/UI设计师/7年前/1302浏览
sketch新手教程

简单介绍sketch功能使用

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


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

                                       

工具属性


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


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


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



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

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


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

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

开始,导出图层

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


导出的文件夹包含的内容

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

     

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


以上均是个人分享,帮助一些刚刚踏入设计行业的小伙伴们。

写的第一篇文章分享,没有过多的修饰文章,见怪~


19
举报
|
17
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】积分icon
Security Camera UI kit
智能家居中心 简约 UI设计组件库
【新年UI图标】珠宝icon
高级表盘系列UI源文件
盲盒APP UI设计
UI界面 组件
3D渐变流体抽象矢量UI背景图
【新年UI图标】影音icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
户外旅行飞机情侣假日出行
手表表盘UI系列
新拟态风格 UI设计组件库
我的钱包-UI界面设计-app
高级感金属拟物 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
钱包ui模板
【新年UI图标】体育icon
UI 登录界面设计模板包
UI通用设计素材1
科技医疗透明柜UI界面设计
【新年UI图标】旅行icon
你可能喜欢
大家都在看
登录注册