Thumbzone 체ν¬νκΈ° π€³
μ΄λ μ€μ ν μμΌλ‘ λͺ¨λ°μΌ μ±μ μ¬μ©νλ μ¬λλ€μ λ§₯λ½(context)μ κ³ λ €ν΄μ λμμΈν΄λ³΄μμ.
λͺ¨λ°μΌ μ±μ λλΆλΆ μ΄λ μ€μ ν μμΌλ‘ μ€λ§νΈν°μ μ₯ μνλ‘ μ¬μ©νκ² λλλ° λλ₯Ό λΉλ‘―ν΄ λ§μ λμμ΄λλ€μ΄ μ΄λ° λ§₯λ½(context)μ κ³ λ €νκΈ° λ³΄λ€ μ μ§λμ΄ μλ λͺ¨λν° μμ νλ©΄μ μλ¦λ΅κ²(aesthetic) λ°°μΉνλ μμ μ λ μ΅μν΄μ Έ μλ€.
νμ§λ§ λͺ¨λ°μΌ μ±μΌλ‘ μλΉμ€λ₯Ό μ 곡ν κ²½μ° μ¬μ©μκ° μ΅μνμ μμ§μμΌλ‘ μ½κ² μΈν°λμ ν μ μλλ‘ μμ§μμ(Thumbzone area)μ μ£Όμ 컨ν μΈ μ μΈν°λμ κ°λ₯ν UI μ»΄ν¬λνΈλ₯Ό λ°°μΉν΄μΌ νλ€!
κ·Έλ λ€λ©΄ μ΄λ»κ² 체ν¬ν΄λ³Ό μ μμκΉ?
π€How toβ¦?!
1οΈβ£ λμμΈ ν μνΈλ³΄λμ μμ§μμ 체ν¬μ© μ¬λ³Όλ μ΄μ΄λ₯Ό κ²Ήμ³λ³Έλ€.
- NATURAL : νΈμμμμμμμμ~~~
- STRETCH : μ‘°κΈ νλ€μ§λ§ μ λ»μΌλ©΄ ν°μΉ ν λ§ν¨
- OOOPS : μκ°λ½ μκ° μμ€β¦ (μ¬κΈ°μ μ€μν UI μμλ₯Ό λ°°μΉνλ©΄β¦ π )
PAIGE κ²½κΈ° νλ μ΄μ΄ νλ©΄ 체ν¬
2οΈβ£ UI μ»΄ν¬λνΈμ μμΉμ ν¬κΈ°λ₯Ό 보μ νλ€.
κ°λ¨νκ² μ²΄ν¬ν΄λ³Έ νλ©΄μ λμμ νλ μ΄μ΄ νλ©΄μ΄λΌ μλ¨μ μμμ λ°°μΉνκ³ νλ¨μ κ΄λ ¨ μμμ λͺ©λ‘μ μ 곡νλ μ νμ μΈ UI λ μ΄μμ λ°°μΉλΌμ λ€λ₯Έ μμ μλΉμ€λ€μ λ μ΄μμλ ν¬κ² λ€λ₯΄μ§ μμλ€β¦ π (κ° νλ©΄λ³λ‘ μ 곡νλ 컨ν μΈ μ νΉμ±μ λ°λΌμλ μμ§μμμ μ€μλκ° λ¬λΌμ§β¦)
μ νλΈ, νΈμμΉ, λ€μ΄λ² μ€ν¬μΈ μ€κ³
λͺ¨λ°μΌ κΈ°κΈ°κ° μ»€μ§λ©΄μ iOSμμ νλ©΄ μλ¨ κ°νΈ μ κ·Ό λ±μ κΈ°λ₯μ λ΄λ¨μ§λ§ λκ°μ μ±λ±μ΄κ° μλλ©΄ μ΄κ² μλμ§λ λͺ¨λ₯΄λ μμ΄ν° μ¬μ©μκ° λλΆλΆμ΄λ μλΉμ€λ μ±μ μ£Όμ ν€μ€ν¬λ¦° μμ μ΄ λλλ©΄ ν λ² μ© μ²΄ν¬ν΄λ³΄μκΈΈ!
p.s) μ΅κ·Όμλ μΉ΄μΉ΄μ€νμ΄μ±μ΄λ μΌμ±μ ONE UI λ±μ΄ μμ§μμμ μ£Όμ κΈ°λ₯κ³Ό UI μ»΄ν¬λνΈλ₯Ό μ κ·Ήμ μΌλ‘ λ°°μΉνκ³ μλ κ² κ°μλ€.
μ°Έκ³ λ§ν¬