為 iOS 7 所設計的用戶界面
iOS7 體現了以下主題:
- 尊重。UI幫助用戶理解內容,并與之交互,但是不會喧賓奪主。
- 清晰。所有尺寸的文字都能輕松識別,圖標精確清楚,裝飾巧妙而適當,促使設計更為注重功能。
- 深度。視覺層面和實時動畫賦予應用活力,并提高用戶的理解和喜愛程度。
iOS7的天氣預報
iOS6的天氣預報
不論你是在重新設計一個現有的APP還是在開發一個新的,都可以參考蘋果公司重新設計內置APP的方式:
- 首先,舍棄暴露APP的核心功能的UI,并重申其關聯性。
- 接下來,將iOS7的主題貫穿于UI設計和用戶體驗中。用心設計細節和裝飾。
- 整體上,準備好推倒重來,問題假設,關注內容和功能,并以此來驅動每一個設計決定。
讓位內容
盡管輕快優美的UI和流體般的運動元素大大增加了IOS 7的用戶體驗,但是app應用所提供的用戶內容才是重中之重。
這兒有一些方法,可以幫助你設計出促進了應用的功能和讓位應用的用戶內容的優秀設計。
充分利用整塊屏幕. 從新審視嵌入的視圖和整體的視圖結構的分別。讓應用的內容延伸到屏幕的邊緣。上面的天氣應用就是個很好的例子:那個全屏顯示的優美背景,顯示了當前時間本地天氣狀況,直入主題,大氣地展現了最重要的信息,并且為顯示每小時的天氣信息提供了充足的空間。
重新審視擬物化的視覺指標. 斜面,梯度,和陰影效果有時會導致UI元素比重過大,甚至超過內容或者和內容產生競爭。事實上,關注點應該在于內容,UI起到一個輔助作用。

用半透明化的UI元素暗示背后的內容. 半透明的元素--如控制中--用于提供一個控制環境,幫助用戶看到盡可能多的內容,還可以得知應用的狀態。在IOS 7中,半透明元素只會模糊元素后的內容--有種透過米紙的效果--半透明元素不會模糊元素沒有覆蓋到余下屏幕。
提供清晰的顯示
提供清晰的顯示是另外一種確保內容在你應用中的重要地位的方式. 這里是一些能使最重要的內容和功能明晰且易于訪問的方法.
使用大量的留白. 留白使得重要內容和功能更加醒目,且更容易理解. 留白也可以表達出平靜安寧的感覺, 而且它也可以使得一個應用看起來更加的專注和高效.
使用顏色來簡化 UI. 使用一種關鍵顏色—比如重要提示使用的黃色—突出顯示重要的區域并且巧妙的展現交互性功能. 這也同樣能賦予一個應用統一的視覺主題. 內置應用都使用一類純凈系統顏色,不管是在明的或是暗的背景之上,其每一個色調都看起來不錯.

通過使用系統字體來確認其可讀性. iOS 7系統字體對字間距和行高都對進行自適應,因此顯示的文本能很輕松的被閱讀,而且在每一個字體大小上都看起來很好. 不管你是使用系統的或是自定義的字體,請確保使用上了動態類型,以便你的應用能夠在用戶選擇不同的文字大小時都能有所響應.
擁抱無邊框按鈕. 在iOS 7中, 所有的條狀按鈕都是沒有邊框的. 在內容區域, 一個無邊框按鈕使用背景,顏色和具有號召性的標題來體現其可交互性. 而當其被使用時,內容區域的按鈕可以顯示一個細邊框或者淺色背景來使得自己與眾不同.

使用層次上的深度來進行溝通
iOS 7經常使用不同的層來展現內容,以傳達層次和位置的不同, 那樣就可以幫助用戶理解存在于屏幕上的對象之間的關系.
通過使用半透明的背景,并且在主屏幕上以浮動的效果出現,文件夾就可以將其內容與屏幕的其它部分區分開來.
像這里所展示的,提醒應用在層里面展示列表. 當用戶在一個列表上操作時,其它列表在屏幕的底部被集中在一起.

日歷使用了增強的轉換,當它們在被查看其年、月以及日份時,就可以給用戶一種層次和深度感. 這里所展示的年視圖中, 用戶可以即時地看到今天的日期,并同時對其它日歷任務進行操作.
當用戶選擇一個月份時,年視圖會放大并顯示出月視圖. 今天的日期仍然高亮顯示并且年份會顯示在返回按鈕中, 以便用戶知曉他們目前的確切位置,來自哪里,還有從哪兒回到過去.

類似的過渡效果會發生在用戶選擇一天的時候: 月視圖看上去裂開了,將當前的星期推上屏幕的頂部并揭開顯示出選定天的每小時視圖. 每一種過渡, 日歷都加強了年、月以及日之間的層次關系.