๐ 2024๋ 5์ 4์ฃผ TOP3
1๏ธโฃ ์ ๋ณด ์ํคํ ์ฒ(IA) ๋จ๊ณ๋ณ ์ค๊ณ๋ฒ
2๏ธโฃ ๋น์ ์ UI๋ ๋์ฆ๋ ์ํ๊ฐ ์๋๋๋ค.
3๏ธโฃ ํ์ดํฌ๊ทธ๋ํผ์ ์จ๊ฒจ์ง ํ
1๏ธโฃ ์ ๋ณด ์ํคํ ์ฒ(IA) ๋จ๊ณ๋ณ ์ค๊ณ๋ฒ
์ ๋ณด ์ํคํ ์ฒ๋ฅผ ์ค๊ณํ๋ ๊ฒ์ ํจ๊ณผ์ ์ด๊ณ ์ง์ ๊ฐ๋ฅํ ๋ฐฉ์์ผ๋ก ์ฝํ ์ธ ๋ฅผ ์กฐ์งํ, ๊ตฌ์กฐํ ๋ฐ ๋ ์ด๋ธ๋งํ๋ ๊ฒ์ ํฌํจํฉ๋๋ค. ์ ์ค๊ณ๋ ์ ๋ณด ์ํคํ ์ฒ๋ ์น์ฌ์ดํธ๋ ์ฑ์์ ์ฌ์ฉ์๊ฐ ์ ๋ณด๋ฅผ ์ฐพ๊ณ ์์ ์ ํจ์จ์ ์ผ๋ก ์ํํ ์ ์๋๋ก ๋์ต๋๋ค. ํจ๊ณผ์ ์ธ ์ํคํ ์ฒ๋ฅผ ์ค๊ณํ๊ธฐ ์ํ ๋จ๊ณ๋ ํ๋ก์ ํธ์ ๋ฒ์์ ๋ฐ๋ผ ์ฝ๊ฐ ๋ค๋ฅผ ์ ์์ง๋ง, ์ผ๋ฐ์ ์ผ๋ก ๋ค์๊ณผ ๊ฐ์ ๊ณผ์ ์ ๋ฐ๋ฆ ๋๋ค.
1. ๋ชฉํ ๋ฐ ๋ชฉ์ ์ ์
๋น์ฆ๋์ค์ ๋ชฉํ์ ์ฌ์ฉ์์ ์๊ตฌ๋ฅผ ์ดํดํ๋ ๊ฒ์ด ๊ธฐ๋ณธ์ ๋๋ค. ์ํคํ ์ฒ๋ ๋น์ฆ๋์ค ๋ชฉํ(์: ๋งค์ถ ์ฆ๋ ๋๋ ์ฌ์ฉ์ ์ฐธ์ฌ ์ด์ง)์ ์ผ์นํ๋๋ก ์ ๋ จ๋์ด์ผ ํ๋ฉฐ ์ง๊ด์ ์ด๊ณ ๋ง์กฑ์ค๋ฌ์ด ๊ฒฝํ์ ์ํด ์ฌ์ฉ์ ๊ธฐ๋๋ฅผ ์ถฉ์กฑ์์ผ์ผ ํฉ๋๋ค.
์ํํ ์์
- ๋น์ฆ๋์ค ๋ชฉํ ์ดํด: ์น์ฌ์ดํธ ๋๋ ์ฑ์ด ๋ฌด์์ ๋ฌ์ฑํ๋ ค๊ณ ํ๋์ง ์ดํดํฉ๋๋ค.
- ์ฌ์ฉ์ ์๊ตฌ ํ์ : ์ฌ์ฉ์ ์ฐ๊ตฌ๋ฅผ ํตํด ๋์ ์ฌ์ฉ์์ ๊ทธ๋ค์ ์๊ตฌ๋ฅผ ์ดํดํฉ๋๋ค.
2. ์ฌ์ฉ์ ์ฐ๊ตฌ ์ํ
์ฐ๊ตฌ๋ฅผ ํตํด ์ ํ์ ์ฌ์ฉํ๋ ์ฌ๋๋ค์ ์ดํดํ๊ณ ์ฌ์ฉ์์ ๋ฉํ๋ชจ๋ธ์ ์ ์ํ๋ฉฐ, ์ด ์ ๋ณด๋ฅผ ํ์ฉํ์ฌ ์ฌ์ฉ์ ์นํ์ ์ ํ์ ๋ง๋ค ๊ฐ๋ฅ์ฑ์ ๊ทน๋ํํ ์ ์์ต๋๋ค.
์ํํ ์์
- ๋์ ์ฌ์ฉ์๋ก๋ถํฐ ์ ์ฑ์ ๋ฐ์ดํฐ ์์ง: ์ค๋ฌธ ์กฐ์ฌ์ ์ธํฐ๋ทฐ๋ฅผ ์ค์ํฉ๋๋ค.
- ์ฌ์ฉ์ ํ๋ฅด์๋ ์์ฑ: ํ๋ฅด์๋๋ ์ฌ์ดํธ ๋๋ ์ฑ์ ์ผ๋ฐ์ ์ธ ์ฌ์ฉ์๋ฅผ ๋ํํด์ผ ํฉ๋๋ค.
- ์๋๋ฆฌ์ค ๋ฐ ์ฌ์ฉ์ ์คํ ๋ฆฌ ๊ฐ๋ฐ: ์ฌ์ฉ์๊ฐ ๊ทํ์ ์ฌ์ดํธ์ ์ํธ ์์ฉํ๋ ๋ฐฉ๋ฒ์ ์์ธกํ๊ธฐ ์ํด ์๋๋ฆฌ์ค์ ์คํ ๋ฆฌ๋ฅผ ๊ฐ๋ฐํฉ๋๋ค.
. .
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
2๏ธโฃ ๋น์ ์ UI๋ ๋์ฆ๋ ์ํ๊ฐ ์๋๋๋ค.
์ผ๋ถ UI ๋์์ด๋๋ค์ด UI ๋์์ด๋๋ค์๊ฒ ํ์๋ก ๋์ฆ๋์ ์ ๋๋ฉ์ด์ ์์น์ ์ ์ํ๋ ๊ฒ์ ๋ค์์ต๋๋ค. ๋ถํํ๊ฒ๋ ์ด๋ UI๋ฅผ ์ํฐํ ์ธ๋จผํธ๋ก ํ๋ณดํ๋ ๋ฐ ๋์์ด ๋๋ฉฐ, ์ด๋ ํญ์ ์ฌ์ฉ์ ์๋๋ฅผ ์ ํ์ํค๋ UI๋ก ์ด์ด์ง๋๋ค.
๋ง์ UI ๋ชจ์ ๋์์ด๋๋ค์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ์ ๋๋ฉ์ด์ ํฌํธํด๋ฆฌ์ค์ฒ๋ผ ๋ค๋ฃจ๋ ๊ฒ ๊ฐ์ต๋๋ค. ํฝ์ฌ์ ์ ํ๋๊ธฐ๋ฅผ ๋ฐ๋ผ์ง ์๋ ํ, "Bounce" ๋๋ "Ease-in-Out"๊ณผ ๊ฐ์ ์ ๋๋ฉ์ด์ ์ํ๋ฅผ ํผํ ์ ์์ต๋๋ค.
UI ๋์์ธ ๋ชจ์
๋ค์์ ๊ฝค ํจ๊ณผ์ ์ด์์ผ๋ฉฐ ๊ถ์ฅํ๋ ๋ช ๊ฐ์ง ๊ฐ๋จํ ์์น์ ๋๋ค.
- ์ฌ์ฉ์์๊ฒ ์ด์ต์ด ๋๋ ์ธก๋ฉด์์ ๊ฐ ์ ๋๋ฉ์ด์ ์ ์ฌ์ฉ์ ์ ๋นํ ํ ์ ์์ต๋๋ค. โ์์๋คโ๋ ๋ง์ ์ ํฉํ์ง ์์ต๋๋ค.
- ์ ๋๋ฉ์ด์ ์ง์ ์๊ฐ์ 300ms ์ดํ๋ก ์ ์งํ์ธ์.
- ์ ํ ์ ๋๋ฉ์ด์ ์ํ๋ฅผ ํผํ์ธ์. ์ด๋ ๋์์ ๋๋ฆฌ๊ณ ํฅ๋ฏธ๋กญ์ง ์์ผ๋ฉฐ ๊ธฐ๊ณ์ ์ผ๋ก ๋ณด์ด๊ฒ ๋ง๋ญ๋๋ค.
- ์ ๋๋ฉ์ด์ ์ 99%๋ ๊ฐ๋จํ 'Ease-In' ๋๋ 'Ease-Out' ์ ๋๋ฉ์ด์ Easing์ ์ฌ์ฉํด์ผ ํฉ๋๋ค.
- Spring, Bounce ๋ฑ๊ณผ ๊ฐ์ ์ข ๋ ์ด๊ตญ์ ์ธ ์ ๋๋ฉ์ด์ ์ํ๊ฐ ํ์ํ ๊ฒฝ์ฐ๋ ๊ฑฐ์ ์์ต๋๋ค.
. . ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
3๏ธโฃ ํ์ดํฌ๊ทธ๋ํผ์ ์จ๊ฒจ์ง ํ
๋์์ธ ์ ํ์ด ์ด๋ป๊ฒ ์ง๊ฐ๊ณผ ํ๋์ ์ํฅ์ ๋ฏธ์น๋์ง์ ๋ํ ๊ณผํ์ ๋๋ค.
Aptos๊ฐ ์ถ์๋๋ฉด์ ๋ ๋ง์ ๊ธ๊ผด์ด ํ์ํ ์ด์ ๋ ๋ฌด์์ผ๊น์? ๊ทธ๋ฅ ๊ธฐ๋ณธ ๊ธ๊ผด๊ณผ ์ค์ ์ ์ฌ์ฉํ๊ณ ๊ณ์ ์งํํ๋ฉด ์ด๋จ๊น์? ์ด ๋ฌธ์ ๋ ์ฌ์ํด ๋ณด์ผ ์ ์์ง๋ง, ํ์ดํฌ๊ทธ๋ํผ ๋์์ธ์ ์ฐ๋ฆฌ๊ฐ ์ ๋ณด๋ฅผ ์ธ์ํ๊ณ ์ฒ๋ฆฌํ๋ ๋ฐฉ์์ ๊น์ ์ํฅ์ ๋ฏธ์นฉ๋๋ค. ์ด๊ฒ์ ํ์์ฃผ์์ ์ค๋, ๋นํ์ ์ฌ๊ณ ์ ์ง๊ด, ์ฐฝ์๋ ฅ๊ณผ ์ง๋ฃจํจ ์ฌ์ด์ ์ฐจ์ด๋ฅผ ์๋ฏธํ ์ ์์ต๋๋ค.
๊ฐ๋จํ ๋งํด์, ๋์์ธ์ ์ค์ํ๋ฉฐ, ๊ทธ๊ฒ์ ๋ท๋ฐ์นจํ๋ ์ฐ๊ตฌ๊ฐ ์ ์ ๋์ด๋๊ณ ์์ต๋๋ค. ์ข์ ๋์์ธ์ ๊ฐ์ง ๋ฌธ์๋ ๋ ํฐ ์ํฅ์ ๋ฏธ์น๊ณ , ๋ ์ํฅ๋ ฅ์ด ์์ผ๋ฉฐ, ๋ ๋์ ๊ฒฐ๊ณผ๋ฅผ ๋ง๋ค์ด๋ธ๋ค๋ ๊ฒ์ ์ฐ๋ฆฌ๋ ๋ฐ๊ฒฌํ๊ณ ์์ต๋๋ค.
์ด๋ฌํ ์ฐ๊ตฌ ๊ฒฐ๊ณผ๋ ์ฌ๋ฏธ์๊ณ , ๋๋ผ์ฐ๋ฉฐ, ๋๋ก๋ ์กฐ๊ธ ๋ถ์ํ๊ฒ ๋ง๋ค๊ธฐ๋ ํฉ๋๋ค. ๋ค๋ฅธ ๊ฒฐ๊ณผ๋ค ์ค์์๋, ํ์ดํฌ๊ทธ๋ํผ๊ฐ ์ฐฝ์๋ ฅ์ ํฅ์์ํค๋ ๋ฐ ์ด์ฝ๋ฆฟ๋งํผ ํจ๊ณผ์ ์ด๋ผ๋ ๊ฒ์ ๋ณด์ฌ์ค๋๋ค. ๊ทธ ๋ง์์(๊ทธ๋ฆฌ๊ณ ๋์์ธ์ ๋ํ ๊น์ ์ฌ๋)์ด Microsoft๊ฐ ์์ญ ๋ ๋์ ํ์ดํฌ๊ทธ๋ํผ์ ํฌ์ํ๋ ์ด์ ์ ๋๋ค.
Microsoft ํ์ดํฌ๊ทธ๋ํผ ์ฌ์ ์ 1992๋ TrueType๊ณผ ์๋ก์ด ๊ธ๊ผด ํ์์ธ Times New Roman์ ์ ๋ณด์ด๋ ์๋ก์ด ๊ธ๊ผด์ ๋์ ์ผ๋ก ์์๋์์ต๋๋ค. 3๋ ํ ์ฐ๋ฆฌ๋ Adobe์ ํ๋ ฅํ์ฌ OpenType์ ์ถ์ํ์ฌ ์ธ์์์ ํํ๋ ฅ์ ๋์ด๊ณ , ํ๋์ด์ ์๋์ด์ ๊ฐ์ด ์กํ ๋ฌธ์ ์ฒด๊ณ๋ฅผ ์ฌ์ฉํ๋ ์ธ์ด์ ๋ํ ์ง์์ ๊ฐ๋ฅํ๊ฒ ํ์ต๋๋ค.
. . ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋๊ธ
์๊ฒฌ์ ๋จ๊ฒจ์ฃผ์ธ์