深圳職業技術學院/SHENZHENPOLYTECHNIC三手機UI的圖標設計UI設計/主講：高博

Android系統圖標設計規則1Android系統圖標設計規則1（一)啟動圖標

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

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

深圳職業技術學院/SHENZHENPOLYTECHNIC

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

，應該符合以下準則：深圳職業技術學院/SHENZHENPOLYTECHNIC1.圖標設計應干凈和現代

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

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

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

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

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

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

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

（4）利用觸覺，頂部照明，使用紋理材料，嘗試把它們當做真實世界的材料渲染。深圳職業技術學院/SHENZHENPOLYTECHNIC

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

你的圖標可以使用這些材料也可以創建新的材料。深圳職業技術學院/SHENZHENPOLYTECHNIC推薦圖標調色板

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

深圳職業技術學院/SHENZHENPOLYTECHNIC深圳職業技術學院/SHENZHENPOLYTECHNIC尺寸和位置

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

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

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

標:60x60px

正方形圖標:56x56px

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

標:40x40px

正方形圖標:38x38px

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

標:30x30px

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

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