From Design pattern
Jump to: navigation, search
(iOS_Mixing wheel)
 
(53 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
+
Color palette는 색을 선택 할 때 사용하는 패턴이다. 주로 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하여 입력할 때 사용된다.
{{#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에서 tap을 통해서 특정 위치의 색을 선택하는 방식이 사용되며, 색을 선택한 뒤 그 색에 대한 그라데이션 바가 나타나고 drag를 통해서 원하는 위치의 색을 선택하는 방식도 사용된다.  
 
색을 선택하는 Palette의 종류에 따라 구분이 가능한데, 주로 대표색을 선택하고 대표색에 해당하는 Palette에서 tap을 통해서 특정 위치의 색을 선택하는 방식이 사용되며, 색을 선택한 뒤 그 색에 대한 그라데이션 바가 나타나고 drag를 통해서 원하는 위치의 색을 선택하는 방식도 사용된다.  
Line 65: Line 5:
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
  
app에서 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하기 위한 pattern이 필요하다. Color palette는 원하는 색을 쉽게 보고 선택할 수 있는 기능을 제공한다.
+
앱에서 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하기 위한 패턴이 필요하다. Color palette는 원하는 색을 쉽게 보고 선택할 수 있는 기능을 제공한다.
  
 
* Color palette는 원하는 색을 입력하기 위하여 색을 보고 선택할 수 있는 공간을 가지고 있다.
 
* Color palette는 원하는 색을 입력하기 위하여 색을 보고 선택할 수 있는 공간을 가지고 있다.
Line 71: Line 11:
 
* Color palette는 기존의 데스크탑에서 사용되던 일러스트툴과 유사한 방식을 사용하였다.
 
* Color palette는 기존의 데스크탑에서 사용되던 일러스트툴과 유사한 방식을 사용하였다.
  
=== Example : iOS_Filter Frame ===
+
=== Example : iOS_Tayasui Sketches ===
{{#Widget:Vimeo|id=93374681|width=533|height=399|start=4s}}
+
[[File:Palette2.jpeg]]
 +
 
 
----
 
----
  
== Color palette ==
+
== Color wheel ==
<div id="sun-col">
+
=== iOS_SketchbookX ===
 +
{{#Widget:Vimeo|id=96422966|width=395|height=533}}
 +
 
 
=== iOS_Tayasui Sketches ===
 
=== iOS_Tayasui Sketches ===
 
{{#Widget:Vimeo|id=93374683|width=533|height=395}}
 
{{#Widget:Vimeo|id=93374683|width=533|height=395}}
  
=== iOS_SketchbookX ===
+
----
{{#Widget:Vimeo|id=96422966|width=300|height=405}}
+
  
=== iOS_Mixing wheel===
+
== Spectral line ==
{{#Widget:Vimeo|id=95488541|width=300|height=355}}
+
=== iOS_Filter Frame ===
 +
{{#Widget:Vimeo|id=93374681|width=533|height=399}}
  
 +
----
 +
 +
== Etc ==
 
=== iOS_Paper by FiftyThree ===
 
=== iOS_Paper by FiftyThree ===
 
* 기존 색상이 있는 팔레트에 다른 색상을 올려 시계반대방향으로 돌리는 정도에 따라 두 색상이 섞인다.
 
* 기존 색상이 있는 팔레트에 다른 색상을 올려 시계반대방향으로 돌리는 정도에 따라 두 색상이 섞인다.
 
{{#Widget:Vimeo|id=93373874|width=533|height=395}}
 
{{#Widget:Vimeo|id=93373874|width=533|height=395}}
</div>
 
  
[[Category:Enter a continuous value]]
+
=== 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를 통해서 원하는 위치의 색을 선택하는 방식도 사용된다.

With this pattern, we can solve...

앱에서 이미지작업을 하거나 필기를 할 때 원하는 색을 선택하기 위한 패턴이 필요하다. Color palette는 원하는 색을 쉽게 보고 선택할 수 있는 기능을 제공한다.

  • Color palette는 원하는 색을 입력하기 위하여 색을 보고 선택할 수 있는 공간을 가지고 있다.
  • 사용자가 입력을 위해 선택한 색을 화면에서 표시해줌으로, 입력될 색에 대한 정보를 제공한다.
  • Color palette는 기존의 데스크탑에서 사용되던 일러스트툴과 유사한 방식을 사용하였다.

Example : iOS_Tayasui Sketches

Palette2.jpeg


Color wheel

iOS_SketchbookX

iOS_Tayasui Sketches


Spectral line

iOS_Filter Frame


Etc

iOS_Paper by FiftyThree

  • 기존 색상이 있는 팔레트에 다른 색상을 올려 시계반대방향으로 돌리는 정도에 따라 두 색상이 섞인다.

iOS_Mixing wheel