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
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
利用畫面層次和位置的不同來表達內容的層次,幫助使用者了解內容先後或相對的關係
利用畫面層次和位置的不同來表達內容的層次,幫助使用者了解內容先後或相對的關係