제 4회 dgmit ui&ux 컨퍼런스 : 색의 이해

12
색에 대한 이해 2014. 10. 30 Version : 1.0.0 made by 이정화 크리에이티브아트팀

Upload: dgmit2009

Post on 05-Jul-2015

515 views

Category:

Design


7 download

DESCRIPTION

1. 색상, 채도, 명도 2. 색상 배색 3. 색상별 색채 심리 특징 4. 색상 참고 레퍼런스 사이트 소개

TRANSCRIPT

색에 대한 이해

2014. 10. 30

Version : 1.0.0

made by 이정화 크리에이티브아트팀

2

CONTENTS.

1. 색상, 채도, 명도에 대한 이해 ……………… 2

2. 색상 배색 ……………… 5

3. 색상 별 색채 심리 특징 ……………… 6

4. 참고 사이트 소개 ……………… 7

3

색상, 채도, 명도에 대한 이해 색상에 대하여

1. 색상(hue): 색조,빛깔 / 무채색과 유채색

-사물을 봤을 때 색체를 구별하는데 필요한 색의 특징이나 명칭을 말함

-우리나라의 색의 표시법은 먼셀 의 20색상환으로 규정하여 사용함.

1.

4

색상, 채도, 명도에 대한 이해 명도와 채도에 대하여

3. 채도(chroma): 색의 선명하고 흐린 정도

- 색의 선명도, 색의 맑고 탁함, 색의 강하고 약함, 순도, 포화도 등으로 다양하게 해석됨.

2. 명도(lightness): 색의 밝고 어두움의 명암

- 색의 선명도, 색의 맑고 탁함, 색의 강하고 약함, 순도, 포화도 등으로 다양하게 해석됨.

1.

5

색상배색 명도와 채도에 대하여

유사 색

색상환 배열에서 서로 이웃하며 그 색의 바탕에 공통된 성질을 가지고 있는 색

반대 색

색상환 배열에서 기본색과 동화색이 서로 마주보게 위치하고 있는 것 / 강조효과가 되지만 보조색상의 남발은 자칫 산만하게 보일 위험이 있음

근접배색

2.

6

색채 별 심리 특징 배색이미지 공간

배색 이미지 공간

3.

7

참고 사이트 소개 색상 참고 사이트 1

http://www.0to255.com/

색상의 변화를 쉽게 알고 찾을 수 있는 사이트

4.

8

참고 사이트 소개 색상 참고 사이트 2

http://coolors.co/intro/

어울리는 색들의 색상 팔레트를 자동으로 만들어 주는 싸이트

4.

9

참고 사이트 소개 재미로 해보는 색감 테스트 사이트 1

http://www.xrite.com/online-color-test-challenge

4줄의 색상 박스를 모두 순서대로 맞춘 후 ‘테스트’ 버튼을 누르면 틀린 개수와

색상을 그래프로 확인 가능 0에 가까울수록 색감 분별력이 높음을 뜻함

4.

10

4. 참고 사이트 소개 재미로 해보는 색감 테스트 사이트 2

http://game.ioxapp.com/color/

색감전문 공급업체인 팬톤(PANTOEN)이 제공

온라인 칼라 챌린지(Online Color Challenge)로, 비슷한 색상의 박스를 좌우 고정된 색을 기준으로 순서

대로 배열해 인접한 색과 구분할 수 있는지를 측정가능하고 테스트 완료즉시 검사 값 제공

11

5. 참고

- 네이버 캐스트 http://navercast.naver.com/contents.nhn?rid=51&contents_id=1472

-http://blog.naver.com/dutjddlf/40194129866

-http://pptkorea.tistory.com/18 -네이버 지식인 자료

12