澳门新葡亰官网Sketch插件

澳门新葡亰官网Sketch插件

Zeplin ——
一放缓共设计师、前端开发工程师、iOS、Android的工具,省去设计师很多切图、标注的光阴,让设计师更注意设计自己,节约了许多精力。在介绍效用此前先报告我们怎么设置。

设置形式

1.
官网下载最新的Zeplin.app安装包并安装

2.
下载安装Zeplin的Zeplin.sketchplugin插件

此刻于sketch的plugins菜单上虽会看Zeplin一栏,表达已经安装收尾。当然要以就此事先必须先夺官网注册邮箱账号,并以软件达到登录

同时设置软件包跟插件

职能介绍

回忆使管sketch里面的画板导入zeplin在此以前,我们得以zeplin里面建立一个档次,sketch的画板就净导入此项目,最近用之免费账户好像只有允许用户建一个团结之品类,但可以而且参预其余食指树立之类型。下边的Gif图,建立了一个”zeplin
introduce”的项目:

Zeplin – creat project

1. 立切片导入Zeplin

每当sketch中有星星点点种模式创建切片导入zeplin

方法一:

被图层对象建立symbol,在相应页面里清一色选symbol画板,然后点击在右下比赛点击“Make
exportable”
,不用管切片规则,看见左侧图层上有切片图标就可了。

方法二:

于本来图层上平素写有片,一定要小心切片的命名,因为支付在zeplin下载的图像文件名都是片名称。

不过这种办法有个弊端,在潜移默化背景观图层上切图时,开发大困难中切片而是直接观察了逐月变色值,以为没有切片,指出发谱下先使用方法同样

建切片后,在sketch的plugins菜单中找到“zeplin”-“export selected
artboards”
,或者按神速键command+control+E弹出导入画板提示,采纳刚刚自己建的“zeplin
introduce”
后点击“inport”

欲注意的是,在甄选导入画板的对话框中,左下比赛有同等码“Replace screens
with the same
name”
,如若勾选此起,文件称相同之画板在zeplin中会面吃轮换掉。

Import面板

2. Zeplin页面信息介绍

把同布置登录页面导入zeplin后我们会看到页面左边有4有的连锁信息,基本音讯-颜色-切片-备注信息。

页面信息

·基本新闻

Description – 点击“No description
yet.”可以增长描述音讯,完成点击“Done”按钮。

Last updated – 如今一个更新时间

Tags –
点击“Manage”可以于页面建立多独标签,作为免费用户大家常见用竹签来被每一次的迭代分类

Links – 其他用户通过你分享的链接能看到该页面

File – 能顾而的sketch源文件存放于地头的岗位,点击可以打开sketch文件

主干信息

·颜色

赏心悦目来页面中冒出的装有颜色,鼠标滑动到相应色彩及冒出略微水珠图标,提醒能够管欠颜色添加至样式库。

此外zeplin菜单栏中点击“Project”“Color
Representation”
可按照开发要求切换颜色形式是RGBA依旧HEX。

颜色

·切片

片桩里可以看来该页面所有片,开发在斯页面可以五遍性下载所有切图的PDF和PNG格式,分外有利于。

切片

·备注音信

当页面中按停command键+点碰碰鼠标左键能建立备注信息,如下图①香艳标签,左侧面板突显具体内容。

单击标签,可以对标签举办颜色改变、设为就解决、编辑、删除等。

备注信息

·其他力量

左手漏斗图标:点击可以展开左边该页面的史更新音讯,目前免费账户只可以查相近日同等软的翻新。

加减号:放大裁减页面百分比。

弹来图标:可以将该页面单独弹有展现。

动手下比赛加号图标:添加备注消息。

Notes图标:突显/隐藏备注音信。

另外力量

使Tags来保管页面

右键点击页面弹有菜谱,选用“Add
Tag”
好增长标签,在已经添加Tag的页面右键单击弹出底会师是“Manage
Tags”
,一个页面可以增长多单Tag,点击Tag栏来罗当前签的页面,如下Gif图:

add tag

另外,大家还足以将Tag转化成区域标题来做内容筛选,当Tag转化成区域标题未来该Tag就熄灭了,当前页面的见模式为改成了列表显示格局。

① V1.0对应login,V2.0对应play

② 右键点击Tag弹来菜谱采用”Convert to Section”

③ Tag转化成为了区域标题,左边三角箭头可以拓展/隐藏页面

· Section相关操作

点击左侧还多图标弹出菜谱

Edit Description – 以区域标题下方添加描述消息,e.g. 这里是音乐广播界面

Rename Section – 重命名区域标题,e.g. V 2.0

Move Section Down –
把欠区域内容倒及下方区域(这里出还方便的拖动形式,鼠标点击标题前方的图标即可成功拖动)

Delete Section – 删除该区域

Move Screen to Project –
当你爆发多独品种的时节(高级会员),可以拿欠区域内容倒及其他系列,至于免费用户,自然会弹出框告诉你抢到钱升级会员^_澳门新葡亰官网,^

 Section相关操作

拖动区域排序

最后…

更享受一个便民小操作,再开页面适配的平时大家有时候用精通一个动态百分比而无固定值,zeplin页面内,按停option键就好即时看到pt和%转换

pt和%转换


以上Zeplin版本Version 1.22.2 (316)

Sketch Version 47.1 (45422)

admin

网站地图xml地图