๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

Designer_Vibi/UI_UX Design2

UI Controls UI ์ปจํŠธ๋กค์€ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ์ปดํฌ๋„ŒํŠธ๋กœ์„œ ์‚ฌ์šฉ์ž๊ฐ€ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์ƒํ˜ธ์ž‘์šฉ ํ•˜๊ธฐ์œ„ํ•ด ํ”„๋กœ๊ทธ๋žจ์—๊ฒŒ ๋ช…๋ น์„ ์ „๋‹ฌํ•˜๋Š” ๋งค๊ฐœ์ฒด๋“ค์„ ๋งํ•œ๋‹ค. Input Controls Navigation Controls Output Controls Buttons Links Validation/Alert Text Input Tabs/Menu bars Tool Tips Radio Buttons & Checkboxes Breadcrumbs Icons Dropdown Menu Accordions/Vertical Navigations Data Tables Controls ๋Š” ์ธํ„ฐํŽ˜์ด์Šค ๋””์ž์ธ์„ ํ•  ๋•Œ ์‚ฌ์šฉ๋˜๋Š” ์žฌ๋ฃŒ๋“ค๊ณผ ๊ฐ™์€ ๋‹จ์œ„์˜ ์š”์†Œ๋“ค์ธ๋ฐ ์ธํ’‹ / ๋„ค๋น„๊ฒŒ์ด์…˜ / ์•„์›ƒํ’‹ ๊ทธ๋ฃน์œผ๋กœ ๋‚˜๋ˆ„์–ด ๋ณผ ์ˆ˜ ์žˆ๋‹ค. 2019. 4. 20.
UI/UX Design ์ด๋ž€? UI/UX ๋””์ž์ธ(์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ๋””์ž์ธ)์˜ ์‚ฌ์ „์ ์ธ ์˜๋ฏธ๋Š” ์ƒ์œ„ ์ œ์‹œ๋œ ์‚ฌ์šฉ์ž๋“ค์˜ ํ”„๋กœ๊ทธ๋žจ, ๋„๊ตฌ์˜ ์‚ฌ์šฉ ๋ชฉ์ ์— ๋ถ€ํ•ฉ๋˜๋ฉฐ ์‚ฌ์šฉ์ž๋ฅผ ์ง€์›ํ•˜๊ธฐ ์œ„ํ•ด ํ”„๋กœ๊ทธ๋žจ์˜ ํ๋ฆ„์„ ๊ณ„ํšํ•˜๋Š” ๊ฒƒ๊ณผ ์‚ฌ์šฉ์ž๋“ค์ด ์ž‘์—…ํ•˜๋Š” ์ผ(์ด๋ฏธ์ง€, ๋ฌธ์„œ ๋“ฑ์˜ ์ œ์ž‘๊ณผ ์ž‘์„ฑ)์„ ํšจ๊ณผ์ ์œผ๋กœ ๋ณด์กฐํ•˜๊ธฐ ์œ„ํ•œ ๊ณ„ํš ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค. wikipidia ์ฐธ์กฐ. ๋” ๋‚˜์€ ์ •์˜๋ฅผ ํ•ด๋ณด์ž๋ฉด, UI Modeling = "์‚ฌ์šฉ์ž ์ž…์žฅ์—์„œ ๋™์ž‘ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๊ฐ€์ƒ์œผ๋กœ ๋งŒ๋“ค์–ด ๋ณด๋Š”๊ฒƒ" - Controls - Patterns - Design Priciple - Templetes ์œ„์˜ 4๊ฐ€์ง€ ์‚ฌํ•ญ์„ ์œ„์ฃผ๋กœ ๊ตฌ๋ถ„ํ•ด ๋ณผ ์ˆ˜ ์žˆ์œผ๋ฉฐ ์›น, ๋ชจ๋ฐ”์ผ, ๋ฐ์Šคํฌํƒ‘ ๋“ฑ์˜ ๊ธฐ๊ธฐ์™€ ์†Œํ”„ํŠธ์›จ์–ด์— ๋”ฐ๋ผ ๊ณ ๋ คํ•ด์•ผํ•  ์‚ฌํ•ญ๋“ค์ด ์กฐ๊ธˆ์”ฉ ๋‹ค๋ฅด๋‹ค. 2019. 4. 20.
๋ฐ˜์‘ํ˜•