[HIG] iOS - Themes
π‘ κ°μΈμ μΈ κ³΅λΆλ₯Ό λͺ©μ μΌλ‘ λ²μνμ¬ κ°λ΅νκ² μ λ¦¬λ§ ν κΈμ λλ€. μ λ¬Έμ ν¬ν¨νκ³ μμ§ μμΌλ μμΈν λ΄μ©μ 곡μλ¬Έμλ₯Ό μ½μ΄λ³΄μκΈΈ κΆν΄λ립λλ€!
Themes - iOS - Human Interface Guidelines - Apple Developer
Themes - iOS - Human Interface Guidelines - Apple Developer
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differenti
developer.apple.com
iOS Design Themes
μ ν리μΌμ΄μ λμμ΄λλ‘μ, μ±μ€ν μ΄ μμκΆμ λ±λ‘λλ λλΌμ΄ μ ν리μΌμ΄μ μ λ§λ€ μ μλ κΈ°νκ° μμ΅λλ€. κ·Έλ¦¬κ³ μ΄λ₯Ό μν΄μλ λμ ν리ν°μ κΈ°λ₯μ±μ λ§μ‘±μμΌμΌ ν©λλ€.
iOS μλ λ€λ₯Έ νλ«νΌλ€κ³Ό μ°¨λ³μ±μ λ§λλ μΈ κ°μ§ μ£Όμν Theme μ΄ μμ΅λλ€.
- Clarity : μ μμ€ν μ κ±Έμ³μ ν μ€νΈλ μ½κΈ° μ¬μμΌ νκ³ , μμ΄μ½μ μ λ°νκ³ λͺ λ£ν΄μΌνλ©°, μ₯μ(adorment)μ μ μ ν΄μΌνκ³ , κΈ°λ₯μ μ§μ€νλ κ²μ λμμΈμ λκΈ°λ₯Ό λΆμ¬ν©λλ€. λ€κ±°ν°λΈ μ€νμ΄μ€, μμ, ν°νΈ, κ·Έλν½κ³Ό μΈν°νμ΄μ€ μμλ μ λ¬νκ² μ€μν 컨ν μΈ λ€μ κ°μ‘°νκ³ μνΈμμ©μ μ λ¬ν©λλ€.
- Deference : λΆλλ¬μ΄ μμ§μκ³Ό μλ¦λ€μ΄ μΈν°νμ΄μ€λ μ¬λλ€μ΄ ν° μ΄λ €μ μμ΄ μ»¨ν μΈ λ₯Ό μ΄ν΄νκ³ μνΈμμ©ν μ μλλ‘ ν©λλ€. 컨ν μΈ λ μΌλ°μ μΌλ‘ νλ©΄μ κ°λ μ±μ°μ§λ§ ν¬λͺ λλ λΈλ¬λ₯Ό ν΅ν΄ λ λ§μ 컨ν μΈ κ° μμμ μμν©λλ€. λ°°μ €, κ·ΈλΌλμΈνΈ, κ·Έλ¦Όμλ μΈν°νμ΄μ€λ₯Ό κ°λ³κ² νλ©΄μ 컨ν μΈ λ₯Ό κ°μ₯ μ€μνκ² ν©λλ€.
- Depth : λλλ¬μ§κ² ꡬλΆλλ μκ°μ μΈ λ μ΄μ΄μ νμ€κ°μ΄ μλ λͺ¨μ μ κ³μΈ΅μ μ λ¬νκ³ , νκΈ°λ₯Ό λΆμ΄λ£μΌλ©° μ΄ν΄λ₯Ό λμ΅λλ€. ν°μΉμ λ°κ²¬κ°λ₯μ±(Discoverability)μ λ§₯λ½μ μμ§ μκ³ κΈ°λ₯κ³Ό μΆκ°μ μΈ μ»¨ν μΈ μ μ κ·Όν μ μλλ‘ ν©λλ€.
Design Principles
μ ν리μΌμ΄μ μ μν₯λ ₯μ κ·ΉλννκΈ° μν΄μ μ ν리μΌμ΄μ μ μ 체μ±μ λν΄ μλ μμΉλ€μ κΈ°μ΅ν΄μΌν©λλ€.
Aesthetic Integrity
λ―Έμ 무결μ±(Aesthetic integrity)μ μ±μ λͺ¨μ΅κ³Ό λμμ΄ μ±μ κΈ°λ₯κ³Ό μΌλ§λ μ ν΅ν©λμ΄ μλμ§λ₯Ό λνλ λλ€. μλ₯Ό λ€μ΄, μ€μν μΌμ λλ μ±μ μ¬μ©μκ° μ§μ€ν μ μλλ‘ λμ κ±°μ¬λ¦¬μ§ μλ κ·Έλν½κ³Ό κΈ°λ³Έμ μΈ μ‘°μ, μμΈ‘ κ°λ₯ν λμμ μ 곡ν΄μΌν©λλ€. λ°λλ‘, κ²μκ³Ό κ°μ λͺ°μ κ°μ΄ μ€μν μ±μ μ¦κ±°μκ³Ό ν₯λ―Έλ‘μμ μ λ¬ν μ μλ λ§μμ μ¬λ‘μ‘λ λͺ¨μ΅μ μ 곡ν΄μΌν©λλ€.
Consistency
μΌκ΄μ± μλ μ±μ μμ€ν μμ μ 곡νλ μΈν°νμ΄μ€ μμ, μλ €μ§ μμ΄μ½, νμ€μ ν μ€νΈ μ€νμΌκ³Ό μΌκ΄μ±μλ μ©μ΄μ μ¬μ©μ ν΅ν΄ μ΅μν νμ€κ³Ό ν¨λ¬λ€μμ ꡬνν©λλ€. μ΄λ° μ±μ κΈ°λ₯λ€κ³Ό λμλ€μ μ¬μ©μλ€μ΄ κΈ°λνλ λ°©ν₯μΌλ‘ ν΅ν©μν΅λλ€.
Direct Manipulation
컨ν μΈ μ νλ©΄μ μ§μ μ μΌλ‘ μ‘°μνλ κ²μ μ¬μ©μλ€μ΄ μ¬λλ€μ μ΄λͺ©μ λκ³ μ΄ν΄λ₯Ό λμ΅λλ€. μ¬μ©μλ€μ μ§μ μ μΈ μ‘°μμ νλ©΄μ νμ μν€κ±°λ μ€ν¬λ¦°μ 컨ν μΈ μ μ μ€μ³λ₯Ό ννμ λ κ²½νν©λλ€. μ΄λ¬ν μ§μ μ μΈ μ‘°μμ ν΅ν΄μ μ¬μ©μλ€μ μμ μ νλμ λν μ¦κ°μ μ΄κ³ μκ°μ μΈ κ²°κ³Όλ₯Ό λ³Ό μ μκ²λ©λλ€.
Feedback
νΌλλ°±μ μ¬μ©μλ€μκ² μ§μμ μΌλ‘ μ 보λ₯Ό μ λ¬νκΈ° μν΄ μ΄λ€ νλμ λν μΈμ§λ κ²°κ³Όλ₯Ό 보μ¬μ€λλ€. iOSμ λ΄μ₯ μ±λ€μ μ¬μ©μλ€μ λͺ¨λ νλμ λν΄ νΌλλ°±μ μ 곡ν©λλ€. μνΈμμ© μμλ€μ νμ΄ λμμ λ λ‘λ© νλ©΄(progress indicator), μ λλ©μ΄μ κ³Ό μ¬μ΄λ ν¨κ³Όλ₯Ό ν΅ν΄ μ΄λ€ νλμ λν κ²°κ³Όλ₯Ό κ°μ‘°ν©λλ€.
Metaphors
μ¬λλ€μ μμ μκ² μ΅μν κ²½νκ³Ό μ μ¬ν κ²½νμ μ±μ κ°μνκ²½μμ λ§λ¬μ λ λ λΉ λ₯΄κ² νμ΅ν©λλ€. Metaphorsλ μ¬μ©μλ€μ΄ νλ©΄κ³Ό 물리μ μΌλ‘ μνΈμμ©νκΈ° λλ¬Έμ λ ν° ν¨κ³Όλ₯Ό λ°νν©λλ€. μ¬μ©μλ€μ λ μλμ μλ λ΄μ©μ 보기μν΄ λ·°λ₯Ό μΉμλλ€. μ¬μ©μλ€μ 컨ν μΈ λ₯Ό λλκ·Ένκ±°λ μ€μμ΄ν νκΈ°λ ν©λλ€. μ¬μ©μλ€μ λ μ€μμΉλ₯Ό ν ν΄νκ±°λ μ¬λΌμ΄λλ₯Ό μμ§μ΄κ³ , ν½μ»€μ κ°λ€μ μ€ν¬λ‘€ ν©λλ€. κ·Έλ¦¬κ³ μ± μ΄λ μ‘μ§μ νμ΄μ§λ₯Ό λκΈ°κΈ°λ ν©λλ€.
User Control
μ±μ΄ μλ μ¬μ©μλ€μ΄ iOSμ μ 체μ μΈ λΆλΆλ€μ ν΅μ ν©λλ€. μ±μ λμμ μ μνκ±°λ μνν κ²°κ³Όμ λν΄ κ²½κ³ λ₯Ό 보μ¬μ€ μ μμ§λ§ λλΆλΆμ κ²½μ°λ μ±μκ² μμ¬κ²°μ μ 맑기λ μ€μμ λλ€. μ΅κ³ μ μ±μ μλμΉ μμ κ²°κ³Όλ₯Ό νΌνλ κ²κ³Ό μ¬μ©μμκ² μμ¬κ²°μ μ 맑기λ κ²μ μ μ ν κ· νμ μ°Ύμ΅λλ€. μ±μ μ¬μ©μλ€μ΄ μ±μ ν΅μ νκ³ μλ€κ³ λλΌλλ‘ μμΈ‘κ°λ₯νκ³ μμμμ©νλ μΈν°νμ΄μ€ μμλ₯Ό μ¬μ©νκ³ μμ’μ μν₯μ λΌμΉλ νλμ νμΈνκ³ , μμ μ΄ μ§νμ€μ΄λΌκ³ νλλΌκ³ κ·Έκ²μ μ·¨μν μ μλλ‘ ν΄μΌν©λλ€.