The iOS Design Guidelines 心得

首先這篇Guidelines主要分為7個大綱

  • Resolutions & Displays
  • App Icons
  • Typography
  • Color Palette
  • Iconography
  • UI Elements
  • Design Resources

Resolutions & Displays:介紹各種iPhone的螢幕解析度,還有介紹iOS系統比較特殊的point單位,值得注意的是在iPhone6+和iPhone6s+這款5.5吋螢幕的機種,由於螢幕解析度的限制只有1080 x 1920 pixels,而其經由換算過後的解析度為1242 x 2208 pixels,所以解析度縮小了13%。

App Icons:介紹各種iPhone中,App Icons的解析度,在iOS7以後,App Icons的形狀,都已經使用稱為Superellipse的形狀,另外也可以根據Grid System去設計App Icons。

Typography:介紹字體,在iOS9前,預設字體為Helvetica Neue,但蘋果已經發布一款新的字體稱為San Francisco。

Color Palette:介紹顏色

Iconography:介紹Icon,Icon必須要有兩種顏色,一種是使用者還沒點選的狀態,必須為沒有填滿任何色彩(outline style),另一種為使用者點選後的狀態,為填滿色彩。

UI Elements:介紹許多UI的使用時機,例如Navigation Bar、Toolbar、Search Bar、Tab Bar、Table View、Temporary Views和Controls。

Design Resources:其他iOS開發的網站或資源。

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.