본문으둜 κ±΄λ„ˆλ›°κΈ°

🎨 λ””μžμΈ 톀

λΉ΅μž‡λ‚˜μš°λŠ” μ‚¬μš©μžμ—κ²Œ λ”°λœ»ν•˜κ³  정감 μžˆλŠ” κ²½ν—˜μ„ μ „λ‹¬ν•˜κΈ° μœ„ν•΄, 빡의 λ‘₯κΈ€κ³  νμ‹ ν•œ ν˜•νƒœμ—μ„œ λ””μžμΈ λͺ¨ν‹°λΈŒλ₯Ό μ–»μ—ˆμŠ΅λ‹ˆλ‹€.


μΉ΄λ“œν˜• UI μš”μ†Œβ€‹

  • λΉ΅μž‡λ‚˜μš°μ˜ UIλŠ” κ°“ ꡬ운 빡의 λ‘₯κΈ€κ³  ν­μ‹ ν•œ μ‹€λ£¨μ—£μ—μ„œ μ˜κ°μ„ λ°›μ•„ μ„€κ³„λ˜μ—ˆμŠ΅λ‹ˆλ‹€.
  • μΉ΄λ“œν˜• UI μš”μ†Œλ“€μ€ 여백을 쀄여 빡빡의 λ‘₯κΈ€κ³  λΆ€λ“œλŸ¬μš΄ λŠλ‚Œμ„ μ „λ‹¬ν•˜λ©°, λ”°λœ»ν•˜κ³  κ·€μ—¬μš΄ 인상을 μ€λ‹ˆλ‹€.
  • 여백은 μ΅œμ†Œν™”ν•˜λ˜ λ‹΅λ‹΅ν•˜μ§€ μ•Šλ„λ‘ μ„€κ³„ν•˜μ—¬, μžμ—°μŠ€λŸ½κ²Œ μ‹œμ„ μ΄ 흐λ₯΄κ³  정보가 μ—°κ²°λ˜λ„λ‘ ν•©λ‹ˆλ‹€.

μΉ΄λ“œν˜• UI μ˜ˆμ‹œ 이미지 μΉ΄λ“œν˜• UI μ˜ˆμ‹œ 이미지

μ»¬λŸ¬μ™€ 경계 μ²˜λ¦¬β€‹

  • μ£Ό 컬러인 λ”°λœ»ν•œ 주황색(빡의 포근함)κ³Ό μ‹ μ„ ν•œ λ―ΌνŠΈμƒ‰(μ•Œλ¦Όκ³Ό 생동감)을 μ‚¬μš©ν•˜μ—¬ μ‹œκ°μ μΈ 연계λ₯Ό κ°•ν™”ν•©λ‹ˆλ‹€.
  • 경계선은 μ΅œμ†Œν™”ν•˜κ³ , λΆ€λ“œλŸ¬μš΄ ν…Œλ‘λ¦¬μ™€ λ‘₯κ·Ό ν˜•νƒœλ‘œ μžμ—°μŠ€λŸ½κ²Œ 이어지도둝 μ„€κ³„ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

컬러 및 경계 μ˜ˆμ‹œ 이미지 컬러 및 경계 μ˜ˆμ‹œ 이미지

μ•„μ΄μ½˜ 및 λ²„νŠΌβ€‹

  • μ•„μ΄μ½˜κ³Ό λ²„νŠΌμ€ λͺ¨λ‘ λ‘₯κΈ€κ³  λΆ€λ“œλŸ¬μš΄ ν˜•νƒœλ‘œ λ””μžμΈλ˜μ–΄, μ„œλΉ„μŠ€ μ „λ°˜μ— 걸쳐 λ”°λœ»ν•˜κ³  μΉœκ·Όν•œ λŠλ‚Œμ„ μ „λ‹¬ν•©λ‹ˆλ‹€.
  • μ „μ²΄μ μœΌλ‘œ μ•„μ΄μ½˜κ³Ό λ²„νŠΌμ€ ν˜•νƒœμ™€ μ»¬λŸ¬μ—μ„œ ν•˜λ‚˜μ˜ μ‹œμŠ€ν…œμ²˜λŸΌ 유기적으둜 μž‘λ™ν•˜λ©°, μ‚¬μš©μžμ—κ²Œ μ‹œκ°μ  μ•ˆμ •κ°κ³Ό λΈŒλžœλ“œμ˜ ν†΅μΌλœ 인상을 μ‹¬μ–΄μ€λ‹ˆλ‹€.

μ•„μ΄μ½˜ μ˜ˆμ‹œ 이미지 μ•„μ΄μ½˜ μ˜ˆμ‹œ 이미지