3D PRINTER TOUCH UI

2018

3D PRINTER TOUCH UI

2018

ABOUT PROJECT
์‚ฐ์—…์šฉ๊ณผ ์ผ๋ฐ˜์šฉ 3Dํ”„๋ฆฐํ„ฐ์— ๊ณตํ†ต์œผ๋กœ ์ ์šฉ๋˜๋Š” UI๋ฅผ ์„ค๊ณ„ํ•˜๊ณ , ์žฅ๋น„ ์„ฑ๊ฒฉ์— ๋งž๊ฒŒ ์ปฌ๋Ÿฌ์™€ ๋Œ€๋น„๋ฅผ ๋‹ค๋ฅด๊ฒŒ ์ ์šฉํ•ด์„œ ๋””์ž์ธ ์ง„ํ–‰ํ•œ ํ”„๋กœ์ ํŠธ ์ž…๋‹ˆ๋‹ค.

์žฅ๋น„๊ฐ€ ๊ฐ€์ง„ ์šฉ์–ด์˜ ์–ด๋ ค์›€๊ณผ ์‹ฌ๋ฆฌ์  ๊ฑฐ๋ฆฌ๊ฐ์„ ์ค„์ด๊ณ , ์–ด๋–ค ํ™˜๊ฒฝ์—์„œ๋„ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์กฐํ™”๋ฅผ ์ด๋ฃจ๋Š” ์ œํ’ˆ์˜ ๋ฌด๋“œ๋ฅผ UI์— ๊ทธ๋Œ€๋กœ ๋‹ด๊ณ ์ž ํ–ˆ์Šต๋‹ˆ๋‹ค.
3Dํ”„๋ฆฐํ„ฐ ์‚ฌ์šฉ์ž๋“ค์˜ ์—ฐ๋ น๋Œ€๊ฐ€ ๋‹ค์–‘ํ•œ ๋งŒํผ ๊ณ ์—ฐ๋ น์˜ ์‚ฌ์šฉ์ž๋“ค๋„ ๋ณต์žกํ•œ ๊ธฐ๋Šฅ์„ ๋ถ€๋‹ด ์—†์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก, ๋ถ„๋ช…ํ•œ ๋ ˆ์ด์•„์›ƒ๊ณผ ์ง๊ด€์ ์ธ ๊ทธ๋ž˜ํ”ฝ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์„ค๊ณ„ํ–ˆ์œผ๋ฉฐ, ํŠนํžˆ ๊ณ ์˜จ์˜ ์—ด์„ ์‚ฌ์šฉํ•˜๋Š” ์žฅ๋น„๋ผ๋Š” ํŠน์„ฑ์„ ๊ณ ๋ คํ•˜์—ฌ ์•ˆ์ „๊ณผ ์ง๊ฒฐ๋˜๋Š” ์ •๋ณด๊ฐ€ ๊ฐ€์ • ๋จผ์ € ์ธ์ง€๋˜๊ณ  ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ์„ค์ •๊ฐ’์€ ์šฐ์„ ์ ์œผ๋กœ ๋…ธ์ถœ๋˜๋Š” ๊ตฌ์กฐ๋กœ ์„ค๊ณ„ํ•˜์—ฌ ์ •๋ณด์˜ ์šฐ์„ ์ˆœ์œ„์™€ ๊ฐ€๋…์„ฑ์ด ๋ช…ํ™•ํžˆ ๋“œ๋Ÿฌ๋‚˜๋„๋ก UI๋””์ž์ธ์„ ์ง„ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค.

DIRECTION

1

์‚ฌ์šฉ์ž ์—ฐ๋ น์ธต์ด ๋‹ค์–‘ํ•œ ๋งŒํผ ํ™”๋ฉด์ด ์ง๊ด€์ ์ด์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค.

2

์ œํ’ˆ์˜ ๋ฌด๋“œ์™€ ์กฐํ™”๋ฅผ ์ด๋ฃจ์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค.

3

์˜จ๋„์— ๋งค์šฐ ๋ฏผ๊ฐํ•œ ๋งŒํผ ํ˜„ ์ƒํƒœ๋ฅผ ์ž์ฃผ ์ฒดํฌํ•ด์•ผํ•˜๋Š”๋ฐ,์ž์ฃผ ์ฒดํฌํ•ด์•ผํ•˜๋Š” ์ง€ํ‘œ๊ฐ€ ๋ช…ํ™•ํ–ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค.
์˜จ๋„์— ๋งค์šฐ ๋ฏผ๊ฐํ•œ ๋งŒํผ ํ˜„ ์ƒํƒœ๋ฅผ ์ž์ฃผ ์ฒดํฌํ•ด์•ผํ•˜๋Š”๋ฐ, ์ž์ฃผ ์ฒดํฌํ•ด์•ผํ•˜๋Š” ์ง€ํ‘œ๊ฐ€ ๋ช…ํ™•ํ–ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค.
STRATEGY

Modern

์žฅ๋น„ UI์—์„œ๋„ ์„ธ๋ จ๋œ ์กฐํ˜•์„ฑ๊ณผ ํ˜„๋Œ€์ ์ธ ๊ฐ์„ฑ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ๋„๋ก, ๋ณต์žกํ•œ ๊ธฐ๊ธฐ ์ •๋ณด๋ฅผ ๋‹จ์ˆœํ•˜๊ณ  ์ •์ œ๋œ ๊ทธ๋ž˜ํ”ฝ ์–ธ์–ด๋กœ ํ‘œํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

Funtional

3Dํ”„๋ฆฐํ„ฐ์˜ ์‹ค์ œ ์‚ฌ์šฉ ๋งฅ๋ฝ์„ ๊ธฐ๋ฐ˜์œผ๋กœ, ํ•„์š”ํ•œ ๊ธฐ๋Šฅ์ด ๊ฐ€์žฅ ์ž์—ฐ์Šค๋Ÿฌ์šด ์œ„์น˜์—์„œ ์ž‘๋™๋  ์ˆ˜ ์žˆ๋„๋ก ๊ตฌ์กฐ์ ์ธ ํšจ์œจ์„ฑ์„ ๊ณ ๋ คํ•˜์—ฌ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์„ค๊ณ„ํ–ˆ์Šต๋‹ˆ๋‹ค.

Readable

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

UI ELEMENT
Noto Sans KR

Regular

Medium

Bold

Primary

#1B82E6

Primary - Gradation

#1B82E6 ~ #5EB0FF

Black

#248ECE

R:32 G:142 B:206

gray 01

#248ECE

R:32 G:142 B:206

gray 02

#248ECE

R:32 G:142 B:206

gray 03

#248ECE

R:32 G:142 B:206

white

#248ECE

R:32 G:142 B:206

DESIGN

๋™์ผํ•œ UI ๊ตฌ์กฐ์ด์ง€๋งŒ ์‚ฌ์šฉ ํ™˜๊ฒฝ์— ๋”ฐ๋ฅธ ๋‹ค๋ฅธ ํ™”๋ฉดํ†ค๊ณผ ์งˆ๊ฐ์œผ๋กœ ์ฐจ์ด๋ฅผ ์ฃผ์—ˆ์œผ๋ฉฐ ํ™”๋ฉด์„ 3๋ถ„ํ• ํ•˜์—ฌ ์ •๋ณด ์ธ์ง€๋ฅผ ๋ช…ํ™•ํ•˜๋„๋ก ๊ตฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค.


๋™์ผํ•œ UI ๊ตฌ์กฐ์ด์ง€๋งŒ ์‚ฌ์šฉ ํ™˜๊ฒฝ์— ๋”ฐ๋ฅธ ๋‹ค๋ฅธ ํ™”๋ฉดํ†ค๊ณผ ์งˆ๊ฐ์œผ๋กœ ์ฐจ์ด๋ฅผ ์ฃผ์—ˆ์œผ๋ฉฐ ํ™”๋ฉด์„ 3๋ถ„ํ• ํ•˜์—ฌ ์ •๋ณด ์ธ์ง€๋ฅผ ๋ช…ํ™•ํ•˜๋„๋ก ๊ตฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค.

1

2

3

1

ํ”„๋ฆฐํŒ… ํ˜„ํ™ฉ ๋น ๋ฅธ ํ™•์ธ

2

๊ธฐ๋ณธ ์ž‘์—… ํ™”๋ฉด

3

๋ฉ”๋‰ด ํ™”๋ฉด

Style PLUS

์ผ๋ฐ˜ ๊ฐ€์ •์šฉ ์ œํ’ˆ์ธ๋งŒํผ, ํ”Œ๋žซํ•œ ์ปฌ๋Ÿฌ์™€ ๋‹จ์ˆœํ•œ ๋Œ€๋น„๋กœ ๋ณด๋‹ค ๋ชจ๋˜ํ•˜๊ณ  ์ œํ’ˆ์˜ ์„ธ๋ จ๋œ ๋Š๋‚Œ์ด ์—ฐ์ถœ๋˜๋„๋ก ๋””์ž์ธ ์ง„ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค.

Dual Pro

์‚ฐ์—… ์žฅ๋น„์™€ ํŠน์œ ์˜ ๊ฒฌ๊ณ ํ•˜๊ณ  ์ •๋ฐ€ํ•˜๊ณ  ๋ฉ”ํƒˆ๋ฆญํ•œ ๋Š๋‚Œ์„ ์ฃผ๊ธฐ์œ„ํ•ด๊ทธ๋ ˆ์ดํ†ค๊ณผ ๋ฏธ์„ธํ•œ ๊ทธ๋ผ๋ฐ์ด์…˜ ์ปฌ๋Ÿฌ๋กœ ์‚ฐ์—…์žฅ๋น„์˜ ๋Š๋‚Œ์„ ์ฃผ์—ˆ์Šต๋‹ˆ๋‹ค.

์‚ฐ์—… ์žฅ๋น„์™€ ํŠน์œ ์˜ ๊ฒฌ๊ณ ํ•˜๊ณ  ์ •๋ฐ€ํ•˜๊ณ  ๋ฉ”ํƒˆ๋ฆญํ•œ ๋Š๋‚Œ์„ ์ฃผ๊ธฐ์œ„ํ•ด๊ทธ๋ ˆ์ดํ†ค๊ณผ ๋ฏธ์„ธํ•œ ๊ทธ๋ผ๋ฐ์ด์…˜ ์ปฌ๋Ÿฌ๋กœ ์‚ฐ์—…์žฅ๋น„์˜ ๋Š๋‚Œ์„ ์ฃผ์—ˆ์Šต๋‹ˆ๋‹ค.

Dual Pro

์‚ฐ์—… ์žฅ๋น„์™€ ํŠน์œ ์˜ ๊ฒฌ๊ณ ํ•˜๊ณ  ์ •๋ฐ€ํ•˜๊ณ  ๋ฉ”ํƒˆ๋ฆญํ•œ ๋Š๋‚Œ์„ ์ฃผ๊ธฐ์œ„ํ•ด๊ทธ๋ ˆ์ดํ†ค๊ณผ ๋ฏธ์„ธํ•œ ๊ทธ๋ผ๋ฐ์ด์…˜ ์ปฌ๋Ÿฌ๋กœ ์‚ฐ์—…์žฅ๋น„์˜ ๋Š๋‚Œ์„ ์ฃผ์—ˆ์Šต๋‹ˆ๋‹ค.

PRINTING

File โ†’ Print

DETAIL SETTING

ํ”„๋ฆฐํŒ… ์™ธ ํ•„๋ผ๋ฉ˜ํŠธ,๋ฒ ๋“œ ๋“ฑ ์ข‹์€ ๊ฒฐ๊ณผ๋ฌผ์„ ๋‚ด๊ธฐ์œ„ํ•ด ํ•„์š”ํ•œ ์„ธ๋ถ€ ๋””ํ…Œ์ผ ์š”์†Œ๋“ค์„ ์…‹ํŒ…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๋‚ด๋ถ€ ๊ธฐ๊ณ„์˜ ๋ชจ์Šต์„ ์ผ๋Ÿฌ์ŠคํŠธ๋กœ ๋‹จ์ˆœํ™”ํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ์ง๊ด€์ ์œผ๋กœ ์‰ฝ๊ฒŒ ์ธ์ง€ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ–ˆ์Šต๋‹ˆ๋‹ค.

Control

Inspection

Motion

Setting