UXUI ์ฃผ๊ฐ„ ์•„ํ‹ฐํด

๐Ÿ”– UXUI ํ•ด์™ธ ์ธ๊ธฐ ์•„ํ‹ฐํด

2022๋…„ 4์›” 4์ฃผ!

2022.04.29 | ์กฐํšŒ 2.11K |
0
|

from.designer

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UXUI ์ปค๋ฎค๋‹ˆํ‹ฐ

๐Ÿ”– 2022๋…„ 4์›” 4์ฃผ TOP3

1๏ธโƒฃ ์ข‹์€ UI vs. ๋‚˜์œ UI

2๏ธโƒฃ [UX์‚ฌ๋ก€ ์—ฐ๊ตฌ] Krispy Kreme ์•ฑ

3๏ธโƒฃ UI ๋””์ž์ด๋„ˆ์˜ ์š”์†Œ


1๏ธโƒฃ ์ข‹์€ UX vs. ๋‚˜์œ UX

์ข‹์€ ๋””์ž์ธ์€ ํ”„๋กœ๋•ํŠธ๊ฐ€ ์•„๋‹ˆ๋ผ ๊ณผ์ •์ž…๋‹ˆ๋‹ค.

Jared Sinclair

UX๋Š” ๋ฏธํ•™์— ๊ด€ํ•œ ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. ์‚ฌ์šฉ์„ฑ๊ณผ ์‚ฌ์šฉ์ž ๋งŒ์กฑ๋„์— ๊ด€ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ฏธํ•™์ ์œผ๋กœ ๋งŒ์กฑ์Šค๋Ÿฌ์šด ๋””์ž์ธ์€ ๋•Œ๋•Œ๋กœ UX๊ฐ€ ๋ถ€์กฑํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ๋ฐ”๋กœ UI๊ฐ€ UX์˜ ํ•˜์œ„ ์ง‘ํ•ฉ์ธ ์ด์œ ์ž…๋‹ˆ๋‹ค. UX๋ฅผ ๊ณ ๋ คํ•˜์ง€ ์•Š๊ณ ๋Š” ์ž„ํŒฉํŠธ ์žˆ๋Š” UI๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

๊ฒฐ๊ตญ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฒƒ์€ ์‚ฌ์šฉ์ž์˜ ๊ฒฝํ—˜์ž…๋‹ˆ๋‹ค. ํƒ์ƒ‰ ๋ฐ ์ •๋ณด ๊ตฌ์„ฑ์—์„œ๋ถ€ํ„ฐ ํ›Œ๋ฅญํ•˜๊ณ  ๋ฐ˜์‘์ด ๋น ๋ฅธ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์— ์ด๋ฅด๊ธฐ๊นŒ์ง€ UX๋””์ž์ธ์—๋Š” ์ˆ˜๋งŽ์€ ๊ฒƒ๋“ค์ด ํฌํ•จ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ช‡ ๊ฐ€์ง€ ์˜ˆ์‹œ๋ฅผ ๋ณด๋ฉด์„œ UX ๋ถˆ์ผ์น˜๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ๋ฅผ ํ•œ๋ฒˆ ์ฐพ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

๊ทธ ์ „์— Don Norman(UX ๋””์ž์ธ์˜ ์•„๋ฒ„์ง€)์ด ์ข‹์€ UX์™€ ๋‚˜์œ UX์˜ ๊ณ ์ „์ ์ธ ์˜ˆ์‹œ๋ฅผ ๊ณต์œ ํ•˜๋Š” ์ž‘์€ ๋น„๋””์˜ค๋ฅผ ํ•œ๋ฒˆ ๋ณด์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.

์ด์ œ ๋‚ด ๋ธ”๋กœ๊ทธ๋กœ ๋Œ์•„์™€์„œ ๋“œ๋ฆฌ๋ธ”์—์„œ ๋ช‡ ๊ฐ€์ง€ ์˜ˆ๋ฅผ ๊ฐ€์ ธ์™€ ์ผ๋ถ€ UX ๋””์ž์ธ์„ ์—ฐ๊ตฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

1. ์ฝ”๋”ฉ ์›น์‚ฌ์ดํŠธ์˜ ๋žœ๋”ฉํŽ˜์ด์ง€

๋‹ค์Œ์€ ์ œ๊ฐ€ ์ƒ๊ฐํ•ด๋‚ธ ์ ์ž…๋‹ˆ๋‹ค.  ์ œ ์ดํ•ด์— ๋”ฐ๋ผ ๋™์ผํ•œ ๋žœ๋”ฉํŽ˜์ด์ง€๋ฅผ ๋‹ค์‹œ ๋งŒ๋“ค๋ ค๊ณ  ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค.

2. ์•ฑ ๊ฐ€์ž…/๋กœ๊ทธ์ธ ํŽ˜์ด์ง€

์ด ํŽ˜์ด์ง€๊ฐ€ ๋‚˜์œ UX์ธ ์ด์œ :

 A. Google, Twitter, Apple ์ฒ˜๋Ÿผ ๋น ๋ฅด๊ฒŒ ๊ฐ€์ž…ํ•  ์ˆ˜ ์žˆ๋Š” ๋‹ค๋ฅธ ๊ฐ€์ž… ์ˆ˜๋‹จ๋“ค์ด ์—†์Šต๋‹ˆ๋‹ค.

B.  ๋งค๋ ฅ์ ์ธ ์š”์†Œ๋“ค์ด ์—†์Šต๋‹ˆ๋‹ค. ์œ„์— ์‚ฌ์šฉ๋œ ์ด๋ฏธ์ง€๋“ค์ด ์ž˜๋ฆฌ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.  

C. ์‚ฌ์šฉ ์ค‘์ธ ๋ฒ„ํŠผ์— ๊นŠ์ด๊ฐ€ ์—†๊ณ  ๋Œ€ํ™”ํ˜•ํƒœ๋กœ ๋ณด์ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค.  

D.  ์ƒ๋‹จ์— ์‚ฌ์šฉ๋˜๋Š” ํฐํŠธ๋“ค์ด ๊ตต์œผ๋ฉฐ, ๋ชจ๋‘ ๋Œ€๋ฌธ์ž๋กœ ๋˜์–ด์žˆ์–ด ๋ณด๊ธฐ์— ์ข‹์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

..  ๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.


2๏ธโƒฃ [UX์‚ฌ๋ก€ ์—ฐ๊ตฌ] Krispy Kreme ์•ฑ

์ด๋ฒˆ ์‚ฌ๋ก€ ์—ฐ๊ตฌ์—์„œ๋Š” Krispy Kreme(ํฌ๋ฆฌ์Šคํ”ผ ํฌ๋ฆผ)์˜ ์Œ์‹ ๋ฐฐ๋‹ฌ ์•ฑ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋””์ž์ธํ•˜๋Š” ์ „ ๊ณผ์ •์„ ์•Œ๋ ค๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค!

๋งฅ๋ฝ

์ €๋Š” ์–ด๋ฆฐ ์‹œ์ ˆ ๋‚ด๋‚ด ๋„๋„›์˜ ์—ด๋ ฌํ•œ ํŒฌ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ๋„๋„›์ด ์ค€๋น„๋˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ์•ฝ๊ฐ„์˜ ์ฐฝ์˜์„ฑ๊ณผ ์„คํƒ•์œผ๋กœ ์–ผ๋งˆ๋‚˜ ์žฅ์‹์ ์ธ์ง€ ๊ฐํƒ„ํ•ฉ๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์ €๋Š” ํ‰์ƒ ํ•œ ๋ฒˆ๋„ ๊ฒฝํ—˜ํ•ด๋ณด์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค. ์ œ๊ฐ€ ์‚ฌ๋Š” ๋„์‹œ์—๋Š” ๋„๋„›์„ ์‚ด ๊ณณ์ด ์—†๊ณ , ์ด๊ฒƒ์ด ์ œ๊ฐ€ ํ•œ๋™์•ˆ ๋‹ค๋ฃจ๊ณ  ์‹ถ์—ˆ๋˜ ์ฃผ์ œ์˜€์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์ €๋Š” ์ €์™€ ๊ฐ™์€ ๋„๋„› ์• ํ˜ธ๊ฐ€๋“ค์„ ์œ„ํ•ด ํŠน๋ณ„ํžˆ ๊ฐ€์ƒ์˜ ์Œ์‹ ๋ฐฐ๋‹ฌ ์•ฑ์„ ๋””์ž์ธํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.

ํฌ๋ฆฌ์Šคํ”ผ ํฌ๋ฆผ - What & Why?

ํฌ๋ฆฌ์Šคํ”ผ ํฌ๋ฆผ์€ ๋ฏธ๊ตญ์˜ ํ‰ํŒ ์ข‹์€ ๋„๋„›๊ณผ ์ปคํ”ผ ์ฒด์ธ์ ์œผ๋กœ, ๊ธ€๋ ˆ์ด์ฆˆ๋“œ ๋„๋„›๊ณผ ์ •ํ†ต๊ณผ ์„ธ๋Œ€๋ฅผ ๊ฑฐ์นœ ์˜ค๋ž˜๋œ โ€œ๋น„๋ฐ€ ์žฌ๋ฃŒโ€๋กœ ์œ ๋ช…ํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋“ค์€ ์˜ค๋žœ ๋ฌธํ™”, ๋…ผ๋ž€ ๊ทธ๋ฆฌ๊ณ  ์„คํƒ•์— ํ ๋ป‘ ์ –์€ ๋„๋„›์„ ์ง€๋‹Œ ๋ฏธ๊ตญ์˜ ๊ฒฝ์Ÿ์ด ์น˜์—ดํ•œ ํŒจ์ŠคํŠธํ‘ธ๋“œ ์‹œ์žฅ์—์„œ ๊ทธ๋“ค์˜ ์œ„์น˜๋ฅผ ์œ ์ง€ํ•ด ์™”์Šต๋‹ˆ๋‹ค.

ํ”„๋กœ์ ํŠธ๋ฅผ ์œ„ํ•ด ํฌ๋ฆฌ์Šคํ”ผ ํฌ๋ฆผ์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์€ ์‰ฌ์šด ๊ฒฐ์ •์ด์—ˆ์Šต๋‹ˆ๋‹ค.

๋ชฉํ‘œ

  • ์‚ฌ์šฉ์ž๊ฐ€ ์„ ํƒํ•œ ์ง€์—ญ ๋งค์žฅ์—์„œ ์ œ๊ณตํ•˜๋Š” ์ „์ฒด ๋ฉ”๋‰ด๋ฅผ ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์‚ฌ์šฉ์ž๊ฐ€ ์ฃผ๋ฌธ์„ ํ™•์ธํ•˜๊ธฐ ์ „์— ๋ฐฐ๋‹ฌ ๋˜๋Š” ํ…Œ์ดํฌ์•„์›ƒ ์ค‘์—์„œ ์„ ํƒํ•˜๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.
  • ๋ฉ”์ธ ํ™”๋ฉด์˜ ํ•„ํ„ฐ๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ํ•ญ๋ชฉ์„ ํ›‘์–ด๋ณด๊ณ  ๊ฒฐ์ • ์žฅ์• ๋ฅผ ์ตœ์†Œํ™”ํ•˜์—ฌ ์ฃผ๋ฌธ์„ ๋น ๋ฅด๊ฒŒ ๋งˆ๋ฌด๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์™€์ด์–ดํ”„๋ ˆ์ž„

์ €๋Š” ๋ช‡ ์‹œ๊ฐ„ ๋™์•ˆ ์•„์ด๋””์–ด๋ฅผ ๋‚ด๊ณ , ์ž๋ฃŒ๋ฅผ ์กฐ์‚ฌํ•˜๊ณ , ์˜๊ฐ์„ ์ค€ ๊ฒƒ๋“ค์„ ์‚ดํŽด๋ณด๊ณ , ๋‚˜์ค‘์— ๋” ์„ธ๋ จ๋œ ๋””์ž์ธ์œผ๋กœ ๋ฐ”๋€” ๋Œ€๋žต์ ์ธ ํ‹€์„ ์Šค์ผ€์น˜ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ผ๋‹จ Lo-fi ์™€์ด์–ดํ”„๋ ˆ์ž„ ์ž‘์—…์ด ๋๋‚˜๊ณ  ๋‚˜๋‹ˆ, ์ตœ์ข… ํ™”๋ฉด์ด ์–ด๋–ป๊ฒŒ ๋ณด์—ฌ์•ผ ํ• ์ง€ ๊ธฐ๋ณธ์ ์ธ ์•„์ด๋””์–ด๊ฐ€ ๋ช…ํ™•ํ•ด์กŒ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ํŽธ์˜๋ฅผ ์œ„ํ•ด High-fi ์™€์ด์–ดํ”„๋ ˆ์ž„์„ ๋””์ž์ธํ–ˆ์Šต๋‹ˆ๋‹ค.

์Šคํƒ€์ผ ๊ฐ€์ด๋“œ

์ „์ฒด์ ์ธ ๋””์ž์ธ์„ ๊ท ์ผํ•˜๊ณ  ๋ฏธ๋‹ˆ๋ฉ€ํ•˜๊ฒŒ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ํ•˜๋‚˜์˜ ํฐํŠธ๋กœ ์ง„ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค. Inter๋Š” ๋งŽ์€ ๊ธ€๊ผด๊ณผ ๋‘๊ป˜๊ฐ€ ์žˆ์–ด ์œ„๊ณ„ ์งˆ์„œ๋ฅผ ๋‚˜ํƒ€๋‚ด๊ณ  ์‚ฌ์šฉํ•˜๊ธฐ ๋” ์šฉ์ดํ•ฉ๋‹ˆ๋‹ค.

์ €๋Š” ์‚ฌ์šฉ์ž์™€ ๋ธŒ๋žœ๋“œ ๊ฐ„์˜ ์‹ ๋ขฐ๋ฅผ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•ด์„œ ํฌ๋ฆฌ์Šคํ”ผ ํฌ๋ฆผ์˜ ํด๋ž˜์‹ํ•œ ๊ทธ๋ฆฐ, ๋ ˆ๋“œ ์ปฌ๋Ÿฌ๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ๋…น์ƒ‰์€ ๊ธฐ๋ณธ ์ƒ‰์ƒ์ด๊ณ  ๋นจ๊ฐ„์ƒ‰์€ ๋ณด์กฐ ์ƒ‰์ƒ์ž…๋‹ˆ๋‹ค.

์•„์ด์ฝ˜์˜ ๊ฒฝ์šฐ Remix Icon์„ ์„ ํƒํ–ˆ์Šต๋‹ˆ๋‹ค.

์ตœ์ข… ํ™”๋ฉด

์†Œ์…œ ๋ฏธ๋””์–ด ๋กœ๊ทธ์ธ ํ†ตํ•ฉ ์˜ต์…˜์ด ์—†๋Š” ์ผ๋ฐ˜์ ์ธ ๋กœ๊ทธ์ธ๊ณผ ๊ฐ€์ž… ํ™”๋ฉด์ž…๋‹ˆ๋‹ค. ์‚ฌ๋žŒ๋“ค์ด ๋‹จ๊ณ„๋ฅผ ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ํ”Œ๋ ˆ์ด์Šค ํ™€๋”๋ฅผ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

์˜จ๋ณด๋”ฉ ํ”„๋กœ์„ธ์Šค๋ฅผ ์™„๋ฃŒํ•œ ํ›„, ์‚ฌ์šฉ์ž๋Š” ๊ฐ€์žฅ ๊ฐ€๊นŒ์šด ์œ„์น˜์— ์žˆ๋Š” ๋งค์žฅ์„ ์„ ํƒํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋” ๋งŽ์€ ํŽธ์˜๋ฅผ ์œ„ํ•ด ์‹œ๊ฐ„๋„ ํ‘œ์‹œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

..  ๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.


3๏ธโƒฃ ๋””์ž์ด๋„ˆ์˜ UI ์š”์†Œ

์ด ๊ธฐ์‚ฌ์—์„œ๋Š” UI ๋””์ž์ธ์— ์œ ์šฉํ•œ ์•„์ฃผ ํ•„์ˆ˜์ ์ธ UI ์š”์†Œ์— ๋Œ€ํ•ด ์•Œ์•„๋ณผ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ด ๊ธฐ์‚ฌ์—์„œ๋Š” UI ๋””์ž์ธ์— ์œ ์šฉํ•œ ์•„์ฃผ ํ•„์ˆ˜์ ์ธ UI ์š”์†Œ์— ๋Œ€ํ•ด ์•Œ์•„๋ณผ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

UI ์š”์†Œ

UI ์š”์†Œ๋Š” ์•ฑ๊ณผ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋””์ž์ธํ•  ๋•Œ ์‚ฌ์šฉ ๋˜๋Š” ์ค‘์š”ํ•œ ์ปดํฌ๋„ŒํŠธ์ž…๋‹ˆ๋‹ค. ์ด ๊ธฐ์‚ฌ์—์„œ ์šฐ๋ฆฌ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์š”์†Œ๋“ค์„ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

  • ์•ฑ ๋ฐ” : ์ƒ๋‹จ
  • ์•ฑ ๋ฐ” : ํ•˜๋‹จ
  • ๋ฐฑ๋“œ๋กญ
  • ๋ฐฐ๋„ˆ
  • ๋ฐ”ํ…€ ๋‚ด๋น„๊ฒŒ์ด์…˜
  • ๋ฒ„ํŠผ
  • ๋ฒ„ํŠผ : FAB(Floating Action Button ํ”Œ๋กœํŒ… ์•ก์…˜ ๋ฒ„ํŠผ)
  • ์นด๋“œ
  • ์ฒดํฌ๋ฐ•์Šค
  • ์นฉ

| ์•ฑ ๋ฐ” : ์ƒ๋‹จ

ํ˜„์žฌ ํ™”๋ฉด ์ •๋ณด์™€ ๋™์ž‘์„ ์œ„ํ•ด ์•ฑ ์ƒ๋‹จ์—์„œ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

์›์น™:

  • ์Šคํฌ๋กค ํ›„์— ์‚ฌ๋ผ์ ธ์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ํ™”๋ฉด์—์„œ ์‚ฌ์šฉ์ž๋ฅผ ์•ˆ๋‚ดํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ๋ฐ” ์˜ต์…˜์—์„œ ์ผ๊ด€์„ฑ๊ณผ ์นœ์ˆ™์„ฑ์ด ์œ ์ง€๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

ํ•ด์•ผ ํ•  ๊ฒƒ:

  • ๋‚ด๋น„๊ฒŒ์ด์…˜์„ ์™ผ์ชฝ์— ํƒ€์ดํ‹€์„ ๋‚ด๋น„๊ฒŒ์ด์…˜ ์˜ค๋ฅธ์ชฝ์— ๋ฐฐ์น˜ํ•ฉ๋‹ˆ๋‹ค.
  • ์•„์ด์ฝ˜๊ณผ ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ ๋ฉ”๋‰ด๋ฅผ ์˜ค๋ฅธ์ชฝ์— ๋ฐฐ์น˜ํ•ฉ๋‹ˆ๋‹ค.
  • ์ผ๋ฐ˜ ๋ฐ”(ํ™ˆ ํ™”๋ฉด)์™€ ์ƒํ™ฉ๋ณ„ ์•ก์…˜๋ฐ”(์„ ํƒํ•œ ํ•ญ๋ชฉ์˜ ๊ฒฝ์šฐ)๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์•„์ด์ฝ˜์ด ๋‚จ์•„ ์žˆ๋Š” ๊ฒฝ์šฐ ์•„์ด์ฝ˜์„ ์„ ํ˜ธํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์œ ์ง€ํ•˜๊ณ  ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ ๋ฉ”๋‰ด์— ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.
  • IOS์—์„œ๋Š” ๋ฐ”๊ฐ€ ์•ˆ๋“œ๋กœ์ด๋“œ๋ณด๋‹ค ์งง์œผ๋ฏ€๋กœ ํฌ๋กœ์Šค ํ”Œ๋žซํผ ์ ์šฉ์ด ๋˜์•ผ ํ•ฉ๋‹ˆ๋‹ค.

ํ•˜์ง€ ๋ง์•„์•ผ ํ•  ๊ฒƒ:

  • ๋ฐ”์— ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์„ธ์š”.
  • ๋ฐ”์—์„œ ํƒ€์ดํ‹€ ํ…์ŠคํŠธ๋ฅผ ๊ฐ์‹ธ์ง€ ๋งˆ์„ธ์š”, ์••์ถ•ํ•˜์ง€ ๋ง๊ณ  ํ•„์š”ํ•œ ๊ฒฝ์šฐ 2์ค„์„ ์œ ์ง€ํ•˜์„ธ์š”.

ํฌํ•จํ•˜๋Š” ์š”์†Œ:

์ผ๋ฐ˜์ ์œผ๋กœ

  • ์ปจํ…Œ์ด๋„ˆ(ํ™”๋ฉด)
  • ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋ฉ”๋‰ด ๋“œ๋กœ์–ด
  • ํƒ€์ดํ‹€ ํ…์ŠคํŠธ
  • ์•ก์…˜ ์•„์ด์ฝ˜
  • ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ ๋ฉ”๋‰ด ์ปจํŠธ๋กค

์ƒํ™ฉ์— ๋”ฐ๋ผ

  • ์ปจํ…Œ์ด๋„ˆ(ํ™”๋ฉด)
  • ๋‹ซ๊ธฐ ๋ฒ„ํŠผ
  • ์ƒํ™ฉ์— ๊ด€ํ•œ ํƒ€์ดํ‹€ ํ…์ŠคํŠธ
  • ์ƒํ™ฉ๋ณ„ ์•ก์…˜ ์•„์ด์ฝ˜
  • ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ ๋ฉ”๋‰ด ์ปจํŠธ๋กค

<aside> ๐Ÿ”– ํŒ : ์ปจํ…Œ์ด๋„ˆ์—๋Š” FFFFFF 100%๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š” / ์•„์ด์ฝ˜๊ณผ ํ…์ŠคํŠธ์—๋Š” 000000 100%์„ ์‚ฌ์šฉํ•˜์„ธ์š”

</aside>

์ŠคํŽ™ : (์‚ฌ์ด์ฆˆ-px)

์ผ๋ฐ˜์ ์œผ๋กœ

  • ์ปจํ…Œ์ด๋„ˆ(ํ™”๋ฉด) H โ€” 56px / W โ€” ๋ชจ๋ฐ”์ผ ํ™”๋ฉด ๊ธฐ์ค€
  • ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋ฉ”๋‰ด ๋“œ๋กœ์–ด H โ€” 24px / W โ€” 24px
  • ํƒ€์ดํ‹€ ํ…์ŠคํŠธ โ€” H6/Rubik/Medium/size 20
  • ์•ก์…˜ ์•„์ด์ฝ˜ H โ€” 24px / W โ€” 24px / ํŒจ๋”ฉ 16px
  • ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ ๋ฉ”๋‰ด ์ปจํŠธ๋กค H โ€” 24px / W โ€” 08px

์ƒํ™ฉ์— ๋”ฐ๋ผ

  • ์ปจํ…Œ์ด๋„ˆ(ํ™”๋ฉด) H โ€” 56px / W โ€” ๋ชจ๋ฐ”์ผ ํ™”๋ฉด ๊ธฐ์ค€
  • ๋‹ซ๊ธฐ ๋ฒ„ํŠผ H โ€” 24px / W โ€” 24px
  • ์ƒํ™ฉ๋ณ„ ํƒ€์ดํ‹€ ํ…์ŠคํŠธ โ€” H6/Rubik/Medium/size 20
  • ์ƒํ™ฉ๋ณ„ ์•ก์…˜ ์•„์ด์ฝ˜ H โ€” 24px / W โ€” 24px / ํŒจ๋”ฉ 16px
  • ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ ๋ฉ”๋‰ด ์ปจํŠธ๋กค H โ€” 24px / W โ€” 08px

..๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.

 

๐ŸŽ„from.designer 

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UX ์ปค๋ฎค๋‹ˆํ‹ฐ! from.designer ๋Š” ๋‹ค์–‘ํ•œ ์‚ถ์˜ ๊ฒฝํ—˜ ๊ณต์œ ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ UXUI ์Šคํ„ฐ๋””, ํŠน๊ฐ•, ๋ถํด๋Ÿฝ ๋“ฑ ๋‹ค์–‘ํ•œ ํ”„๋กœ๊ทธ๋žจ์„ ์šด์˜ํ•˜๋Š” ๋””์ž์ด๋„ˆ ์ค‘์‹ฌ์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ์ž…๋‹ˆ๋‹ค. ๋””์ž์ธ, ๋””์ž์ด๋„ˆ์— ๊ด€์‹ฌ์žˆ๋Š” ๋ˆ„๊ตฌ๋‚˜ ์ฐธ์—ฌ ๊ฐ€๋Šฅํ•œ ์˜คํ”ˆ ํ”Œ๋žซํผ ์ปค๋ฎค๋‹ˆํ‹ฐ์ž…๋‹ˆ๋‹ค.


๐Ÿ—“๏ธ
ํ–‰์‚ฌ ์ผ์ • & UXUI ์ž๋ฃŒ 

๋””์ž์ด๋„ˆ ๊ณต์œ , UXUI ์Šคํ„ฐ๋”” ์ฐธ๊ด€, UX ๋ฐœํ‘œ์ž๋ฃŒ ๊ณต์œ ๋“ฑ ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ๋…ธ์…˜์—์„œ ํ™•์ธํ•˜์„ธ์š”.

๐Ÿ’ญ ๋‹จํ†ก๋ฐฉ ๊ฐ€์ž…๋ฌธ์˜  (2,070๋ช…)

๐ŸŽฅ ์œ ํŠœ๋ธŒ UXUI ์ž๋ฃŒ ์˜์ƒ  

๐Ÿ”– ์ด๋ฉ”์ผ 

๐Ÿ“ SNS   @from.designer ํŽ˜์ด์Šค๋ถ , ์ธ์Šคํƒ€๊ทธ๋žจ
 




 

๋‹ค๊ฐ€์˜ฌ ๋‰ด์Šค๋ ˆํ„ฐ๊ฐ€ ๊ถ๊ธˆํ•˜์‹ ๊ฐ€์š”?

์ง€๊ธˆ ๊ตฌ๋…ํ•ด์„œ ์ƒˆ๋กœ์šด ๋ ˆํ„ฐ๋ฅผ ๋ฐ›์•„๋ณด์„ธ์š”

โœ‰๏ธ

์ด๋ฒˆ ๋‰ด์Šค๋ ˆํ„ฐ ์–ด๋– ์…จ๋‚˜์š”?

from.designer ๋‹˜์—๊ฒŒ โ˜•๏ธ ์ปคํ”ผ์™€ โœ‰๏ธ ์ชฝ์ง€๋ฅผ ๋ณด๋‚ด๋ณด์„ธ์š”!

๋Œ“๊ธ€

์˜๊ฒฌ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”

ํ™•์ธ
์˜๊ฒฌ์ด ์žˆ์œผ์‹ ๊ฐ€์š”? ์ œ์ผ ๋จผ์ € ๋Œ“๊ธ€์„ ๋‹ฌ์•„๋ณด์„ธ์š” !
ยฉ 2024 from.designer

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UXUI ์ปค๋ฎค๋‹ˆํ‹ฐ

๋‰ด์Šค๋ ˆํ„ฐ ๋ฌธ์˜from.ddesigner@gmail.com

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ ์„œ๋น„์Šค ์†Œ๊ฐœ์„œ ์˜ค๋ฅ˜ ๋ฐ ๊ธฐ๋Šฅ ๊ด€๋ จ ์ œ๋ณด

์„œ๋น„์Šค ์ด์šฉ ๋ฌธ์˜admin@team.maily.so

๋ฉ”์ผ๋ฆฌ ์‚ฌ์—…์ž ์ •๋ณด

๋ฉ”์ผ๋ฆฌ (๋Œ€ํ‘œ์ž: ์ดํ•œ๊ฒฐ) | ์‚ฌ์—…์ž๋ฒˆํ˜ธ: 717-47-00705 | ์„œ์šธ ์„œ์ดˆ๊ตฌ ๊ฐ•๋‚จ๋Œ€๋กœ53๊ธธ 8, 8์ธต 11-7ํ˜ธ

์ด์šฉ์•ฝ๊ด€ | ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ | ์ •๊ธฐ๊ฒฐ์ œ ์ด์šฉ์•ฝ๊ด€