κ°œλ°œν•˜λŠ” ν›ˆμ΄ 2021. 8. 21. 14:38
πŸ’‘ 개인적인 곡뢀λ₯Ό λͺ©μ μœΌλ‘œ λ²ˆμ—­ν•˜μ—¬ κ°„λž΅ν•˜κ²Œ μ •λ¦¬λ§Œ ν•œ κΈ€μž…λ‹ˆλ‹€. 전문을 ν¬ν•¨ν•˜κ³  μžˆμ§€ μ•ŠμœΌλ‹ˆ μžμ„Έν•œ λ‚΄μš©μ€ κ³΅μ‹λ¬Έμ„œλ₯Ό μ½μ–΄λ³΄μ‹œκΈΈ κΆŒν•΄λ“œλ¦½λ‹ˆλ‹€!
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 이 μžˆμŠ΅λ‹ˆλ‹€.

 

  1. Clarity : μ „ μ‹œμŠ€ν…œμ— κ±Έμ³μ„œ ν…μŠ€νŠΈλŠ” 읽기 μ‰¬μ›Œμ•Ό ν•˜κ³ , μ•„μ΄μ½˜μ€ μ •λ°€ν•˜κ³  λͺ…λ£Œν•΄μ•Όν•˜λ©°, μž₯식(adorment)은 μ μ ˆν•΄μ•Όν•˜κ³ , κΈ°λŠ₯에 μ§‘μ€‘ν•˜λŠ” 것은 λ””μžμΈμ— 동기λ₯Ό λΆ€μ—¬ν•©λ‹ˆλ‹€. λ„€κ±°ν‹°λΈŒ 슀페이슀, 색상, 폰트, κ·Έλž˜ν”½κ³Ό μΈν„°νŽ˜μ΄μŠ€ μš”μ†ŒλŠ” μ ˆλ¬˜ν•˜κ²Œ μ€‘μš”ν•œ 컨텐츠듀을 κ°•μ‘°ν•˜κ³  μƒν˜Έμž‘μš©μ„ μ „λ‹¬ν•©λ‹ˆλ‹€.
  2. Deference : λΆ€λ“œλŸ¬μš΄ μ›€μ§μž„κ³Ό μ•„λ¦„λ‹€μš΄ μΈν„°νŽ˜μ΄μŠ€λŠ” μ‚¬λžŒλ“€μ΄ 큰 어렀움 없이 컨텐츠λ₯Ό μ΄ν•΄ν•˜κ³  μƒν˜Έμž‘μš©ν•  수 μžˆλ„λ‘ ν•©λ‹ˆλ‹€. μ»¨ν…μΈ λŠ” 일반적으둜 화면을 가득 μ±„μš°μ§€λ§Œ 투λͺ…λ„λ‚˜ λΈ”λŸ¬λ₯Ό 톡해 더 λ§Žμ€ 컨텐츠가 μžˆμŒμ„ μ•”μ‹œν•©λ‹ˆλ‹€. λ°°μ €, κ·ΈλΌλ””μ–ΈνŠΈ, κ·Έλ¦ΌμžλŠ” μΈν„°νŽ˜μ΄μŠ€λ₯Ό κ°€λ³κ²Œ ν•˜λ©΄μ„œ 컨텐츠λ₯Ό κ°€μž₯ μ€‘μš”ν•˜κ²Œ ν•©λ‹ˆλ‹€.
  3. Depth : λ‘λ“œλŸ¬μ§€κ²Œ κ΅¬λΆ„λ˜λŠ” μ‹œκ°μ μΈ λ ˆμ΄μ–΄μ™€ ν˜„μ‹€κ°μ΄ μžˆλŠ” λͺ¨μ…˜μ€ 계측을 μ „λ‹¬ν•˜κ³ , ν™œκΈ°λ₯Ό λΆˆμ–΄λ„£μœΌλ©° 이해λ₯Ό λ•μŠ΅λ‹ˆλ‹€. ν„°μΉ˜μ™€ λ°œκ²¬κ°€λŠ₯μ„±(Discoverability)은 λ§₯락을 μžƒμ§€ μ•Šκ³  κΈ°λŠ₯κ³Ό 좔가적인 컨텐츠에 μ ‘κ·Όν•  수 μžˆλ„λ‘ ν•©λ‹ˆλ‹€.

 

Design Principles

μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ 영ν–₯λ ₯을 κ·ΉλŒ€ν™”ν•˜κΈ° μœ„ν•΄μ„œ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ 정체성에 λŒ€ν•΄ μ•„λž˜ 원칙듀을 κΈ°μ–΅ν•΄μ•Όν•©λ‹ˆλ‹€.

Aesthetic Integrity

미적 무결성(Aesthetic integrity)은 μ•±μ˜ λͺ¨μŠ΅κ³Ό λ™μž‘μ΄ μ•±μ˜ κΈ°λŠ₯κ³Ό μ–Όλ§ˆλ‚˜ 잘 ν†΅ν•©λ˜μ–΄ μžˆλŠ”μ§€λ₯Ό λ‚˜νƒ€λƒ…λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, μ€‘μš”ν•œ 일을 λ•λŠ” 앱은 μ‚¬μš©μžκ°€ 집쀑할 수 μžˆλ„λ‘ λˆˆμ— κ±°μŠ¬λ¦¬μ§€ μ•ŠλŠ” κ·Έλž˜ν”½κ³Ό 기본적인 μ‘°μž‘, 예츑 κ°€λŠ₯ν•œ λ™μž‘μ„ μ œκ³΅ν•΄μ•Όν•©λ‹ˆλ‹€. λ°˜λŒ€λ‘œ, κ²Œμž„κ³Ό 같은 λͺ°μž…감이 μ€‘μš”ν•œ 앱은 즐거움과 ν₯λ―Έλ‘œμ›€μ„ 전달할 수 μžˆλŠ” λ§ˆμŒμ„ μ‚¬λ‘œμž‘λŠ” λͺ¨μŠ΅μ„ μ œκ³΅ν•΄μ•Όν•©λ‹ˆλ‹€.

Consistency

일관성 μžˆλŠ” 앱은 μ‹œμŠ€ν…œμ—μ„œ μ œκ³΅ν•˜λŠ” μΈν„°νŽ˜μ΄μŠ€ μš”μ†Œ, μ•Œλ €μ§„ μ•„μ΄μ½˜, ν‘œμ€€μ˜ ν…μŠ€νŠΈ μŠ€νƒ€μΌκ³Ό μΌκ΄€μ„±μžˆλŠ” μš©μ–΄μ˜ μ‚¬μš©μ„ 톡해 μ΅μˆ™ν•œ ν‘œμ€€κ³Ό νŒ¨λŸ¬λ‹€μž„μ„ κ΅¬ν˜„ν•©λ‹ˆλ‹€. 이런 앱은 κΈ°λŠ₯λ“€κ³Ό λ™μž‘λ“€μ„ μ‚¬μš©μžλ“€μ΄ κΈ°λŒ€ν•˜λŠ” λ°©ν–₯으둜 ν†΅ν•©μ‹œν‚΅λ‹ˆλ‹€.

Direct Manipulation

μ»¨ν…μΈ μ˜ 화면을 μ§μ ‘μ μœΌλ‘œ μ‘°μž‘ν•˜λŠ” 것은 μ‚¬μš©μžλ“€μ΄ μ‚¬λžŒλ“€μ˜ 이λͺ©μ„ 끌고 이해λ₯Ό λ•μŠ΅λ‹ˆλ‹€. μ‚¬μš©μžλ“€μ€ 직접적인 μ‘°μž‘μ„ 화면을 νšŒμ „μ‹œν‚€κ±°λ‚˜ 슀크린의 컨텐츠에 제슀쳐λ₯Ό ν–‰ν–ˆμ„ λ•Œ κ²½ν—˜ν•©λ‹ˆλ‹€. μ΄λŸ¬ν•œ 직접적인 μ‘°μž‘μ„ ν†΅ν•΄μ„œ μ‚¬μš©μžλ“€μ€ μžμ‹ μ˜ 행동에 λŒ€ν•œ 즉각적이고 μ‹œκ°μ μΈ κ²°κ³Όλ₯Ό λ³Ό 수 μžˆκ²Œλ©λ‹ˆλ‹€.

Feedback

ν”Όλ“œλ°±μ€ μ‚¬μš©μžλ“€μ—κ²Œ μ§€μ†μ μœΌλ‘œ 정보λ₯Ό μ „λ‹¬ν•˜κΈ° μœ„ν•΄ μ–΄λ–€ 행동에 λŒ€ν•œ μΈμ§€λ‚˜ κ²°κ³Όλ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€. iOS의 λ‚΄μž₯ 앱듀은 μ‚¬μš©μžλ“€μ˜ λͺ¨λ“  행동에 λŒ€ν•΄ ν”Όλ“œλ°±μ„ μ œκ³΅ν•©λ‹ˆλ‹€. μƒν˜Έμž‘μš© μš”μ†Œλ“€μ€ 탭이 λ˜μ—ˆμ„ λ•Œ λ‘œλ”© ν™”λ©΄(progress indicator), μ• λ‹ˆλ©”μ΄μ…˜κ³Ό μ‚¬μš΄λ“œ 효과λ₯Ό 톡해 μ–΄λ–€ 행동에 λŒ€ν•œ κ²°κ³Όλ₯Ό κ°•μ‘°ν•©λ‹ˆλ‹€.

Metaphors

μ‚¬λžŒλ“€μ€ μžμ‹ μ—κ²Œ μ΅μˆ™ν•œ κ²½ν—˜κ³Ό μœ μ‚¬ν•œ κ²½ν—˜μ„ μ•±μ˜ κ°€μƒν™˜κ²½μ—μ„œ λ§Œλ‚¬μ„ λ•Œ 더 λΉ λ₯΄κ²Œ ν•™μŠ΅ν•©λ‹ˆλ‹€. MetaphorsλŠ” μ‚¬μš©μžλ“€μ΄ ν™”λ©΄κ³Ό 물리적으둜 μƒν˜Έμž‘μš©ν•˜κΈ° λ•Œλ¬Έμ— 더 큰 효과λ₯Ό λ°œνœ˜ν•©λ‹ˆλ‹€. μ‚¬μš©μžλ“€μ€ 더 μ•„λž˜μ— μžˆλŠ” λ‚΄μš©μ„ λ³΄κΈ°μœ„ν•΄ λ·°λ₯Ό μΉ˜μ›λ‹ˆλ‹€. μ‚¬μš©μžλ“€μ€ 컨텐츠λ₯Ό λ“œλž˜κ·Έν•˜κ±°λ‚˜ μŠ€μ™€μ΄ν”„ ν•˜κΈ°λ„ ν•©λ‹ˆλ‹€. μ‚¬μš©μžλ“€μ€ 또 μŠ€μœ„μΉ˜λ₯Ό ν† ν΄ν•˜κ±°λ‚˜ μŠ¬λΌμ΄λ”λ₯Ό 움직이고, ν”½μ»€μ˜ 값듀을 슀크둀 ν•©λ‹ˆλ‹€. 그리고 μ±…μ΄λ‚˜ μž‘μ§€μ˜ νŽ˜μ΄μ§€λ₯Ό λ„˜κΈ°κΈ°λ„ ν•©λ‹ˆλ‹€.

User Control

앱이 μ•„λ‹Œ μ‚¬μš©μžλ“€μ΄ iOS의 전체적인 뢀뢄듀을 ν†΅μ œν•©λ‹ˆλ‹€. 앱은 λ™μž‘μ„ μ œμ•ˆν•˜κ±°λ‚˜ μœ„ν—˜ν•œ 결과에 λŒ€ν•΄ κ²½κ³ λ₯Ό 보여쀄 수 μžˆμ§€λ§Œ λŒ€λΆ€λΆ„μ˜ κ²½μš°λŠ” μ•±μ—κ²Œ μ˜μ‚¬κ²°μ •μ„ λ§‘κΈ°λŠ” μ‹€μˆ˜μž…λ‹ˆλ‹€. 졜고의 앱은 μ˜λ„μΉ˜ μ•Šμ€ κ²°κ³Όλ₯Ό ν”Όν•˜λŠ” 것과 μ‚¬μš©μžμ—κ²Œ μ˜μ‚¬κ²°μ •μ„ λ§‘κΈ°λŠ” κ²ƒμ˜ μ μ ˆν•œ κ· ν˜•μ„ μ°ΎμŠ΅λ‹ˆλ‹€. 앱은 μ‚¬μš©μžλ“€μ΄ 앱을 ν†΅μ œν•˜κ³  μžˆλ‹€κ³  λŠλΌλ„λ‘ μ˜ˆμΈ‘κ°€λŠ₯ν•˜κ³  μƒμš”μž‘μš©ν•˜λŠ” μΈν„°νŽ˜μ΄μŠ€ μš”μ†Œλ₯Ό μ‚¬μš©ν•˜κ³  μ•ˆμ’‹μ€ 영ν–₯을 λΌμΉ˜λŠ” 행동을 ν™•μΈν•˜κ³ , μž‘μ—…μ΄ 진행쀑이라고 ν•˜λ”λΌκ³  그것을 μ·¨μ†Œν•  수 μžˆλ„λ‘ ν•΄μ•Όν•©λ‹ˆλ‹€.