πŸ”₯2021 UX/UI νŠΈλ Œλ“œ 14가지와 κ·Έ ν™œμš©λ²•πŸ”₯ [πŸŸ‘λ“€μ–΄κ°€κΈ° μ•žμ„œ] μƒˆν•΄κ°€ 온 지도 ν•œμ°ΈμΈ 4월에 2021 νŠΈλ Œλ“œ μ˜ˆμΈ‘μ΄λΌλ‹ˆ ν•œλ¬Ό κ°„ μ†Œμ‹μ²˜λŸΌ 느껴질 μˆ˜λ„ μžˆμ„ ν…λ°μš”. ν•˜μ§€λ§Œ μ§€κΈˆ 우리 μ„œλΉ„μŠ€κ°€ 이 νŠΈλ Œλ“œμ˜ μ–΄λ–€ 단계λ₯Ό 밟고 μžˆλŠ”μ§€ 점검해 보고, μ „λ°˜μ μΈ μœ ν–‰μ˜ 흐름을 λ³΄λŠ” μ‹œκ°μ„ κΈ°λ₯΄λŠ” λ°μ—λŠ” μ§€λ‚œ νŠΈλ Œλ“œ 예츑 글도 도움이 될 λ“― ν•©λ‹ˆλ‹€. λ˜ν•œ μ–΄λ–€ μš”μ†Œλ“€μ€ νŠΈλ Œλ“œμ™€ λ¬΄κ΄€ν•˜κ²Œ κΎΈμ€€νžˆ μœ μ§€λ˜κΈ°λ„ ν•˜λ‹ˆκΉŒμš”:) μŸμ•„μ§€λŠ” λ””μžμΈ νŠΈλ Œλ“œ 예츑 κΈ€ μ€‘μ—μ„œ 이 아티클을 κ°€μ Έμ˜¨ μ΄μœ λŠ” λ””μžμΈ 만이 μ•„λ‹Œ UI/UX 기술 μƒνƒœκ³„μ— λŒ€ν•œ 흐름도 같이 μ§šμ–΄μ£Όκ³  있기 λ•Œλ¬Έμž…λ‹ˆλ‹€. 체크해 보고 μ˜¬ν•΄μ˜ 1λΆ„κΈ°κ°€ μ§€λ‚˜κ°„ μ§€κΈˆ 달라진 것은 μ—†λŠ”μ§€, ν˜Ήμ€ 뢀쩍 νŠΈλ Œλ“œλ₯Ό μ²΄κ°ν•˜κ³  μžˆλŠ”μ§€ μ‚΄νŽ΄λ³΄λ„λ‘ ν• κΉŒμš”. [πŸ“ λ³Έλ¬Έ μ†Œκ°œ] UX/UI νŠΈλ Œλ“œλŠ” 맀년 λ‚˜νƒ€λ‚©λ‹ˆλ‹€. λ§Žμ€ μ„œλΉ„μŠ€ μ œκ³΅μžκ°€ μ‚¬μš©ν•˜κΈ° μ‹œμž‘ν•  수둝 μ‹œκ°μ  κ³Όν¬ν™”λ‘œ 인해 νŠΈλ Œλ“œμ˜ νš¨κ³ΌλŠ” λ―Έλ―Έν•΄μ§ˆ 것이기에, 맀번 μƒˆλ‘œμš΄ νŠΈλ Œλ“œκ°€ λ‚˜νƒ€λ‚˜κ³  λ””μžμ΄λ„ˆλŠ” 이λ₯Ό ν‹ˆν‹ˆμ΄ 확인해야 ν•  κ²ƒμž…λ‹ˆλ‹€. πŸ“Œλͺ¨λ“  것을 μ›κ²©μœΌλ‘œ, 그리고 κ°€μƒμœΌλ‘œ μ „μ—Όλ³‘μ˜ ν™•μ‚°κ³Ό ν•¨κ»˜ VR/AR, 원격 ν˜‘μ—…μ΄ κΈ‰μ†λ„λ‘œ ν™•λŒ€λ˜μ—ˆμŠ΅λ‹ˆλ‹€. πŸ“Œκ΅¬μΆœμ„ μœ„ν•œ 인곡지λŠ₯κ³Ό 기타 도ꡬ듀 이제 λ””μžμΈ 도ꡬ에도 인곡 지λŠ₯이 ν™œμš©λ˜κ³  μžˆμŠ΅λ‹ˆλ‹€. 아직 UI/UX μ—μ„œμ˜ AI κΈ°μˆ μ€ 초기 단계에 μžˆμ§€λ§Œ, μ΄λŸ¬ν•œ 도ꡬ듀을 ν™•μΈν•˜κ³  도움을 λ°›μœΌμ„Έμš”. πŸ“Œκ³ κΈ‰ κ°œμΈν™” μ‚¬μš©μžμ˜ 개인 정보, ν™œλ™ 정보λ₯Ό 기반으둜 μ„œλΉ„μŠ€λŠ” 점점 더 κ°œμΈμ—κ²Œ λ§žμΆ€ν™”λ  κ²ƒμž…λ‹ˆλ‹€. πŸ“ŒλΉ„μ ‘μ΄‰ μƒν˜Έμž‘μš© μ „μ—Όλ³‘μ˜ 확산은 μŒμ„± μƒν˜Έμž‘μš©, 에어 제슀처 λ“± κΈ°κΈ°λ₯Ό 직접 λ§Œμ§€μ§€ μ•Šκ³ λ„ μƒν˜Έμž‘μš©ν•  수 μžˆλ„λ‘ ν•˜λŠ” νŠΈλ Œλ“œλ₯Ό ν™•μ‚°μ‹œμΌ°μŠ΅λ‹ˆλ‹€. πŸ“Œ(더 λ§Žμ€) 3D 및 λͺ°μž…ν˜• κ²½ν—˜ 기술이 λ°œμ „ν•˜κ³  VR/AR의 인기가 λ†’μ•„μ§€λ©΄μ„œ 3DλŠ” λ”λ”μš± 관심을 λ°›κ³  μžˆμŠ΅λ‹ˆλ‹€. πŸ“Œμ‚¬μš©μžκ°€ μ’‹μ•„ν•˜λŠ” λͺ¨μ…˜ 맀λ ₯적인 μ• λ‹ˆλ©”μ΄μ…˜ μŠ€ν† λ¦¬λ₯Ό 보고 μ• λ‹ˆλ©”μ΄μ…˜ ν™”λ©΄κ³Ό μƒν˜Έ μž‘μš©ν•˜λŠ” 것은 λͺ¨λ“  μ„ΈλŒ€κ°€ μ’‹μ•„ν•©λ‹ˆλ‹€. μΈν„°νŽ˜μ΄μŠ€μ™€ λͺ¨μ…˜μ˜ 결합을 톡해 μ‚¬μš©μžμ˜ κΈ΄μž₯을 ν’€κ³  μƒν˜Έ μž‘μš©μ— λŒ€ν•œ ν”Όλ“œλ°±μ„ 얻을 수 μžˆλ„λ‘ ν•˜μ„Έμš”. πŸ“Œλ¬Όλ¦¬μ μ΄κ³  사싀적인 질감 'ν”Œλž«' λ””μžμΈμ€ κΎΈμ€€νžˆ ν˜„λŒ€ UI λ””μžμΈμ˜ μ£Όμš” μš”μ†Œμ΄μ§€λ§Œ, μƒˆλ‘­κ³  μ‹ μ„ ν•œ 것에 λŒ€ν•œ ν•„μš”μ„±μ΄ λŒ€λ‘λ˜κ³  μžˆμŠ΅λ‹ˆλ‹€. 거친 질감과 특수 κΈ€κΌ΄ 등은 λΈŒλžœλ“œμ— ν˜„μ‹€κ°μ„ λΆ€μ—¬ν•©λ‹ˆλ‹€. πŸ“Œμ™„λ²½ν•¨μ—μ„œ λ…νŠΉν•¨μœΌλ‘œ λ…νŠΉν•˜κ³  λΉ„μ •ν˜•μ μΈ, 'λΆˆμ™„μ „ν•œ' λ””μžμΈμ΄ νŠΈλ Œλ“œλ‘œ μ˜¬λΌμ„°μŠ΅λ‹ˆλ‹€. λΉ„ 정톡 λ ˆμ΄μ•„μ›ƒ, λΉ„ 정톡 슀크둀, 색상 μ‘°ν•©, λ…νŠΉν•œ νƒ€μ΄ν¬κ·Έλž˜ν”Όλ₯Ό 톡해 κ°œμ„±μ„ λΆ€μ—¬ν•˜μ„Έμš”. πŸ“Œλ›°μ–΄λ‚œ 기술λ ₯으둜 κ΅¬ν˜„ν•œ λžœλ”© νŽ˜μ΄μ§€ 사싀적이고 λ³΅μž‘ν•œ μ• λ‹ˆλ©”μ΄μ…˜, λ Œλ”λ§, 맀λ ₯적인 μΌλŸ¬μŠ€νŠΈλ ˆμ΄μ…˜μ„ ν™œμš©ν•΄ μ‚¬μš©μžλ₯Ό λ†€λΌκ²Œ ν•˜λŠ” ν™˜μƒμ μΈ νŽ˜μ΄μ§€λ₯Ό λ§Œλ“œλŠ” 좔세도 μžˆμŠ΅λ‹ˆλ‹€. πŸ“ŒνŠΉμ΄ν•œ 삽화와 SVG λ…νŠΉν•œ μ‚½ν™”λ₯Ό 톡해 μ‚¬μš©μžμ˜ μ‹œμ„ μ„ μ‚¬λ‘œμž‘κ³ , SVG(Scalable Vector Graphics)λ₯Ό 톡해 λ‹€μ–‘ν•œ λ””μŠ€ν”Œλ ˆμ΄μ— ν’ˆμ§ˆ μ €ν•˜ 없이 λ™μΌν•œ κ·Έλž˜ν”½ κ²½ν—˜μ„ μ œκ³΅ν•˜μ„Έμš”. πŸ“ŒUX 단계 λ‹¨μˆœν™” μ‚¬μš©μžκ°€ μ›ν•˜λŠ” 결과에 λ„λ‹¬ν•˜κΈ° μœ„ν•΄ 거쳐야 ν•˜λŠ” 단계λ₯Ό μ€„μ΄μ„Έμš”. 예λ₯Ό λ“€μ–΄, μ΅œμ‹  UX νŠΈλ Œλ“œ 쀑 ν•˜λ‚˜λŠ” 전체 결제 과정을 ν•œ 단계에 λ°°μΉ˜ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€. πŸ“ŒμŠˆνΌ μ•± μ‹œλŒ€ μ„œκ΅¬ μ†ŒλΉ„μžλ“€μ—κ²ŒλŠ” μ—¬μ „νžˆ 단일 λͺ©μ  앱을 μ‚¬μš©ν•˜λŠ” κ²½ν–₯이 μžˆμ§€λ§Œ, μ•„μ‹œμ•„μ˜ μ†ŒλΉ„μžλ“€μ—κ²ŒλŠ” ν•œ μ•±μ—μ„œ μ‡Όν•‘, 배달, λ©”μ‹ μ €, κ²Œμž„, μ†‘κΈˆ λ“± λͺ¨λ“  μ„œλΉ„μŠ€λ₯Ό ν•΄κ²°ν•˜λŠ” '슈퍼 μ•±'이 점점 인기λ₯Ό μ–»κ³  μžˆμŠ΅λ‹ˆλ‹€. πŸ“Œμ˜¨λ³΄λ”© κ°œμ„  효과적인 μ˜¨λ³΄λ”©μ„ 톡해 μ‚¬μš©μžμ—κ²Œ 앱이 무엇을 ν•  수 μžˆλŠ”μ§€λ₯Ό μ•Œκ²Œ ν•˜κ³  κΉŠμ€ 인상을 λ‚¨κΈ°μ„Έμš”. πŸ“ŒλΆˆλ³€μ˜ νŠΈλ Œλ“œ : 비평적인 사고와 λ””μžμΈ κ΄€λ ¨μ„± 비평적 사고와 λ””μžμΈ 관련성은 μ ˆλŒ€ μœ ν–‰μ΄ μ§€λ‚˜κ°€μ§€ μ•Šμ„ λΆˆλ³€μ˜ νŠΈλ Œλ“œμž…λ‹ˆλ‹€. 무엇인가가 νŠΈλ Œλ“œλΌλ©΄, κ·Έ λ’€μ—λŠ” 이것이 살아남은 μ΄μœ μ™€ κ·Έκ²ƒλ§Œμ˜ μž‘λ™ 논리, 개발 관점이 μžˆμ„ κ²ƒμž…λ‹ˆλ‹€. κ·Έ 뒀에 μžˆλŠ” 것을 유의 깊게 μ‚΄ν”Όμ„Έμš”. βž• ν•­λͺ©λ³„ ꡬ체적인 적용 사둀와 μœ μ˜ν•΄μ•Ό ν•  점은 원문에 μž‘μ„±λ˜μ–΄ μžˆκΈ°μ—(+μ˜€μ—­μ˜ κ°€λŠ₯성이 μžˆκΈ°μ—) 기사λ₯Ό 눌러 λ³΄λŠ” 것을 μΆ”μ²œλ“œλ¦½λ‹ˆλ‹€. μ˜€λŠ˜λ„ 즐거운 μ„œλΉ„μŠ€ λ˜μ„Έμš”:)

2021 UI/UX Design Trends and How To Make Them Work For You

Medium

2021 UI/UX Design Trends and How To Make Them Work For You

2021λ…„ 4μ›” 18일 μ˜€μ „ 10:44

λŒ“κΈ€ 4

μ£Όκ°„ 인기 TOP 10

μ§€λ‚œμ£Ό μ»€λ¦¬μ–΄λ¦¬μ—μ„œ 인기 있던 κ²Œμ‹œλ¬Όμ΄μ—μš”!

β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ