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

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

时间:2018-04-28 11:34 [ 大赢家彩票分分彩 ] 来源:网络 已被浏览389

 很多中后台项目的界面设计涉及大量的表格,每份终稿的输出,都要经历反复的调整间距、边距、对齐,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://dyjcpffc.758dc.com/photoshop/106437.html转载请注明原站地址
 1/3    1 2 3 下一页 尾页
猜你喜欢
网友评论
网站地图 大赢家彩票安徽快三 2000彩湖北快3 大赢家彩票分分彩
博体球网娱乐官网 菲律宾申博 申博太阳城娱乐cc 手机线上娱乐平台
长春亚泰足球 og电子娱乐 凤凰彩票直营网 9号彩票网址登入
2000彩江苏11选5 2000彩腾讯分分彩 大赢家彩票香港五分彩 大赢家彩票江苏快3
大赢家彩票山东11选5 大赢家彩票澳洲28 大赢家彩票时时彩 2000彩河南快3
132sun.com XSB538.COM XSB658.COM 45jbs.com 958PT.COM
175SUN.COM 116DC.COM 8NCS.COM 381psb.com 699XTD.COM
298PT.COM 9927w.com S618R.COM 768XTD.COM 838XTD.COM
100xsb.com 222TGP.COM 187ib.com 200xsb.com 16jbs.com