用Paddy让你的Sketch学会自动排版
很多中后台项目的界面设计涉及大量的表格,每份终稿的输出,都要经历反复的调整间距、边距、对齐,Sketch 自带的排版功能已经远远不够用了。所以推荐给大家一个自动排版的插件:Paddy,合理的使用会提升设计师的时薪。
一、阅读准备和核心流程
插件官网:GitHub – Paddy
掌握三个核心功能即可快速上手,笔者在这里以一张简单表格的制作为例子。
第一步:设置边距
首先我们制作一个上下左右间距为 16px 的单元格。只更改背景图层的名称,在其原有名称后按格式添加参数即可完成边距的自动调整。
快捷键为:Control + Alt + p,边距参数命名规则见下表:
有一点点 CSS 基础的同学可以很快掌握。
第二步:设置间距
我们将错乱的单元格垂直间距调整为0,在原有组名称后面添加参数即可完成垂直或水平方向间距的自动调整。
相关文章
热门排行
-
立体字母(m)LOGO设计2017年10月16日11202
-
经典小LOGO动态制作教程2014年08月27日9196
-
C字母形logo教程2017年06月22日6462
-
立体渐变logo作品2018年08月17日6145
-
教你如何设计一个黄金比例图形logo标志2018年12月23日5795
-
Logo设计的40个心得!新手怎么学习logo2017年02月21日5361