๐ ์ฅ๋ง์ฒ ์ด ์์ํ๊ณ ๊ฑฐ์ ๋งค์ผ ๋น๊ฐ ์จ๋ค๊ณ ํ๋ค์... ๋น ์ค๋๊ฑด ์ข์ง๋ง ๋๊ฐ๊ณ ์ถ์ง ์์ผ๋ ์ง์์ ์ฝ๋ฉ๋ง ใ ใ ๊ทธ๋ผ ์ค๋์ UI. UX์ ๋ํด์ ์์๋ณด๋ ์๊ฐ์ด๋ค์!! ํ์ดํ !!
๐ ์ค๋ ํ์ตํ ๋ด์ฉ
UI (User Interface, ์ฌ์ฉ์ ์ธํฐํ์ด์ค)
- ์ฌ๋๋ค์ด ์ปดํจํฐ์ ์ํธ ์์ฉํ๋ ์์คํ ์ ์๋ฏธํ๋ค.
- ํ๋ฉด์์ ๊ทธ๋ํฝ ์์์ธ์๋ ํค๋ณด๋, ๋ง์ฐ์ค ๋ฑ์ ๋ฌผ๋ฆฌ์ ์์๋ ์ปดํจํฐ์ ์ํธ ์์ฉํ๊ธฐ ์ํ ์์คํ ์ด๋ฏ๋ก UI๋ผ๊ณ ๋ณผ ์ ์๋ค.
GUI (Graphical User Interface, ๊ทธ๋ํฝ ์ฌ์ฉ์ ์ธํฐํ์ด์ค)
- ์ฌ์ฉ์๊ฐ ๊ทธ๋ํฝ์ ํตํด ์ปดํจํฐ์ ์ ๋ณด๋ฅผ ๊ตํํ๋ ์์ ํ๊ฒฝ์ ๋งํ๋ค.
- ์ด์์ฒด์ ์ ํ๋ฉด, ์ ํ๋ฆฌ์ผ์ด์ ์ ํ๋ฉด์ด GUI์ด๋ค.
UX (User Experience, ์ฌ์ฉ์ ๊ฒฝํ)
- ์ฌ์ฉ์๊ฐ ์ด๋ค ์์คํ , ์ ํ, ์๋น์ค๋ฅผ ์งใป๊ฐ์ ์ ์ผ๋ก ์ด์ฉํ๋ฉด์ ๋๋ผ๊ณ ์๊ฐํ๋ ์ด์ฒด์ ๊ฒฝํ์ด๋ค.
- ์ ํ, ์๋น์ค ์์ฒด์ ๋ํ ๊ฒฝํ์ ๋ฌผ๋ก , ํ๋ณด, ์ ๊ทผ์ฑ, ์ฌํ ์ฒ๋ฆฌ ๋ฑ ์ง๊ฐ์ ์ ์ผ๋ก ๊ด๋ จ๋ ๋ชจ๋ ๊ฒฝํ์ ์ฌ์ฉ์ ๊ฒฝํ์ด๋ผ๊ณ ํ ์ ์๋ค.
๐ ์ถ๊ฐ๋ก ๊ณต๋ถํ ๋ด์ฉ
[udemy] React ์๋ฒฝ ๊ฐ์ด๋ ๊ฐ์ ๋ณด๊ธฐ (props ์ ๋ฌ)
Figma ์ฌ์ฉ๋ฒ ์ตํ๋ณด๊ธฐ
๐ ์ค์ํ ๋ด์ฉ
- UI์ UX์ ๊ด๊ณ
'Daily > Today I Learned' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
22.06.30_TIL (0) | 2022.06.30 |
---|---|
22.06.28_TIL (0) | 2022.06.28 |
22.06.24_TIL (0) | 2022.06.24 |
22.06.23_TIL (0) | 2022.06.23 |
22.06.22_Section2 ํ๊ณ (0) | 2022.06.22 |