返回列表 回復 發帖

iPhone開發中自定義圖標或圖片的設計準則

iPhone界面如此精美,作為一名設計師,要充分利用iPhone已有的界面元素,根據iPhone OS圖標設計準則去設計自定義圖標或者圖片,比如每個程序的圖標、啟動圖片和呈現在iPhone OS Spotlight搜索結果中的小圖標需要自定義。

iPhone中圖標和圖片的標準位深度為24位(紅綠藍各8位),加上8位的alpha通道,推薦使用PNG格式。

程序圖標
程序圖標放置在手機程序主界面上,點擊之後可以啟動程序。如上圖,iPhone可以將圖片自動加上陰影、發光和圓角效果。





程序圖標的設計:

57×57像素,直角。
無發光效果。
無透明度。
小圖標
小圖標顯示在Spotlight搜索結果和手機設置中。

小圖標的設計:

PNG格式。
29×29像素。
啟動圖片




啟動圖片類似於開機畫面,是用戶點擊程序圖標之後看到的圖片,幾秒之後才會顯示應用程序的主界面。

啟動圖片的設計:

PNG格式
320×480像素,可以臨時改變狀態欄的顏色。
啟動圖片和應用程序的主界面的背景相似。
導航欄、工具欄和標籤欄上的圖標
自定義圖標要和系統自帶的圖標有明顯的區別,其設計:

PNG格式。
純白色的alpha。
無陰影。
抗鋸齒。
如增加斜角,必須為90度。
工具欄和導航欄上的圖標大小為20×20像素;標籤欄圖標大小30×30像素。
iPhone會在自定義的圖標加上裝飾效果,比如按下或者選中的效果,所以也不必創建一個全彩色的圖標。
返回列表