2021 UI/UX Design Trends and How To Make Them Work For You
Medium
π₯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λ 4μ 18μΌ μ€μ 10:44
μ’μ κΈμ λλ€. κ³μ μ¨μ£ΌμΈμ©
μμ½κ³ κ°λλ€. Β Ω©(Β αΒ )Ω
κ°μ¬ν©λλ€β£
λλΆμ μ μκ³ κ°λλ€ κ°μ¬ν©λλ€!