sketch切版教學

2014年11月6日 — 對設計師來講，切圖指的是「把圖從Mockup 裡以可被RD 運用的方式切出來」。 但對前端來說，切版指的是「對設計圖做版面劃分和規劃的行為」。比如import、 ...

嗯，不是那個畫3D 模型的Google SketchUp，在Google 搜尋常會誤搜到SketchUp 的教學，哈哈。 ... 接下來，來設定要切出的圖檔，這也是個Sketch 方便的地方。 選定要輸出成 ...

過去我們在使用Sketch時，都要先跟前端工程師溝通要怎麼切圖給他們，然後再用Slice進行切版或是先把圖片輸出設定好，才會進行Export到Zeplin，不然就會出現前端工程師說 ...

2019年2月5日 — 整理基礎知識與實作步驟。 （文章同步刊登於部落格，閱讀體驗更好）. 文末的Slice切圖範例. 前篇分享了Sketch Symbols的心得，這篇寫寫Sketch和Zeplin ...

2023年2月5日 — 整理基礎知識與實作步驟，上圖為文末的切圖範例動畫。 這篇寫寫Sketch和Zeplin的協作流程。 適合聽過Zeplin這個軟體，但具體如何使用、和我一樣覺得 ...

2022年1月27日 — RWD切版秘笈：透過這些方法，改善Sketch ... 如此一來，設計稿的問題就不再影響切版了，輕鬆自在地，更快速完成RWD網頁切版！ 歡迎收看以上教學影片，並提出 ...

2018年12月20日 — Artboard：要啟動一專案，必須的功能，畫布上的畫布（後續會再說明）; Slice：切圖工具; Hotspot：prototype設定工具，可以設定link範圍，不限於元件 ...