Designer Tools手機版

Designer Tools漢化版是一款專為ui設（shè）計師打造的調色（sè）設計軟件，該（gāi）軟件使用（yòng）方麵（miàn），功能強大，需（xū）要的（de）朋友趕緊來（lái）綠色（sè）資源網下載（zǎi）吧

Designer Tools漢化版說（shuō）明

通（tōng）過網格獲取設計數據

一（yī）個成（chéng）熟的設（shè）計規（guī）範，一定離不開精確的（de）經過多次調試的（de）數據。無論是為自己的（de）界麵組件（jiàn）測（cè）量大小，還是獲取自己喜歡（huān）的 APP 界麵的各種設計數據，在此（cǐ）基礎上輕鬆（sōng）建立（lì）屬於自己的美觀又（yòu）實（shí）用的（de）界麵，網格都是一個事（shì）捷功倍的利器。

Designer Tools 就提供了（le）一個（gè）可定製程度非常高的可以覆蓋屏幕的網格工具，默（mò）認每個網格是 8dp X 8dp 大小（這是 Google Material Design 的最小單（dān）位，你可以看到所有基於（yú） Material Desig 的 APP 所有組件的（de）邊緣一定是和（hé）網格邊緣（yuán）對齊的（de）），還（hái）可以自定義網格顏（yán）色（sè）和大小（不一（yī）定（dìng）是正方形，也可（kě）以（yǐ）是非正方形）。

除了基礎功能，Designer Tools 還（hái）能在屏幕（mù）上覆蓋 keyline，也就是下圖裏麵紫色的部分（fèn）。Keyline 的位（wèi）置剛剛好是（shì） Material Design 建議的最（zuì）佳左右邊距，中間的一條則是我們經常看到（dào）的帶圖標（biāo）的（de）列表中圖標與文字之間的（de）最佳（jiā）距離。隻需要把（bǎ）我們自己設計好的界麵用下麵介（jiè）紹功能放上去（qù）一眼就能（néng）看出界麵設計得標不標（biāo）準，省（shěng）時省力（lì）又（yòu）省（shěng）心。

通過圖（tú）層保證（zhèng）精確設（shè）計

有時候程序猿做（zuò）出一版（bǎn）界（jiè）麵，設計（jì）師左看右看（kàn）都覺得和設計圖有些不一樣（yàng）但是有說不（bú）上來；又或（huò）者希望程序（xù）員能像臨（lín）摹一樣在實（shí）機上來實現設計（jì）稿而不是對著設計圖在電腦上做界（jiè）麵，Designer Tools 的界（jiè）麵覆蓋功能（néng）就派上（shàng）用場（chǎng）啦（lā）。

調整好透明度之後現在界（jiè）麵與設計界麵（miàn）的差（chà）異一目了然（rán），同時開啟網格和 Keyline 更能輕鬆知道偏差了多少（shǎo） dp （相信我，

程序員會非（fēi）常高興，再（zài）也不用（yòng）每次偏（piān）移 1dp 地去試（shì）），還支持橫（héng）豎屏顯示不同的設計圖（tú），這個工（gōng）作效率刷刷（shuā）的（de）就上去（qù）了。

其他棒（bàng）棒的功能

作為設計工具，取色器當然不能（néng）少。Designer Tools 的取色器隻需要拖動就可以輕鬆獲取（qǔ）屏幕上（shàng）任（rèn）意位置和顏色（sè），與其（qí）他（tā）取色 APP 不（bú）同（tóng）的是采用屏（píng）幕捕捉的 API，優點是不用載入特定圖（tú）片或者保持在當前（qián）界（jiè）麵，隻要不關閉取色工具（jù），它（tā）就可以（yǐ）一直獲取屏幕上的顏色。

Designer Tools 還附加了一個（gè）非常有意思的截屏信息功能，當（dāng）手機截圖（tú）的時候，它會將手機型號、係統（tǒng）、DPI 與分辨率等（děng）信息自（zì）動附在截圖上，程序（xù）員做界（jiè）麵兼容性測試反饋給設計師的時（shí）候再也不用雞同鴨講（jiǎng）啦。

不僅如此，Designer Tools 還（hái）支持通過（guò） 7.0+ 的自定義磁貼和（hé） 7.1+ 的 APP shortcut 直接打開任一功能，開（kāi）發者真是為了提（tí）升（shēng）效率（lǜ）「不擇手段」，如此良心的設計工具絕（jué）對是每一（yī）個（gè）設計師和（hé）程序員的口袋必備。