Skip to main content

์ตœ๊ทผ ์—…๋ฐ์ดํŠธ/UI3 ๋ณ€๊ฒฝ ์ดํ›„, ๊ฑฐ๋ฆฌ ์ธก์ • ๊ธฐ๋Šฅ( Alt/Option์š”์†Œ ๊ฐ„ ๊ฐ„๊ฒฉ ์ธก์ •์— ์ค‘์š”ํ•œ ๊ธฐ๋Šฅ)์ด ์™„์ „ํžˆ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๋‹จ์ผ ํŒŒ์ผ์—๋งŒ ๊ตญํ•œ๋˜์ง€ ์•Š๊ณ  ๋ฐ์Šคํฌํ†ฑ ์•ฑ๊ณผ ๋ธŒ๋ผ์šฐ์ €์˜ ๋ชจ๋“  ํŒŒ์ผ์— ์˜ํ–ฅ์„ ๋ฏธ์นฉ๋‹ˆ๋‹ค . ์‹ฌ์ง€์–ด ๊ฒ€์‚ฌ ๋ชจ๋“œ์—์„œ๋„ ๊ฑฐ๋ฆฌ๊ฐ€ ํ‘œ์‹œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

ํ™˜๊ฒฝ

  • OS: macOS Sequoia 15.6

  • ๋ธŒ๋ผ์šฐ์ €: Chrome (์ตœ์‹  ๋ฒ„์ „)

  • Figma ๋ฐ์Šคํฌํ†ฑ ์•ฑ:ย 

  • UI: UI3 ํ™œ์„ฑํ™”

  • ๊ณ„์ •: ๊ฐœ์ธ

์žฌํ˜„ ๋‹จ๊ณ„

  1. Figma ํŒŒ์ผ์„ ์—ฝ๋‹ˆ๋‹ค.

  2. ๊ฐ์ฒด๋ฅผ ์„ ํƒํ•˜์„ธ์š”.

  3. Alt/Option๋‹ค๋ฅธ ๊ฐ์ฒด๋ฅผ ๋ˆ„๋ฅด๊ณ  ๊ทธ ์œ„์— ๋งˆ์šฐ์Šค๋ฅผ ์˜ฌ๋ ค๋†“์œผ์„ธ์š”.

  4. ๋นจ๊ฐ„์ƒ‰ ๊ฑฐ๋ฆฌ์„ ์ด๋‚˜ ํ”ฝ์…€ ๊ฐ’์ด ๋‚˜ํƒ€๋‚˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋‚ด๊ฐ€ ๊ธฐ๋Œ€ํ–ˆ๋˜ ๊ฒƒ

  • ์ผ๋ฐ˜์ ์œผ๋กœ ๋ˆ„๋ฅด๋ฉด Alt/Option์„ ํƒํ•œ ๊ฐœ์ฒด์™€ ๋งˆ์šฐ์Šค๋ฅผ ์˜ฌ๋ ค๋†“์€ ๊ฐœ์ฒด ์‚ฌ์ด์˜ ๊ฐ„๊ฒฉ(๋นจ๊ฐ„์ƒ‰ ๊ฐ€์ด๋“œ + ํ”ฝ์…€ ๊ฐ’)์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

์‹ค์ œ๋กœ ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๋Š”๊ฐ€

  • ๊ฑฐ๋ฆฌ ํ‘œ์‹œ๊ธฐ๊ฐ€ ์ „ํ˜€ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

  • ์ด ๋ฌธ์ œ๋Š” ๋‹ค์Œ์—์„œ ์ง€์†๋ฉ๋‹ˆ๋‹ค.

    • ๋””์ž์ธ ๋ชจ๋“œ

    • ๊ฒ€์‚ฌ ๋ชจ๋“œ

    • ๋ฐ์Šคํฌํ†ฑ ์•ฑ

    • ํฌ๋กฌ ๋ธŒ๋ผ์šฐ์ €

์˜ํ–ฅ

  • ์–ด๋–ค ํŒŒ์ผ์—์„œ๋„ ๊ฐ„๊ฒฉ์„ ์ธก์ •ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค โ†’ ๊ฐœ๋ฐœ์ž์™€ ๋””์ž์ธ QA์—๊ฒŒ ์ธ๊ณ„๊ฐ€ ์ฐจ๋‹จ๋ฉ๋‹ˆ๋‹ค.

  • ์ด๋กœ ์ธํ•ด ์ƒ์‚ฐ ์›Œํฌํ”Œ๋กœ๊ฐ€ ์‹ฌ๊ฐํ•˜๊ฒŒ ๋ฐฉํ•ด๋ฅผ ๋ฐ›๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋ฏธ ์‹œ๋„๋œ ๊ฒƒ

  • ํŒŒ์ผ๊ณผ ์•ฑ์„ ๋‹ค์‹œ ๋กœ๋“œํ–ˆ์Šต๋‹ˆ๋‹ค.

  • ๋‹ค์–‘ํ•œ ๋ธŒ๋ผ์šฐ์ €(Chrome, Safari)๋ฅผ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค.

  • ์บ์‹œ/์ฟ ํ‚ค๋ฅผ ์ง€์› ์Šต๋‹ˆ๋‹ค

  • ๊ณ„์ • ์ „ํ™˜

  • ์ƒˆ๋กœ์šด ๋นˆ ํŒŒ์ผ์„ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค

  • ๊ธฐ์กด ํŒŒ์ผ ๋ณต์ œ

  • ๋น„ํ™œ์„ฑํ™”๋œ ํ”Œ๋Ÿฌ๊ทธ์ธ

  • ์ด ์ค‘ ์–ด๋А ๊ฒƒ๋„ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค.

์š”์ฒญ
๊ธด๊ธ‰ํ•˜๊ฒŒ ์กฐ์‚ฌํ•˜์—ฌ ํ•ซํ”ฝ์Šค๋ฅผ ์ ์šฉํ•ด ์ฃผ์„ธ์š”. ์ด ๊ธฐ๋Šฅ์€ ํ•ธ๋“œ์˜คํ”„ ์„ค๊ณ„์˜ ํ•ต์‹ฌ ๊ธฐ๋Šฅ์ด๋ฏ€๋กœ ์‰ฝ๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์•Œ๋ ค์ง„ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•(์˜ˆ: ๋‹ค๋ฅธ ๋‹จ์ถ•ํ‚ค, ์ž„์‹œ ํ† ๊ธ€, ์ด์ „ ์•ฑ ๋นŒ๋“œ)์ด ์žˆ๋Š” ๊ฒฝ์šฐ ์ฆ‰์‹œ ์•ˆ๋‚ดํ•ด ์ฃผ์„ธ์š”.

Be the first to reply!