Notice
Recent Posts
Recent Comments
Link
Β«   2025/07   Β»
일 μ›” ν™” 수 λͺ© 금 ν† 
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Archives
Today
Total
관리 메뉴

Fragments

[2/26] ν•™μŠ΅μΌμ§€ - 6일차 (λ””μžμΈμ΄λ‘  makes me 🀯) λ³Έλ¬Έ

ν•™μŠ΅μΌμ§€

[2/26] ν•™μŠ΅μΌμ§€ - 6일차 (λ””μžμΈμ΄λ‘  makes me 🀯)

soom_ly 2024. 2. 26. 20:55

πŸ“ 였늘의 기둝

λ“œλ””μ–΄ 2μ£Ό μ°¨κ°€ μ‹œμž‘λ˜μ—ˆλ‹€! 이번 μ£Όμ—λŠ” UX/UI에 λŒ€ν•œ 이둠과 λ””μžμΈμ”½ν‚Ή λ“± λ””μžμΈμ— λŒ€ν•œ 이둠과 역사, νŠΈλ Œλ“œμ— λŒ€ν•œ κ°•μ˜λ₯Ό λ“£κ²Œ λ˜μ—ˆλ‹€. μ˜€λŠ˜μ€ 1μ£Ό μ°¨ κ°•μ˜λ₯Ό λ“€μ—ˆλŠ”λ° μ‹€μŠ΅μ„ ν•  수 μžˆλŠ” κ°•μ˜κ°€ μ•„λ‹ˆλΌμ„œ 더 νž˜λ“  κ±° κ°™λ“œμ•„..

그치만 UX/UI λ””μžμΈμ΄ μ–΄λ–»κ²Œ λ°œμ „ν•΄ μ™”λŠ”μ§€, ν˜„μž¬ νŠΈλ Œλ“œκ°€ μ–΄λ–»κ²Œ λ˜λŠ”μ§€ μ•Œ 수 μžˆμ—ˆλ‹€.

 

πŸ’‘ μ˜€λŠ˜ 얻은 것듀

  • UX/UI λ””μžμΈμ˜ λ³€μ²œμ‚¬

UX/UI λ””μžμΈμ€ ν˜„μ‹€μ˜ 것을 λͺ¨λ°©ν•˜μ—¬ λ””μžμΈν•˜λŠ” 리얼 λ©”νƒ€ν¬μ—μ„œ μ•„μ΄μ½˜μ˜ λ“±μž₯κ³Ό ν•¨κ»˜ 바뀐 μŠ€νμ–΄ λͺ¨ν”Όμ¦˜, 쑰금 더 2D적으둜 λ‹¨μˆœν™”ν•œ ν”Œλž«λ””μžμΈ, ν˜„μž¬λŠ” μŠ€νμ–΄ λͺ¨ν”Όμ¦˜κ³Ό ν”Œλž«λ””μžμΈμ˜ μž₯μ λ§Œμ„ μ‚΄λ € λ””μžμΈν•˜λŠ” 뉴λͺ¨ν”Όμ¦˜μœΌλ‘œ λ°œμ „ν•΄ μ™”λ‹€.

리얼 메티포 -> μŠ€νμ–΄ λͺ¨ν”Όμ¦˜ -> ν”Œλž« λ””μžμΈ -> 뉴λͺ¨ν”Όμ¦˜

 

이 κ°•μ˜λ₯Ό λ“£κ³  ν˜„μž¬ 뉴λͺ¨ν”Όμ¦˜μ— ν•΄λ‹Ήν•˜λŠ” μš”μ¦˜ νŠΈλ Œλ“œλ₯Ό 더 μ•Œμ•„λ³΄μ•˜λ‹€.

 

  • κΈ€λž˜μŠ€λͺ¨ν”Όμ¦˜(Glassmorphism)

 

배경을 흐리게 ν•˜κ³ , μˆ˜μ±„μƒ‰μ„ μ‚¬μš©ν•˜κ±°λ‚˜ 유리 λͺ¨μ–‘ ꡬ/반ꡬ체 λ“± 유리λ₯Ό μ—°μƒλ˜κ²Œ ν•˜λŠ” λ””μžμΈ. 

 

  • 클레이λͺ¨ν”Όμ¦˜(Claymorphism)

 

λ‹¨μˆœν™”λœ 3D μΌλŸ¬μŠ€νŠΈλ ˆμ΄μ…˜μœΌλ‘œ λ§Œλ“€μ–΄μ§„ 클레이λͺ¨ν”Όμ¦˜ λ””μžμΈ. 평면 μŠ€ν¬λ¦°μ—μ„œ κΉŠμ΄κ°μ„ μ£Όκ³  더 유기적인 μΈν„°λ ‰μ…˜μ— μΉœκ·Όν•¨μ„ 더해쀀닀.

 

  • κΈ€λž˜μŠ€λͺ¨ν”Όμ¦˜κ³Ό 클레이λͺ¨ν”Όμ¦˜μ˜ μœ΅ν•©

κΈ€λž˜μŠ€λͺ¨ν”Όμ¦˜κ³Ό 클레이λͺ¨ν”Όμ¦˜ λ””μžμΈμ΄ μœ΅ν•©λœ ν˜•νƒœ

 

  • κ·ΈλΌλ””μ–ΈνŠΈ(Gradients)

 

λͺ‡ λ…„ μ „λ§Œ 해도 'κ·ΈλΌλ°μ΄μ…˜' λ””μžμΈμ€ κ³Όν•˜κ±°λ‚˜, μ΄ŒμŠ€λŸ½λ‹€λŠ” 인상을 μ£Όμ—ˆμ§€λ§Œ μ΅œκ·Όμ—λŠ” μ„ λͺ…ν•˜κ³  νŠΉμ΄ν•œ ν†€μœΌλ‘œ μ‚¬μš©μžμ˜ μ‹œμ„ μ„ μ‚¬λ‘œμž‘λŠ”λ‹€. 특히 κ³Όκ°ν•˜κ³  λŒ€λ‹΄ν•œ 색상을 ν™œμš©ν•œ 였둜라 κ·ΈλΌλ””μ–ΈνŠΈλŠ” 특유의 μƒλ™κ°μœΌλ‘œ  μŠ€ν† λ¦¬ν…”λ§κ³Ό μ‹œκ°ν™”μ— μ€‘μš”ν•œ 역할을 ν•œλ‹€. 

 

  • 마이크둜 μΈν„°λž™μ…˜ (Micro-interactions)

 

μ‚¬μš©μžμ˜ μž‘μ€ 행동에도 ν”Όλ“œλ°±μ„ λ³΄μ—¬μ£ΌλŠ” λ””μžμΈ. λ²„νŠΌ ν•˜λ‚˜μ—λ„ λ‹€μ–‘ν•œ μ• λ‹ˆλ©”μ΄μ…˜μ΄ μΆ”κ°€λ˜μ–΄ λ‹€μ±„λ‘œμš΄ μ›€μ§μž„μ„ 보여쀀닀. 

 

πŸ™ κ°μ‚¬ν•œ 일

> 이둠 곡뢀 νž˜λ“€μ§€λ§Œ κ·Έλž˜λ„ 이것저것 μ•Œμ•„λ³΄λ©΄μ„œ ν•˜λ‹ˆ 재미있음😏

> λˆκΉŒμ“° λ§Œλ“€μ–΄μ€€ μ—„λ§ˆβ€

 

πŸ™„ λ°˜μ„±ν•  일

> 였늘 ν‰μ†Œλ³΄λ‹€ μ‰¬λŠ” μ‹œκ°„ μ’€ 더 가짐ㅠ

 

πŸ’œ λ‚˜μ— λŒ€ν•΄μ„œ μ•Œκ²Œ 된 것

> 였늘 κ³΅λΆ€ν•œ UX/UI λ””μžμΈμ— λŒ€ν•΄μ„œ μ™œ 이 λ””μžμΈμ΄ νŠΈλ Œλ“œκ°€ λ˜μ—ˆλŠ”μ§€, ν•΄λ‹Ή λ””μžμΈμ΄ μ–΄λ–€ 역할을 ν•˜λŠ”μ§€ μ•Œμ•„λ³΄λŠ” 게 μž¬λ°Œλ‹€!!!

 

 

 

β­μ•Œμ°¬ ν•˜λ£¨ μ™„μ„± ⭐