์ฝ๋ ๋์์ธ ๋๋
๋ด๋ชจํผ์ฆ ํธ๋ ๋์ ๋ํ์ฌ
๋ด๊ฐ ์ฒ์ ์ด ํผ๋์ค๋ฌ์ด ๋ด๋ชจํผ์ฆ์ ์์์ ๋๋ ์ด๋ ๊ฒ ์ค๋ ๊ฐ ์ค ์์์น ๋ชปํ์๋ค. ๋๋ ์ดํ์๋ ๋ด๋ชจํผ์ฆ์ ๋ํด ๋ถ์ ์ ์ผ๋ก ๊ธ์ ์ผ๋ค. ์ ๊ทผ์ฑ๊ณผ ๋
์ฐฝ์ฑ์ด ๋ถ์กฑํ๋ค๋ ์ด์ ๋๋ฌธ์ด์๋ค.
ํ์ง๋ง ์ต๊ทผ์ ๋์์ธ ํธ๋ ๋์ ๋ํด ํฅ๋ฏธ๋ก์ด ์ด์ผ๊ธฐ๋ฅผ ์ ํ๋ฉด์, ๋๋ ๋ถ์ ์ ์ธ ์๊ฐ์ ์กฐ๊ธ ๋ด๋ ค๋๊ธฐ๋ก ๊ฒฐ์ฌํ๋ค. ๋ด๋ชจํผ์ฆ์ ์ฅ์ ์ด ์์ ์๋ ๊ฑด ์๋๋ฏ๋ก.
ํ๋์ ์คํ์ผ์ด ์๋๋ผ, ํ๋ก๋ํธ ์ ์ฒด๋ฅผ ์์ฐ๋ฅธ๋ค.
๋ด๋ชจํผ์ฆ์ ๊ฑฐ์ ์ฌ์ฉ๋์ง ์์๋๋งํผ ํ๋์ ์ธ UI๋ก์์ ์ ์ ํจ์ ๊ฐ์ ธ์๋ค. ํต์ฌ์ "๊ฑฐ์"๋ค. ๋ด๋ชจํผ์ฆ UI๋ ์๋ฒฝํ๊ฒ ์ฝ๋ฉํ ์ ์๋ค. ๋ฐ๋ผ์ ์ฒ์ ๋ณด์์ ๋ ๋๊ผ๋ ๋งค๋ ฅ์ ์ธ UI๊ฐ ์ค์ ํ๋ก๋ํธ์๋ ๊ทธ๋๋ก ์ ์ฉ๋์ง ์์์์ ๋ณผ ์ ์๋ค.
๋น์ทํ๊ฒ ์๊ธด ๋ ์ด์ด ๋๋ฏธ๋ ๋จ์กฐ๋กญ๊ณ ์ง๋ฃจํด ๋ณด์ผ ๊ฒ์ด๋ค.
๊ทธ๋ฌ๋, ๋ง์ฝ์ ๋น์ ์ด ๋์กฐ์ ๋๋น๊ฐ์ ์กฐ์ ํ์ฌ ๋งค๋๋ฝ๊ฒ ๋ง๋ค๊ณ ๋ถ์กฑํ ์ ์ ๋ณด์ํ๋ค๋ฉด ์ด๋จ๊น? ํญ์ ์ถฉ๋ถํ ๋๋น๊ฐ์ ๊ฐ์ง๋ค๋ฉด ๋๋ถ๋ถ์ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ ์์ด์ง ๊ฒ์ด๋ค. ์ ์ฒด ํ๋ก๋ํธ์ ์ ์ฉ๋ ์ ์์๊น?
์์ง์ ์๋๋ค. ํ์ง๋ง ๋ ๋์ ๋ฐฉํฅ์ผ๋ก ๋์๊ฐ๋ ๋จ๊ณ์ ์๋ค.
๋ด๊ฐ ์ด์ ์ ์ด ๊ธ์์ ์ธ๊ธํ๋ฏ์ด, ์คํ์ผ์ ์ ๊ฑฐํ์ ๋ ๋์์ธ์ ํด์น์ง ์๋๋ค๋ฉด ๋ด๋ชจํผ์ฆ์ ํจ๊ณผ๊ฐ ์๋ค. ์ข์ ์ฌ์ฉ ์ฌ๋ก
์ฒ์ ๋์์ธ์ ์์ํ ๋์ฒ๋ผ ๊ฐ๋จํ ์ฌ๋ผ์ด๋๋ฅผ ์์ํด๋ณด์๋ผ. ์ข์ธก ๋ฒ์ ์ ๋ณด๋ค์ํผ ์๋ฏธ๋ฅผ ์ ๋ฌํ์ง ๋ชปํ๋ค. ํ์ง๋ง ์ฐ์ธก ๋ฒ์ ์ ๋์กฐ๊ฐ ์ถฉ๋ถํ๋ฏ๋ก, ๋๋น๊ฐ ๋ฎ์ ๊ทธ๋ฆผ์๊ฐ ๋ณด์ด์ง ์๋๋ผ๋ ๋ด๋ชจํผ์ฆ์ด ์ ์ ์ฉ๋๋ค.
๋๋ ์นด๋๋ ๋์ ๋ณด์ด๋ ์ธํผ๋ ์ดํฐ, ๋๋กญ๋ค์ด ํ์ดํ๊ฐ ์๋ ๋ฆฌ์คํธ๋ฅผ ์ ํํ ๋์๋ ์ฌ์ฉ ๊ฐ๋ฅํ๋ค.
๋จ, ๋ฒํผ์ด๋ ํ
์คํธ ํน์ ๋ชจ๋ ์์์ ์ ์ฒด์ ์ผ๋ก ์ฌ์ฉํ๋ ๊ฒ์ ์ง์ํ์. ํ๊ฒ ๊ณ ๊ฐ์ธต
ํด๋น ์คํ์ผ์ด ๋ชจ๋ ์ดํ๋ฆฌ์ผ์ด์
์ ํ์ ๋ง์ง๋ ์๋ค. ๊ทธ๋ฌ๋ ๊ณ ๊ฐ ์งํฅ์ ์ด๊ณ , ์ ๊ทผ์ฑ์ด ์ข ๋จ์ด์ง๋ ๊ฒ๋ '์นํ์ '์ด๋ผ๊ณ ๋ถ๋ฅผ ์ ์๋ค๋ฉด์ผ ๊ณ ๊ฐ ์นํ์ ์ด๋ผ ํ ์ ์๋ค.
์ ์์๊ฑฐ๋, ๊ธ์ต, ์๋ฃ๊ธฐ์ ์ฒ๋ผ ์ง์คํ ํ๋ก๋ํธ๋ ๋ ๋์ "ํด๋์ค"๊ฐ ํ์ํ๋ค. ๊ทธ๋ฌ๋ฏ๋ก ๋ด๋ชจํผ์ฆ์ ์ด์ธ๋ฆฌ์ง ์๋ค.
๊ทธ๋ํ๋ ์ฐจํธ๊ฐ ๋ด๋ชจํผ์ฆ์ผ๋ก ๋์์ธ๋ ๊ฑธ ๋ณธ์ ์ด ์๋ค. ํ์ง๋ง ์ด๋ ๊ฒ ํ์ง ์๋ ๊ฒ์ด ์ข๋ค.
๋ง์น ์ ํ ๋์ด๋ก UI๋ฅผ ๋ง๋๋ ๊ฒ๊ณผ ๊ฐ๋ค.
๊ทธ ์์ฒด๋ก ํํ๋ฅผ ๋ง๋ค ์ ์์ผ๋ฉฐ, ์ด๊ฐ์ด ๋ถ๋๋ฝ๊ณ ๋ฌดํดํด ๋ณด์ด์ง๋ง ๋จน์ผ๋ฉด ์๋๋ค. ๊ทธ ์ค ์ผ๋ถ๊ฐ ์์ ๋ฌ๋ผ๋ถ๊ฒ ๋๋ค๋ฉด, ๋น์ ์ ๋น์ทํ ์ํฐํด ์๋ฆฌ์ฆ๋ก ํญ๋กํ๊ฒ ๋ ๊ฒ์ด๋ค.
์ด๊ฒ์ ์ง์คํ ๋์์ธ ์คํ์ผ์ด ์๋๋ค.
ํ์ง๋ง ๊ผญ ์ง์งํด์ง ํ์๋ ์๋ค. ๋๋ ๋ถํ์ํ๊ฒ ๋ณต์กํ๊ณ ์ง์คํ ๋์์ธ๊ณผ์ ์ ์ฌ๋ฏธ๋ฅผ ๋ํ๋ ๊ฑธ ์ง์งํ๋ค.
๋ง์ ๋์์ด๋๋ค์ด ํ๋ฆฝ์ฐจํธ ์์ด์ดํ๋ ์์ ์๊ฒฉํ๊ฒ ๊ทธ๋ ค๋ด๋ ๊ฑธ ๋ณด๋ฉด์ ๋ง์์ด ์ ์ข์๋ค. ์ธ์ ๋ ์ฌ๊ฐํ๊ธฐ ๋ณด๋ค ์ ํ ๋ฅผ ๊ฐ์ง๊ณ ๋
ธ๋ ๋ฏ, ๋๋ก๋ ์๋ก์ด ์๋๋ก ์ธํฐํ์ด์ค์ ๊ฐ๋
์ ๋นํ์ด๋ณด๋ ๊ฒ์ด ์ข๋ค.
์ค์ ๋ก ์ฌ๋๋ค ์์์ ์ด ๋์์ธ์ ๋ง๋ค ๋ ์ฌ๋ฏธ์์๋ค. ๋๋ ํ๋ ธ๊ณ ๋์์ ์ณ์๋ค.
๋ด๋ชจํผ์ฆ์ด 2020๋
์ ๊ฐ์ฅ ์ธ๊ธฐ ์๋ ํธ๋ ๋๋ ์๋ ๊ฒ์ด๋ค.
๋๋ฆฌ๋ธ์์๋ ๋ด๋ชจํผ์ฆ ๋์์ธ์ ์ธ๊ธฐ๊ฐ ์ฌ๋ผ์ง๊ณ ์๋ค. ๋ค๋ง ์ ๊ทผ์ฑ์ ์ค์ํ๋ ์ฌ๋๋ค์๊ฒ ์ข์ ํ์ ์ด๊ธฐ ๋๋ฌธ์, ์ด๋ฐ๊ธ ์ด์ ๋ํ ์ํฐํด์ด ์ฐ์ฌ์ง ๋ฟ์ด๋ค.
ํ์ง๋ง, ์ด ๋ชจ๋ ๋นํ์ ๋ค๋กํ๊ณ ๋ด ๋ชจํผ์ฆ์ ์ข ๋ ์ ๊ทผํ๊ธฐ ์ฝ๊ฒ ๋๋น๋ฅผ ์ค ์ ์๋ ์์์ ์์ด ๋ณด์ํ๋ฉด UI์ ์ฌ๋ฏธ๋ฅผ ์ค ์ ์์ ๊ฒ์ด๋ค.
๊ทธ๋, ๋ง๋ค!
๋์์ธ์ด ์ฆ๊ฒ๋ค๋ ๊ฒ์ ๊ธฐ์ตํ๋๊ฐ?
์ฒ์ ๋ฒํผ ๋ฐ์ ๋ถ๋๋ฝ๊ณ ๋ค์ํ ๊ทธ๋ฆผ์๋ฅผ ๋ง๋ค์์ ๋, ์ธ์์ ๋ค ๊ฐ์ง ๊ธฐ๋ถ์ด๋ค์๋ค. ๊ทธ ์ฆ๊ฑฐ์ ๋ ๋๋์ด ์์ง๋ ๊ธฐ์ต๋๋ค.
์ฌ์ง์ด ์ฝ๋ฏน์ฐ์ค๋ฅผ ๋ํ ๊ธ๊ผด๋ก ์ ์ฉํ์ฌ ๋์์ธ์ ์ฌ๋ฏธ๋ฅผ ๋ํ๊ธฐ๋ ํ๋ค. ๋งค๋ ฅ์ ์ด์์ง๋ง ๋์์ ์ ๋ง ์ด๋ ต๊ธฐ๋ ํ๋ค. UI๋ฅผ ๋์์ธํ๋ ๊ณผ์ ์์ ์ ํ ๋ฅผ ๊ฐ์ง๊ณ ๋๋ฏ์ด ์ฐฝ์์ ์ธ ๋ฐฉ๋ฒ์ผ๋ก ์์๋ค์ ๋นํ์ด๋ณด๋ ์์๋ ฅ์ด ์ค์ํ๋ค. ๋จ์ํ ํ ๋ฌด๋๊ธฐ์ ์ ํ ๋ก ๋๋์ง ์๋๋ก ์์ฑ๋ ์๋ ๋์์ธ์ ํด์ผํ๋ค. ์ฐ๋ฆฌ๋ ๋์งํธ ์๋์ ์์ ๊ฐ๊ฐ ์๋ ๊ฑด์ถ๊ฐ์ด์ง๋ง, ์ฐ๋ฆฌ๋ค๋ ์ด ์ธ์์ ์๋ ์๋ก์ด ๊ฒ์ ๋ง๋ค ์ ์๋ค. ๊ทธ๋ ์ง ์๋ค๋ฉด, ์ฐ๋ฆฌ๋ ๋๊ฐ์ ๋ณด์ด๋ ๊ฑด๋ฌผ๋ค ์์ ๊ฐํ์ง๋ด์ผ ํ ๊ฒ์ด๋ค. ๋ฒ์ญ์ : ์ด์ง์ ์ ์ : Michal Malewicz ์๋ฌธ ๋งํฌ: https://uxdesign.cc/loading-neumorphism-2-2f6534732c32 *๋ฌด๋จ ์ ์ฌ ๋ฐ ์ฌ๋ฐฐํฌ ๊ธ์ง(๋งํฌ ๊ณต์ ๊ฐ๋ฅ) ๊ฐ์ด ์ฝ๊ณ ์ถ์ ์น๊ตฌ๊ฐ ๋ ์ค๋ฅธ๋ค๋ฉด ๐๊ตฌ๋
๋งํฌ ๊ณต์ ํ๊ธฐ ๋ฒ์ญ์ด ํ์ํ ์ํฐํด์ด ์๋ค๋ฉด
[๋๋
๋๋ค์ด์
OPEN] ์์ ๊ธ์ก์ด๋ผ๋ ๋๋
์ ์๋น์ค ์ ์ง๋ฅผ ์ํด ํ์ํด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. :) ์นด์นด์ค๋ฑ
ํฌ 3333 14 0517 920 (์ฌ์์ง) *ํ์ํด์ฃผ์ ๊ธ์ก์ ์ ์ก ์๋น์ค ์ด์(๋ฉ์ผ ๋ฐ์ก ์๋ฃจ์
๋น์ฉ)์ ์ฌ์ฉ๋ฉ๋๋ค. *ํ์์(์ ๊ธ์๋ช ) ๋ฆฌ์คํธ ๊ธฐ์ ์ ์ํ์ง ์์ผ์๋ ๋ถ์ ๋ฉ์ผ๋ก ๋ง์ํด์ฃผ์ธ์. 3์ ํ์ํด์ฃผ์ ๋ถ๋ค ์์์ผ, ๋ฐ๋์ฑ, ํ๋ฏธํฌ, ํ๋ณด๋, ์ด์์ฃผ, ์ด์ํธ, ์ ๋ณํฌ, ๋ฐ์ง์ฐ, ์ ๋์, ์ต๊ณ ์ด ์ธ 3๋ถ ํ์ํด์ฃผ์ ๋ถ๋ค, ์ ๋ง ๊ฐ์ฌํฉ๋๋ค! ๋๋ถ์ ์๋น์ค๋ฅผ ์ ์งํ ์ ์๊ฒ ๋์์ต๋๋ค. :) |