m (Admin1 moved page Enter with wheel to Wheel without leaving a redirect) |
|||
| Line 1: | Line 1: | ||
| + | |||
| + | {{#css: | ||
| + | #mw-content-text h3 span { | ||
| + | font-weight: 600; | ||
| + | padding-left: 0px; | ||
| + | } | ||
| + | |||
| + | .mw-headline { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | |||
| + | span.mw-editsection { | ||
| + | font-weight: 200; | ||
| + | position: relative; | ||
| + | float:right; | ||
| + | margin-right: 25px | ||
| + | } | ||
| + | |||
| + | span.mw-editsection a { | ||
| + | font-weight: 200; | ||
| + | } | ||
| + | |||
| + | .art-subpage { | ||
| + | background: #F7F7F7; | ||
| + | } | ||
| + | |||
| + | #mw-content-text p { | ||
| + | padding-top: 0px; | ||
| + | padding-bottom: 6px; | ||
| + | } | ||
| + | |||
| + | .mw-content-ltr ul { | ||
| + | margin: 0.3em 0 0 42px; | ||
| + | } | ||
| + | |||
| + | |||
| + | hr { | ||
| + | margin-top: 0px; | ||
| + | margin-bottom: 0px; | ||
| + | margin-left: -31px; | ||
| + | width: 720px; | ||
| + | border-bottom: 1px solid #E0E0DD; | ||
| + | border-left: 0px; | ||
| + | border-right: 0px; | ||
| + | border-top: 30px solid #F7F7F7; | ||
| + | } | ||
| + | <!-- | ||
| + | #sun-col { | ||
| + | -webkit-column-count:2; /* Chrome, Safari, Opera */ | ||
| + | -moz-column-count:2; /* Firefox */ | ||
| + | column-count:2; | ||
| + | } | ||
| + | |||
| + | #sun-col p { | ||
| + | padding-left: 0px; | ||
| + | --> | ||
| + | } | ||
| + | |||
| + | }} | ||
| + | |||
| + | Color palette는 색을 선택 할 때 사용하는 pattern이다. 주로 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하여 입력할 때 사용된다. | ||
| + | |||
| + | 색을 선택하는 Palette의 종류에 따라 구분이 가능한데, 주로 대표색을 선택하고 대표색에 해당하는 Palette에서 Tab을 통해서 특정 위치의 색을 선택하는 방식이 사용되며, 색을 선택한 뒤 그 색에 대한 그라데이션 바가 나타나고 Drag를 통해서 원하는 위치의 색을 선택하는 방식도 사용된다. | ||
| + | |||
| + | === With this pattern, we can solve... === | ||
| + | |||
| + | 디지털기기의 스크린이 발전함에 따라 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하기 위한 pattern이 필요하다. Color palette는 원하는 색을 쉽게 보고 선택할 수 있는 기능을 제공한다. | ||
| + | |||
| + | * Color palette는 원하는 색을 입력하기 위하여 색을 보고 선택할 수 있는 공간을 가지고 있다. | ||
| + | * 사용자가 입력을 위해 선택한 색을 화면에서 표시해줌으로, 입력될 색에 대한 정보를 제공한다. | ||
| + | * Color palette는 기존의 데스크탑에서 사용되던 일러스트툴과 유사한 방식을 사용하였다. | ||
| + | |||
| + | === Example : 495번 사례 === | ||
| + | {{#Widget:Vimeo|id=93374681|width=533|height=395|start=4s}} | ||
| + | ---- | ||
| + | |||
| + | == Color palette == | ||
| + | <div id="sun-col"> | ||
| + | |||
| + | === 496번 사례 === | ||
| + | * 원형의 색채 메뉴와 색깔 띠 형태의 명도 메뉴, 슬라이더 형태의 채도 메뉴에서 원하는 위치를 tap하여 색채, 명도, 채도의 조합에 따라 원하는 색깔을 선택한다. drag를 할 경우 색깔의 변화를 점진적으로 본다. | ||
| + | {{#Widget:Vimeo|id=93374683|width=533|height=395}} | ||
| + | |||
| + | === 280번 사례 === | ||
| + | {{#Widget:Vimeo|id=95488541|width=300|height=380}} | ||
| + | |||
| + | === 382번 사례 === | ||
| + | * 기존 색상이 있는 팔레트에 다른 색상을 올려 시계반대방향으로 돌리는 정도에 따라 두 색상이 섞인다. | ||
| + | {{#Widget:Vimeo|id=93373874|width=533|height=395}} | ||
| + | </div> | ||
| + | |||
| + | [[Category:Enter a continuous value]] | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
wheel 형태의 목록을 drag해서 원하는 값을 입력한다. | wheel 형태의 목록을 drag해서 원하는 값을 입력한다. | ||
Color palette는 색을 선택 할 때 사용하는 pattern이다. 주로 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하여 입력할 때 사용된다.
색을 선택하는 Palette의 종류에 따라 구분이 가능한데, 주로 대표색을 선택하고 대표색에 해당하는 Palette에서 Tab을 통해서 특정 위치의 색을 선택하는 방식이 사용되며, 색을 선택한 뒤 그 색에 대한 그라데이션 바가 나타나고 Drag를 통해서 원하는 위치의 색을 선택하는 방식도 사용된다.
디지털기기의 스크린이 발전함에 따라 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하기 위한 pattern이 필요하다. Color palette는 원하는 색을 쉽게 보고 선택할 수 있는 기능을 제공한다.
wheel 형태의 목록을 drag해서 원하는 값을 입력한다.