您现在的位置:首页 > LOGO教程 > 用Paddy让你的Sketch学会自动排版

用Paddy让你的Sketch学会自动排版

时间:2018-04-28 11:34 [ ] 来源:网络 已被浏览955

 很多中后台项目的界面设计涉及大量的表格,每份终稿的输出,都要经历反复的调整间距、边距、对齐,Sketch 自带的排版功能已经远远不够用了。所以推荐给大家一个自动排版的插件:Paddy,合理的使用会提升设计师的时薪。

一、阅读准备和核心流程

插件官网:GitHub – Paddy

掌握三个核心功能即可快速上手,笔者在这里以一张简单表格的制作为例子。

第一步:设置边距

uisdc-cj-20180424-1.gif

 

首先我们制作一个上下左右间距为 16px 的单元格。只更改背景图层的名称,在其原有名称后按格式添加参数即可完成边距的自动调整。

快捷键为:Control + Alt + p,边距参数命名规则见下表:

uisdc-cj-20180424-2.jpg

 

有一点点 CSS 基础的同学可以很快掌握。

第二步:设置间距

uisdc-cj-20180424-3.gif

 

我们将错乱的单元格垂直间距调整为0,在原有组名称后面添加参数即可完成垂直或水平方向间距的自动调整。

本文原文地址:http://www.cnlogo8.com/photoshop/106437.html转载请注明原站地址
 1/3    1 2 3 下一页 尾页