作者所用工具 Sketch → inVision → Zeplin
制作設計稿
Sketch
當準備工作就緒,PM和工程師初步溝通的Wireframe也確定后,開始用Sketch制作高保真圖。
(此為創(chuàng)業(yè)公司,大公司可能有所差別)
作者習慣先用安卓尺寸設計,再遷移到蘋果。只需改動X軸的長度即可。
善于使用Style和Symbol,讓修改更新更加方便。
預覽工具
此時作者提到一個用于預覽的工具:SkalaPreview,我不了解,不知道它與Sketch原生的預覽功能有什么差別??梢蕴剿饕幌?。
檔案標注工具
SketchNotebook。用以告訴工程師這張設計稿包括哪些圖,它們的名稱是什么。作者在原文有一些使用說明,可做參考。
細節(jié)標注
Zeplin。同樣的,作者在原文有一些使用說明。最近上鏡率很高的App,務必探索。
同步素材
用 inVision 快速切圖后,將與工程師的桌面App同步Assets。
關于如何快速切圖,請看inVision自己的幫助文檔