路野TK
藍湖的標注、切圖功能廣受好評,正確選擇標注尺寸,讓設計師與工程師的溝通和協作事半功倍。本期【藍湖指北】,湖湖將手把手教你如何選擇標注尺寸。

 

Step 1 :將設計圖上傳至藍湖

上傳設計圖至藍湖,單擊設計圖任意地方,即可打開設計圖標注信息面板,查看該設計圖元素大小、描邊、顏色、投影、圓角、字體、字號、邊距等信息。單擊空白處,即可關閉標注面板。

 

?Step 2 :標注時,正確選擇標注單位

點擊標注面板右上方三角圖標,打開標注單位列表,即可根據需要選擇標注單位。

這里的“單位”是指在設計圖尺寸不改變的情況下更換不同的設備顯示設計尺寸。

 

很多人問:為什么我改的單位越大,顯示的數值越???

 

dp 是指從 mdpi 到 xxxhdpi 每單位物理尺寸的像素數越來越大。

也就是說:

mdpi 時 1dp = 1px

xxxhdpi 時 1dp = 4px

mdpi 時 1px = 1dp

xxxhdpi?時?1px = 0.25dp

dp = pt

 

所以屏幕分辨率高了需要的物理尺寸就是 px?換算比就會增大

標注單位:px?常用于網頁pt?應用于?iOS?設備開發時使用的單位dp?應用于?Android?設備開發時使用的單位rem?應用于網頁開發使用的單位

標注一般是按照[email protected] 來做,切圖的話用[email protected][email protected] 都可以。

為了便于大家理解,機智如我湖,為大家總結了選擇標注尺寸的方法,讓你一目了然。

 

Step 3 :下載切圖時,正確選擇標注倍數

標注完成后,點擊切圖圖標,選擇設計圖詳情頁左側工具欄中的“下載切圖?”,就可以一鍵下載本頁面所有的切圖。

根據開發需求,工程師可以選擇多倍數切圖,倍數越高的圖片像素越高,越清晰。

 

Tip:如何同時一鍵下載多張設計圖的全部切圖?

 

在畫布頁面,按住?Shift +?鼠標左鍵選擇多張設計圖,或者,鼠標右鍵拖拽可框選設計圖?;框選后,右鍵菜單,選擇【下載切圖】,即可同時一鍵下載多張設計圖內的全部切圖。

標注尺寸選得好,產研團隊效率高!

選擇標注尺寸,做好以上三步,小小的細節對團隊開發協作的效率影響卻很大,設計和開發都能一步到位。

經過湖湖的分享,希望對大家有所幫助。

 

原文地址:藍湖產品設計協作?(公眾號)

作者:?藍湖產品設計協作

 

轉載請注明:學UI網 » 【藍湖指北】一張圖教你如何選擇標注尺寸

登錄收藏
 
你可能喜歡的:
Sketch 63 Beta版本探秘,看看都有什么新功能Sketch 63 Beta版本探秘,看看都有什么新功能
2020年最值得推薦的10款UI動效設計工具2020年最值得推薦的10款UI動效設計工具
2020年,6款工具為你助力!2020年,6款工具為你助力!
讓你的 Figma 更好用的秘密讓你的 Figma 更好用的秘密
Figma 實踐:以為是個青銅結果是個王者Figma 實踐:以為是個青銅結果是個王者
Sketch 60 Beta版本探秘,看看都有什么新功能Sketch 60 Beta版本探秘,看看都有什么新功能
9款原型設計工具與Sketch的強強組合,輕松構建交互原型!9款原型設計工具與Sketch的強強組合,輕松構建交互原型!
【小工具大用處】10個超實用的設計師專屬Chrome小插件【小工具大用處】10個超實用的設計師專屬Chrome小插件
標注新方式,「自動+手動」標注標注新方式,「自動+手動」標注
這款超好用的在線摳圖網站終于出軟件版了這款超好用的在線摳圖網站終于出軟件版了
?
天津十一选五app 今日福彩3d开机试机号开奖 四川快乐十二前三直选开奖结果 股票价格查询 配资门户 湖北30选5开奖官网 吉林省快三官方网站 天津市体彩十一选五 多乐彩平台 一分彩票app下载 快乐扑克3豹子遗漏