ํ์คํ
๋์์ด๋๊ฐ ๋๊ณ ์ถ์ ์์ฌ์์ด ๋์์ด๋๊ฐ ์ง์ ๋ง๋ค์์ต๋๋ค.
๐ ๊ฐ์์๊ฐ
๊ฐ๋ฐ์์ ์ํตํ ๋ ์์ง๋ "์~ํ ์ด๋ฐ ๋๋์ผ๋ก ํด์ฃผ์ธ์." ์ด๋ ๊ฒ ์ํตํ์๋์?
Behance, Dribbble๋ณด๋ฉด ๋จ๋ค ๋คํ๋ ํ๋กํ ํ์ดํ ๋๋ง ๋ชปํ๋ ๊ฒ ๊ฐ์์ ๋ถ์ํ์ ๊ฐ์?
์ฝ๋๊น์ง ๋ฐฐ์ฐ๊ธด ๋๋ฌด ์ซ๊ณ .. ์ฝ๊ฒ ๋ฐฐ์ฐ์ง๋ง ๋ฉ์๊ฒ, ๋ค์ํ๊ฒ ํํํ ์ ์๋ '์์๊ฐ ๋ง์' ํ๋กํ ํ์ดํ ํด์ ์ฐพ๊ณ ๊ณ์ ๊ฐ์?
๊ทธ๋ผ ์ ์ฐพ์์ค์
จ์ต๋๋ค. ๋ค, ์ฌ๊ธฐ๊ฐ ๋์์ธ ๋ง์ง์
๋๋ค.

1. Hi-Fi ํ๋กํ ํ์ดํ ํด์ธ ํ๋ฆฐ์ํ์ ์ฌ์ฉํด์ผ ํ๋ ์ด์
๊ธฐ๋ณธ์ ์ผ๋ก UI ๋์์ด๋๋ ๊ธฐํ์์ ๊ฐ๋ฐ์ ์ฌ์ด์ ์์นํ๊ณ ์๋ ์ง๊ตฐ์ด์ฃ .
๊ธฐํ์๊ฐ ์๋ํ ๊ธฐํ๊ณผ ์ผ์นํ๋์ง, ์ ์ ํ๋ก์ฐ์ ์ด์ ์๋์ง ํ์ธํ๊ธฐ ์ํด์ ์ฃผ๋ก Lo-Fi ํ๋กํ ํ์ดํ ํด์ ์ฌ์ฉํฉ๋๋ค. ๋ฐ๋ฉด, ๊ฐ๋ฐ์์ ์ํตํ ๋ ๋์์ด๋์ ์๋๋ฅผ ๊ฐ๋ฐ์์๊ฒ ์ค๋(์ํต)์ ํ๊ธฐ ์ํ ์ฉ๋๋ก Hi-Fi ํ๋กํ ํ์ดํ ํด์ ์ฌ์ฉํฉ๋๋ค.
๊ทธ์ค ์ ๊ฐ ํ๋ฆฐ์ํ์ ๊ณ ๋ฅธ ์ด์ ๋ ์ฝ๋๋ฅผ ์ ํ์ ์๊ณ , ๋ฐฐ์ฐ๊ธฐ๋ ์ฌ์ด๋ฐ ๋ค์ํ ํํ์ ํ ์ ์๋ ์ต์ ์ ํด์ด๊ธฐ ๋๋ฌธ์
๋๋ค : )

2. ์์
์ ์ด๋ป๊ฒ ์งํ๋๋์?
์ ๊ฐ ์ค๋นํ ํ๋ฆฐ์ํ ์์ ํ์ผ์ ๋ค์ด ๋ฐ์ผ์๊ณ , ์ ๊ฐ์ข๋ฅผ ๋ณด๋ฉด์ ๋ฐ๋ผ ํ๋ฉด์ ํ์ตํ์๋ฉด ๋ฉ๋๋ค. ์์ฃผ ๊ธฐ๋ณธ์ ์ธ ์ธํฐํ์ด์ค๋ถํฐ ์ ๋๋ฉ์ด์
, ์ธํฐ๋ ์
์๋๋ฒ์ ๋น ๋ฅด๊ฒ ์ตํ๊ณ ๋ค์ํ ์ค์ต ์์ ๋ฅผ ํตํด ์ตํ๋ณผ ๊ฑฐ์์. ์ค๋ฌด์ ๋์ผํ ๋ฐฉ๋ฒ์ผ๋ก ์ค์ผ์น์์ ์์
ํ UI๋ฅผ ๋ถ๋ฌ์์ ํ๋กํ ํ์ดํ์ ๋ง๋ค๊ณ , ๋
นํ ๋ฐ ์ถ๋ ฅํ๋ ๋ฐฉ๋ฒ์ผ๋ก ๋ง๋ฌด๋ฆฌํฉ๋๋ค.


์ง์ง ๊ณต๋ถ์ ์์์ ๊ฐ์ข ๋๋๊ณ ์ธ๊ฑฐ ์์์ฃ ? ํด๋น ๊ฐ์ข๊ฐ ๋ง๋ฌด๋ฆฌ๋๋ฉด ๊ผญ ๋ณธ์ธ์ UI ๋์์ธ์ผ๋ก ๋ณต์ตํด๋ณด์๊ณ ์ด๊ณณ ์ ๊ณณ์ ์๋ํด์ฃผ์ธ์. ๊ทธ๊ฒ ์ฌ๋ฌ๋ถ์ '์ง์ง' ์ค๋ ฅ์ด ๋ฉ๋๋ค.
3 ์ด ๊ฐ์ข ํ์ ์ค๋น๋ฌผ

ํด๋น ๊ฐ์ข์์๋ ํ๋ฆฐ์ํ(Principle)๊ณผ ์ค์ผ์น(Sketch)๋ฅผ ์ฌ์ฉํฉ๋๋ค. ์ค์ผ์น ๊ฐ์ข๋ ์๋๊ณ , ์ข ๋ ํ๋ฆฌํฐ ๋์ UI๋ฅผ ๋ถ๋ฌ์ค๊ธฐ ์ํ ์๋จ์ผ๋ก ์ฌ์ฉํฉ๋๋ค. ์ฌ์ ์ ์ค์ผ์น ๊ฐ์ข๋ฅผ ๋ณด๊ณ ์ค์ค ๋ถ๋ค์ ์ ํ๋ธ์์ ๋ณผ ์ ์์ต๋๋ค. (๋ฌด.๋ฃ.์ธ ๊ฑด ๋น๋ฐ์ด์์..)
๋ง์ฝ ๋งฅ์ ํ๋ฆฐ์ํ์ด ๊น๋ ค ์์ง ์๋ค๋ฉด, ํด๋น ๋งํฌ๋ก ๋ค์ด๊ฐ์ ๋ค์ด๋ฐ์์ฃผ์ธ์. ๋๋๋ก์ด๋ฉด ๊ตฌ๋งคํด์ฃผ์๊ณ , ๋น์ฉ์ด ๋ถ๋ด๋์๋ ๋ถ๋ค์ ๋ฌด๋ฃ๋ก 14์ผ๊ฐ ํธ๋ผ์ด์ผ์ ๋ค์ด๋ฐ์์ฃผ์ธ์. (๋์ ํธ๋ผ์ด์ผ ๋๋๊ธฐ ์ ์ ๊ฐ์ข๋ฅผ ๋น ๋ฅด๊ฒ ์์ฃผํ์
์ผ ํฉ๋๋คใ
ใ
)
ํ๋ฆฐ์ํ https://principleformac.com/
๊ทธ๋ฆฌ๊ณ , ์ด ๊ฐ์๋ฅผ ๋ฃ๋๋ฐ ์ค๋นํด์ผํ๋ ํ์ํ ์ต์์ฌ์(OS ๋ฑ)๋ฅผ ๊ผญ ์์งํด์ฃผ์ธ์!
์ ๋ ์ค์!! ํน์๋ผ๋ ๋งฅ OS ์ฌ์ฉ์๊ฐ ์๋์ ๋ถ์ ์ ๋ ์์ฒญํ์ง ๋ง์์ฃผ์ธ์. ๋งฅ OS๋ฅผ ์ํ ํด๋ก ๊ฐ์ข ์งํํฉ๋๋ค. ๊ทธ๋ ์ง๋ง... UI ๋์์ด๋๋ผ๋ฉด ์ ๋ผ๋ฉด ์ํผ ๊ฐ๋ ฅ ์ถ์ฒํฉ๋๋ค. ์๋๊ตฌ์? ์ ์ธ๊ณ UI ํด 1์์ธ ์ค์ผ์น์ ํ๋กํ ํ์ดํ 1์ ํ๋ฆฐ์ํ์ด๋๊น์.
๐๐ปโโ๏ธ ๊ถ๊ธํด์!
Q. UI ๋์์ธ ๊ณต๋ถํ์ง ์ผ๋ง ์ ๋ ์
๋ฌธ์๊ฐ ๋ด๋ ๋ ๊น์?
A. ๋ค, ์ด ๊ฐ์ข๋ Hi-Fi ํ๋กํ ํ์ดํ ํด ์ด๊ธ ๊ฐ์ข์
๋๋ค. ๋ฐฐ์๋๋ฉด ์ฌ๋ฌ๋ถ์ ๋ ๋ฒจ์
!
Q. ํ๋ฆฐ์ํ์ ๋ฐฐ์ฐ๋ฉด ๋ฌด์์ด ์ข์๊ฐ์?
A. ๋ ์ด์ ๊ฐ๋ฐ์์ "์~ ์ค๋ฅด๋ฅต~ ๋ ์ฉ~"์ด๋ฐ ์์ฑ์ด๋ก ๋ํํ์ง ์์๋ ๋ฉ๋๋ค. ์์์ ๋ค๋ฅธ ๋์์ด๋๊ฐ ๊ทธ๋ฌ๊ณ ์๋ ๊ฑธ ๋ณด๋ฉด ์ฝ๊ฐ ์ํผ์..
Q. ์ทจ์
์๋ ๋์์ด ๋ ๊น์ ?
A. ์ก์ฝ๋ฆฌ์, ์ฌ๋์ธ ๊ฐ์ ๋ฆฌ์ฟ ๋ฃจํ
์๋น์ค๋ฅผ ๋ค์ด๊ฐ์ UI ๋์์ด๋ ์ฐ๋ ์ฌํญ์ ๋ณด๋ฉด 'ํ๋กํ ํ์ดํ ํด ๋ฅ๋ ฅ ๋ณด์ '๊ฐ ๋ค์ด ์์ด์. ๊ธฐ์
์์ ์ ์ ๋ ๋ง์ ๋ฅ๋ ฅ์ ์๊ตฌํ๊ณ ์๋ ์ํฉ์
๋๋ค. ํ๋ฆฐ์ํ ๊ฐ์ข๋ฅผ ๋ค์๋ค๊ณ ์ทจ์
์นํจ๊ฐ ๊ฐ๋ฆฌ์ง ์์ง๋ง, ๋จ๋ค๊ณผ์ ์ฐจ๋ณ์ฑ์ ๋ ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค.
Q. ํ๋ฆฐ์ํ์ ์ค์ ๋ก ๋ง์ด ์ฌ์ฉํ๋์?
A. ๋ค, ์์ ๋ง์๋๋ฆฐ ๊ฒ์ฒ๋ผ, Hi-Fi ํ๋กํ ํ์ดํ ํด ์ ์ธ๊ณ 1์๋ฅผ ์ฐจ์งํ ํด ์
๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋ฌด์ํ ๋ง์ ๊ธ๋ก๋ฒ ๊ธฐ์
์์ UI ๋์์ด๋๋ค์ด ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
(์ฐธ์กฐ. https://uxtools.co/survey-2019/)


ํด๋น ๊ฐ์ข๋ฅผ ๋ง๋ค๊ฒ ๋ ๊ณ๊ธฐ๋, ๋์์ธ ์
๋ฌธ์๋ ๋น์ ๊ณต์๊ฐ ์๋, UI ๋์์ธ์ ์ ๋ฌธ์ ์ผ๋ก ํ๊ณ ๊ณ์ ์ค๋ฌด ๋์์ด๋(์๋น ๋์์ด๋)๋ถ๋ค์๊ฒ ์ ์ง์์ ๊ณต์ ํ๊ธฐ ์ํด ๋ง๋ค์์ต๋๋ค. ํ๋ฆฐ์ํ์ ์ด์ฉํด์ ๋ฉ์ง ํฌํธํด๋ฆฌ์ค ๋ง๋ค ๋ฟ๋ง ์๋๋ผ, ์ค์ UI ๋์์ด๋๋ก ์ผํ๋ค๋ณด๋ฉด ํฌ๊ณ ์์ ์ฌ์ฉ์ฑ์ ๊ณ ๋ฏผํ๊ณ ํํํ๋ ๋ฐ ์๊ฐ์ ์ผ๋ก ํํํ๋ ๋ฐ ๊ต์ฅ์ด ์ ์ฉํฉ๋๋ค.์ด์ ๋ง๋ก ์ค๋ช
์ด ์๋๋ผ ๋ณด์ฌ์ฃผ๋ ๋์์ด๋๊ฐ ๋์ค ์ ์์ต๋๋ค : )