极速飞艇高频彩票开奖
您現在的位置:首頁 > LOGO教程 > 用Paddy讓你的Sketch學會自動排版

用Paddy讓你的Sketch學會自動排版

時間:2018-04-28 11:34 [ ] 來源:網絡 已被瀏覽272

 很多中后臺項目的界面設計涉及大量的表格,每份終稿的輸出,都要經歷反復的調整間距、邊距、對齊,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.kwiie.icu/photoshop/106437.html轉載請注明原站地址
 1/3    1 2 3 下一頁 尾頁
猜你喜歡
網友評論
极速飞艇高频彩票开奖 赛车计划软件精准 胆拖投注体彩大乐透 江苏骰宝预测计划 11选5直选3技巧 爱彩人彩票网购彩大厅 全天北京pk10计划网页版l 网络捕鱼怎么控制玩家 二人扑克牌可以玩什么 pc蛋蛋稳赚模式 体彩排3聪明6码遗漏