打開某乎ui切圖英文命名規范,搜索「切圖」ui切圖英文命名規范,能得到海量關于「切圖」的干貨教程、問題回答等內容。
應聘 UI 設計師時,“會不會「切圖」”也是一個高頻出現的面試問題。
對「切圖」的深入理解與靈活運用,是 UI 設計師的必備技能。
那么什么才是真正的「切圖」呢?
設計師在交付設計稿的時候,往往需要根據網頁端、移動端不同的界面開發需求,單獨制作各個參數的切圖,并標注好尺寸和間距,再交付給開發完成 html+css 布局的靜態頁面。
「切圖」通俗意義上就是指將一個設計稿切成便于制作成頁面的一張張圖片。
合適、精準的切圖可以最大限度的還原設計圖,起到事半功倍的效果。今天這篇攻略教會你,iOS 和 常用的切圖規則及命名規范,幫你輕松搞定 UI 設計切圖。
iOS 切圖尺寸規則
設計圖:1242 x 2208
三倍圖:按 1242 x 2208 來切
二倍圖:按 750 x1334 來切
一倍圖:在二倍圖的基礎上壓縮成 50%
iOS 啟動圖:圖標按照最大 1024 x 1024 來設計,之后按照比例縮小到每個尺寸。提交沒有高光和陰影的直角方形圖即可。
切圖尺寸規則
切圖命名規則
規范的切圖命名會讓開發更容易找到其所需要的文件,讓設計師與開發之間的交付流程更順暢,可以說,規范的切圖命名是一個設計師的基本修養。一般來說切圖命名可以遵循以下規則:
切圖
提供了多種設備預設,在切圖時能大大節省你的時間,讓交付更輕松。
「切圖」功能支持預設切圖參數,支持 、iOS、 設備的尺寸、倍率、前后綴、格式等不同類型的切圖導出。
設計師無需單獨制作不同參數類型的切圖,在 上,一圖滿足多設備、多尺寸使用需求,實現高效交付。
iOS 預設
預設
預設
以上就是 對 UI 設計切圖提供的解決方案和規范解讀,希望對正在路上的設計師有所幫助。歡迎來 嘗試體驗!
by