山姆的編程實作分享。。。

Sam Blog, Sam Sharing, Sam Studio

2014年3月9日

Designing for iOS 7 重點摘要 from iOS Human Interface Guidelines


iOS Human Interface Guidelines 原文出處:

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/MobileHIG.pdf


原文長達 223 , 13 topics
1. 
Designing for iOS 7
2. iOS App Anatomy
3. Starting and Stopping
4. Layout
5. Navigation
6. Modal Contexts
7. Interactivity and Feedback
8. Animation
9. Branding
10. Color and Typography
11. Icons and Graphics
12. Terminology and Wording
13. Integrating with iOS

Designing for iOS 7
當你在開始設計你的應用程式時這裡提供一些建議, 讓你的應用程式符合iOS 7的設計理念.

A. Refer to Content
A.1 Take advantage of the whole screen
善用全螢幕的設計Weather App為例, 它就是個漂亮的全螢幕的設計,善用螢幕每一份空間來提供豐富及時的天氣資訊 (location,weekly & hourly data).

A.2 Reconsider visual indicators of physicality and realism
考慮實際的視覺效果避免花俏的設計邊框,漸變和陰影有時會讓使用者失焦相反的專注於內容的提供才能讓使用者專注在內容上,

A.3 Let translucent UI elements hint at the content behind them
利用半透明的UI設計來暗示後面的內容; 如控制中心的設計.

B. Provide Clarity
B.1 Use plenty of negative space
Message, 使用左右發言的方式讓內容及敘述更明顯,更容易理解.



B.2 Let color simplify the UI
利用簡單的色彩突顯重點; 儘可能的與內建的應用程序使用同一個色調主題.


B.3 Ensure legibility by using the system fonts
儘可能的使用系統字體以確保可讀性; iOS 7系統字體會自動調整字體的間距和行的高度使文章易於閱讀所以無論你使用的是系統或自定字型一定要採用動態字型.

B.4 Embrace borderless buttons
iOS 7的設計理念所有的按鈕都是無邊框的設計,請擁抱它&配合它吧

C. Use Depth to Communicate
利用畫面層次和位置的不同來表達內容的層次幫助使用者了解內容先後或相對的關係






熱門文章