在UI設計中，圖標作為重要的視覺元素扮演著不可或缺的角色。盡管圖標所占空間相對較小，卻是衡量設計師基本功的重要標準。了解圖標設計和遵守iOS app圖標規(guī)范是每個設計師入門UI設計的必備條件。本文將深入探索iOS app圖標規(guī)范，為設計師們提供有價值的指導和靈感。

ios 應用程序圖標

設計師設計時，通常只用設計一個Appstore的圖標（1024px1024px），其他尺寸可用ios圖標生成器自動輸出一套，小尺寸圖標單獨微調下細節(jié)即可。

設置頁圖標

ios系統圖標

導航欄和工具欄圖標

這兩處的圖標大小一樣都是24x24pt，最大不超過28x28pt。注：@2x和@3x在邏輯像素單位是一樣的。

標簽欄圖標

iOS 規(guī)范中 Tab欄一般有五個、四個、三個圖標的形式，寬度平分，icon尺寸約30x30pt（60px）。

蘋果給出了四種不同形狀標簽欄圖標的尺寸參考供大家設計時參考。其意義是讓不同外形的圖標看上去是差不多大的，保證圖標的平衡。

目標寬度和高度（圓形圖標）

目標寬度和高度（方形圖標）

目標寬度（寬圖標）

目標高度（高圖標）

iOS在這里所定義的尺寸并不是圖標文件最后輸出的尺寸，而是給設計師作圖時，針對不同圖標形狀的參考尺寸，目的是為了讓圖標的視覺大小看上去一致。

我們除了了解app圖標規(guī)范外，還需要瀏覽大量優(yōu)秀的圖標設計案例，圖標設計案例是UI設計師們常用的設計方式之一。這樣可以節(jié)省大量的時間，但是要求素材質量較高，而且要求圖標成套。以前常用的阿里巴巴圖標庫里的圖標質量挺好，但是成套的較少。在即時設計資源廣場中搜索圖標，會出現許多高質量成套圖標，非常適合UI新手和希望快速提高設計能力的小伙伴們學習。

???點擊獲取免費圖標資源

https://js.design/community?category=search&search=%E5%9B%BE%E6%A0%87&sortType=usage&source=bz&plan=bbqbz745

3. 在線圖標設計工具即時設計

不同的iOS設備的應用程序圖標定義的樣式略有不同，了解app圖標規(guī)范有助于創(chuàng)建一個適應性、視覺一致性和信息傳遞有效性良好的圖標。對設計感興趣的朋友，若想實時跟進最新設計資訊，可以使用在線協同設計工具即時設計。

無論你從事設計行業(yè)多久，強大的工具可以幫助你更有效、更準確地完成工作。功能強大的即時設計將為你提供給一體化UI/UX設計，融合交互+視覺的能力，解鎖全新水平的在線設計協作。

???點擊獲取免費圖標資源

https://js.design/community?category=search&search=%E5%9B%BE%E6%A0%87&sortType=usage&source=bz&plan=bbqbz745

。