深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC三手機UI的圖標設(shè)計UI設(shè)計/主講：高博

Android系統(tǒng)圖標設(shè)計規(guī)則1Android系統(tǒng)圖標設(shè)計規(guī)則1（一)啟動圖標

啟動圖標是一個圖形，代表了設(shè)備主頁和啟動器窗口中的應(yīng)用，在界面中代表APP的視覺表現(xiàn)，確保在任意壁紙上都清晰可見。

用戶在點擊主頁底部的圖標中打開啟動器，顯示所有已經(jīng)安裝應(yīng)用的圖標，它們被以格狀排列。用戶選擇一個應(yīng)用，也可以把一個圖標從啟動器窗口中拖出來，放在主頁上，方便訪問應(yīng)用。

深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC

系統(tǒng)控制了所有啟動器圖標的縮放，所以它們被渲染為統(tǒng)一的高和寬。被渲染的啟動器圖標的實際像素尺寸在隨著設(shè)備屏幕的像素尺寸和屏幕密度的不同而顯示的不同。為確保你設(shè)計的啟動圖標可以在其他設(shè)備上共享

，應(yīng)該符合以下準則：深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC1.圖標設(shè)計應(yīng)干凈和現(xiàn)代

啟動器圖標應(yīng)該是現(xiàn)代的，有時有點古怪，但是它們不應(yīng)該是過時和粗糙的。應(yīng)該避免過度使用象征性的隱喻。深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC2.圖標設(shè)計應(yīng)簡單和標志性

（1）Android啟動圖標應(yīng)該是自然的抽象表現(xiàn)，圖標應(yīng)該高度簡化和夸張，不應(yīng)該過于復(fù)雜，它們可以在小尺寸時合適顯示。

（2）嘗試用一個簡單的部分作為整體的象征性的代表（例如，音樂圖標以揚聲器作為特征）。

（3）考慮使用自然輪廓和形狀，包括幾何的和有機的，與現(xiàn)實（不是照片般的真實）映射。

（4）你的圖標不應(yīng)該呈現(xiàn)一個對更大的圖像不正確的觀點。深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNICAndroid啟動器圖標是現(xiàn)代的、簡約的、不平坦的、有觸感和質(zhì)感的。而不是過時的、過分復(fù)雜、光滑的和平坦的。Android啟動器圖標面向前方和頂部明亮，整體而言，色彩在一定的色譜中，而不是旋轉(zhuǎn)的,剪裁不正的,過于深色的。深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC3.觸覺、質(zhì)感和顏色

（1）圖標應(yīng)該表現(xiàn)為不平淡的，有質(zhì)感的材料。（2）Android啟動器圖標應(yīng)該面向前方，透視非常小，而且應(yīng)該頂部照明（Android2.0和以后的平臺的新規(guī)定

）。（3）注意所有圖標應(yīng)該有獨立的文字標簽，而不是把文字設(shè)計嵌入到圖標里面。

（4）利用觸覺，頂部照明，使用紋理材料，嘗試把它們當(dāng)做真實世界的材料渲染。深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC

該平臺的默認應(yīng)用中啟動器圖標用了以下所示的材料。

你的圖標可以使用這些材料也可以創(chuàng)建新的材料。深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC推薦圖標調(diào)色板

你從簡易的調(diào)色盤中取出一個高亮顏色組成材料時，你可以創(chuàng)造如圖所示的材料組成。圖標包（iconspack）包括一個Photoshop模板文件（Launcher-icon-template.psd），文件提供了默認的材料、顏色和梯度。

深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC尺寸和位置

啟動器的圖標應(yīng)該使用不同的形狀和形式，而且這些必須被縮放和定位來創(chuàng)建一致的視覺重量。

●為全版本邊界框顯示為紅色?！裢扑]的實際圖標邊界框顯示為藍色。該圖標框的大小比完整版中的尺寸更小，以便有空間包含陰影和特殊的圖標處理?！駥τ诜叫螆D標，推薦的邊界框是橙色顯示的。為正方形圖標框比較小是因為要在兩種類型的圖表中建立同樣的視覺重量。

高密度屏幕(hdpi)的圖標尺寸:全版本:72x72px圖

標:60x60px

正方形圖標:56x56px

中密度屏幕(mdpi)的圖標尺寸:全版本:48x48px圖

標:40x40px

正方形圖標:38x38px

低密度屏幕(ldpi)的圖標尺寸:全版本:36x36px圖

標:30x30px

正方形圖標:28x28px深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC使用啟動器圖標模板Android的圖標模板包是一個包含默認圖標的材料和顏色調(diào)色板的模板。該模板為psd格式，方便Photoshop或相似的圖像編輯器編輯。Togetstarted,fir要開始使用，首先下載

Android的圖標模板包,一旦你下載了模板包，解壓縮，并在Adobe