플랫 디자인 색상 예제 / 색상코드(색상표)

Posted by Readiz
2013. 12. 23. 21:55 Creation/Design





  플랫 디자인 색상 샘플입니다. 링크한 사이트로 들어가시면 mouseover에 대한 색상도 보실 수 있습니다.


turquoise

#5eddd8
#4cd1cb
#4fbeba
#1ba5a0


artichoke

#87eb41
#79d738
#64b92a
#50a118


peter river

#3da8e3
#3598ce
#2986b9
#1b71a0


sun flower

#fece10
#f1c40f
#d7af0d
#b1900b


alizarin

#e74c3c
#d44637
#c0392b
#a5281b


wet asphalt

#82b6ea
#5e84aa
#34495e
#263544


clouds

#f9f9f9
#ecf0f1
#d3d7d7
#aeb1b1


concrete

#a0b2b3
#95a5a6
#7e8c8c
#5c6666



 이쁘네요 플랫디자인. 무엇보다 디자인을 심화해서 접해보지 않은 사람도 흉내를 내볼 수 있다는 점이 아닐까요. 연습해봐야겠습니다.


  iOS7의 flat한 색상 예제도 참고하세요.


이 댓글을 비밀 댓글로
  1. 제가 이전에 포스팅한적이 있는데, 플랫디자인이 쉬워보이지만 오히려 스큐어모픽보다 디자인이 더 힘듭니다.

    여러가지 기믹으로 때울 수 있는 요소들이 다 없어지고 타이포나, 레이아웃, 색상배치등 정말 한눈에 들어오는 덩어리만 남으니까요
    • ^^; 제가 Estoque님만큼 전문가는 아닙니다. 의미전달이 조금 잘못된 것 같은데 쉽다고 쓴 것이 진짜 디자인이 쉽다는 의미가 아니라 기술적으로 다루기가 좀 더 쉽다는 의미였습니다.
      저도 이번에 작업하면서 정말 어렵다고 느낍니다.
  2. 플랫색상이 정리되어있으니 대충 쓰기만해도 플랫디자인같아서 좋습니다!
    그런데 첫번째 링크거신 사이트가 사라졌네요ㅜㅜ