Difference between revisions of "Color palette"
Navigation menu
From Design pattern
| (70 intermediate revisions by 5 users not shown) | |||
| Line 1: | Line 1: | ||
| + | Color palette는 색을 선택 할 때 사용하는 패턴이다. 주로 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하여 입력할 때 사용된다. | ||
| − | + | 색을 선택하는 Palette의 종류에 따라 구분이 가능한데, 주로 대표색을 선택하고 대표색에 해당하는 Palette에서 tap을 통해서 특정 위치의 색을 선택하는 방식이 사용되며, 색을 선택한 뒤 그 색에 대한 그라데이션 바가 나타나고 drag를 통해서 원하는 위치의 색을 선택하는 방식도 사용된다. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | 색을 선택하는 Palette의 종류에 따라 구분이 가능한데, 주로 대표색을 선택하고 대표색에 해당하는 Palette에서 | + | |
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
| − | + | 앱에서 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하기 위한 패턴이 필요하다. Color palette는 원하는 색을 쉽게 보고 선택할 수 있는 기능을 제공한다. | |
* Color palette는 원하는 색을 입력하기 위하여 색을 보고 선택할 수 있는 공간을 가지고 있다. | * Color palette는 원하는 색을 입력하기 위하여 색을 보고 선택할 수 있는 공간을 가지고 있다. | ||
| + | * 사용자가 입력을 위해 선택한 색을 화면에서 표시해줌으로, 입력될 색에 대한 정보를 제공한다. | ||
* Color palette는 기존의 데스크탑에서 사용되던 일러스트툴과 유사한 방식을 사용하였다. | * Color palette는 기존의 데스크탑에서 사용되던 일러스트툴과 유사한 방식을 사용하였다. | ||
| − | === Example : | + | === Example : iOS_Tayasui Sketches === |
| − | + | [[File:Palette2.jpeg]] | |
| − | + | ||
---- | ---- | ||
| − | == Color | + | == Color wheel == |
| − | + | === iOS_SketchbookX === | |
| + | {{#Widget:Vimeo|id=96422966|width=395|height=533}} | ||
| − | === | + | === iOS_Tayasui Sketches === |
| − | {{#Widget:Vimeo|id= | + | {{#Widget:Vimeo|id=93374683|width=533|height=395}} |
| − | + | ---- | |
| − | + | ||
| − | === | + | == Spectral line == |
| + | === iOS_Filter Frame === | ||
| + | {{#Widget:Vimeo|id=93374681|width=533|height=399}} | ||
| + | |||
| + | ---- | ||
| + | |||
| + | == Etc == | ||
| + | === iOS_Paper by FiftyThree === | ||
* 기존 색상이 있는 팔레트에 다른 색상을 올려 시계반대방향으로 돌리는 정도에 따라 두 색상이 섞인다. | * 기존 색상이 있는 팔레트에 다른 색상을 올려 시계반대방향으로 돌리는 정도에 따라 두 색상이 섞인다. | ||
{{#Widget:Vimeo|id=93373874|width=533|height=395}} | {{#Widget:Vimeo|id=93373874|width=533|height=395}} | ||
| − | |||
| − | [[Category:Enter | + | === iOS_Mixing wheel=== |
| + | {{#Widget:Vimeo|id=95488541|width=395|height=533}} | ||
| + | |||
| + | [[Category:Enter continuous values]] | ||
Latest revision as of 17:15, 29 July 2014
Color palette는 색을 선택 할 때 사용하는 패턴이다. 주로 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하여 입력할 때 사용된다.
색을 선택하는 Palette의 종류에 따라 구분이 가능한데, 주로 대표색을 선택하고 대표색에 해당하는 Palette에서 tap을 통해서 특정 위치의 색을 선택하는 방식이 사용되며, 색을 선택한 뒤 그 색에 대한 그라데이션 바가 나타나고 drag를 통해서 원하는 위치의 색을 선택하는 방식도 사용된다.
Contents
With this pattern, we can solve...
앱에서 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하기 위한 패턴이 필요하다. Color palette는 원하는 색을 쉽게 보고 선택할 수 있는 기능을 제공한다.
- Color palette는 원하는 색을 입력하기 위하여 색을 보고 선택할 수 있는 공간을 가지고 있다.
- 사용자가 입력을 위해 선택한 색을 화면에서 표시해줌으로, 입력될 색에 대한 정보를 제공한다.
- Color palette는 기존의 데스크탑에서 사용되던 일러스트툴과 유사한 방식을 사용하였다.
Example : iOS_Tayasui Sketches
Color wheel
iOS_SketchbookX
iOS_Tayasui Sketches
Spectral line
iOS_Filter Frame
Etc
iOS_Paper by FiftyThree
- 기존 색상이 있는 팔레트에 다른 색상을 올려 시계반대방향으로 돌리는 정도에 따라 두 색상이 섞인다.
iOS_Mixing wheel