๐ฅ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 ํธ๋ ๋ ์ค ํ๋๋ ์ ์ฒด ๊ฒฐ์ ๊ณผ์ ์ ํ ๋จ๊ณ์ ๋ฐฐ์นํ๋ ๊ฒ์
๋๋ค.
๐์ํผ ์ฑ ์๋
์๊ตฌ ์๋น์๋ค์๊ฒ๋ ์ฌ์ ํ ๋จ์ผ ๋ชฉ์ ์ฑ์ ์ฌ์ฉํ๋ ๊ฒฝํฅ์ด ์์ง๋ง, ์์์์ ์๋น์๋ค์๊ฒ๋ ํ ์ฑ์์ ์ผํ, ๋ฐฐ๋ฌ, ๋ฉ์ ์ , ๊ฒ์, ์ก๊ธ ๋ฑ ๋ชจ๋ ์๋น์ค๋ฅผ ํด๊ฒฐํ๋ '์ํผ ์ฑ'์ด ์ ์ ์ธ๊ธฐ๋ฅผ ์ป๊ณ ์์ต๋๋ค.
๐์จ๋ณด๋ฉ ๊ฐ์
ํจ๊ณผ์ ์ธ ์จ๋ณด๋ฉ์ ํตํด ์ฌ์ฉ์์๊ฒ ์ฑ์ด ๋ฌด์์ ํ ์ ์๋์ง๋ฅผ ์๊ฒ ํ๊ณ ๊น์ ์ธ์์ ๋จ๊ธฐ์ธ์.
๐๋ถ๋ณ์ ํธ๋ ๋ : ๋นํ์ ์ธ ์ฌ๊ณ ์ ๋์์ธ ๊ด๋ จ์ฑ
๋นํ์ ์ฌ๊ณ ์ ๋์์ธ ๊ด๋ จ์ฑ์ ์ ๋ ์ ํ์ด ์ง๋๊ฐ์ง ์์ ๋ถ๋ณ์ ํธ๋ ๋์
๋๋ค.
๋ฌด์์ธ๊ฐ๊ฐ ํธ๋ ๋๋ผ๋ฉด, ๊ทธ ๋ค์๋ ์ด๊ฒ์ด ์ด์๋จ์ ์ด์ ์ ๊ทธ๊ฒ๋ง์ ์๋ ๋
ผ๋ฆฌ, ๊ฐ๋ฐ ๊ด์ ์ด ์์ ๊ฒ์
๋๋ค. ๊ทธ ๋ค์ ์๋ ๊ฒ์ ์ ์ ๊น๊ฒ ์ดํผ์ธ์.
โ ํญ๋ชฉ๋ณ ๊ตฌ์ฒด์ ์ธ ์ ์ฉ ์ฌ๋ก์ ์ ์ํด์ผ ํ ์ ์ ์๋ฌธ์ ์์ฑ๋์ด ์๊ธฐ์(+์ค์ญ์ ๊ฐ๋ฅ์ฑ์ด ์๊ธฐ์) ๊ธฐ์ฌ๋ฅผ ๋๋ฌ ๋ณด๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค. ์ค๋๋ ์ฆ๊ฑฐ์ด ์๋น์ค ๋์ธ์:)