아이디어 구상 및 전개
1. 예시: 서울시 도시브랜드' 를 만든다
-조사 (아이디어 발상법 필요단계)
・도시/브랜드가 어떤 성격인지 자료 수집 (시장, 트렌드, 사용자)
-키워드 도출
・역동적, 연결, 따뜻함, 현대적, 확장성'
-콘셉트 확정
서울은 사람과 자연의 연결이 있는 흐름의 도시"
- 비주얼 모티프
'한강의 흐름', '지하철 노선의 연결 같은 반복될 수 있는 시각 요소
-그래픽 모티프(실제 쓰는 결과물)
・그 흐름/연결을 패턴, 아이콘, 그래픽 요소로 만들어서 포스터, 안내판, 앱, 굿즈에 적용 가능한 세트로 정리
-플렉서블 아이덴티티(상황마다 변하는 브랜드)
• 기본 원칙은 같지만, 행사/계절/매체/상황에 따라 로고가 변주됨
(예: 봄 버전, 야간 버전, 스포츠 행사 버전)
비주얼 아이데이션 구상
1. 아이디어 발상방법
-확산: 많이 뽑기 (브레인스토밍, 마인드맵, 체크리스트).
-수렴: 묶고 정리하기 (연관도, 계통도, 시나리오, 카드분류)
-통합: 왔다 갔다 하며 구체화 (구조화 분석 등)
2. 아이디어 발상법
-브레인스토밍: 평가 금지 / 양 우선 / 조합·확대
-어피니티 다이어그램(KJ법): -포스트잇으로 그루핑해서 구조화
-스캠퍼(SCAMPER): “대체·결합·변경·수정·전용·제거·역전 질문으로 발상 확장"
-시네틱스(Synetics): "관계가 없는 것들을 결부시킨다."
비주얼 아이데이션 구상
-비주얼 모티프(Visual Motif)
1 반복, 의미 전달, 감정 강조, 아이디어의 씨앗
2 브랜드를 떠올리게 만드는 시각적 DNA
3 예) 물결, 점과 선의 연결, 산의 실루엣, 특정 곡선, 특정 프레임 형태
-그래픽 모티프(Graphic Motif)
1 실무에서 쓰는 도구(결과물), 가이드라인 수록, 적용 요소
2 실제로 브랜드에 쓰는 패턴 아이콘 그래픽 시스템
3 예) 물결 모양을 패턴화, 아이콘화, 배경 그래픽으로 규칙화
-플렉서블 아이덴티티(Flexible Identity)
1 통일성 + 유연성, 가변성, 상황 적응, 채널 확장
2 '로고가 하나로 고정되지 않고, 규칙 안에서 변신하는 브랜드"
3 플렉서블 아이덴티티 3가지 표현 유형 : 내적 유연성(Inside 변화) 외적 유연성(Outside 변화) 동적 유연성(Motion 변화)
아이디어 스케치
-아이디어 스케치란? 수단, 시각화, 아이디어 발상, 커뮤니케이션 창의성 보존, 빠른 생산, 기록·휴대, 공유, 선택, 재검토, 학습
-아이디어 스케치 종류
X 섬네일 스케치(Thumbnail) - 작게, 빠르게, 많이, 핵심만
2 러프 스케치(Rough) - 비교·검토, 콘셉트 반영 확인, 간단한 연출
X콤프 스케치(Comprehensive) - 완성본, 디지털 작업, 최종 검토. 설득
-아이디어 스케치의 활용 범위
1개념 스케치(Concept sketch) - 키워드 - 형태화, 관계 표현, 정보 시각화
2 사물 스케치(Object sketch) - 구조, 결합, 기능+심이
3 경험 스케치(Experience sketch) - 상황, 시간 흐름, 스토리보드(콘티)
-비주얼 리터러시(Visual Literacy)
1 이미지 읽기+쓰기, 해석+적용, 시각적 사고·학습·소통
2 스케치는 '손재주만이 아니라 이미지를 이해하고 설계하는 능력(문해력)
아이디어 구상 및 전개
-비주얼 펀(Visual fun)
1 유머·위트의 시각화 / 설득·공유 강화 / 재미로 기억시키기
2 비주얼 펀의 유형
-합성: 서로 다른 이미지를 섞어 새 의미
-변용: 크기·색·조합을 바꿔 의미 전환(자연스러운 전환이 중요)
-배치 변화: 놓는 방식/순서가 의미를 바꿈
-왜곡: 일부를 비틀어 새로운 의미 발견
-이미지의 기호적 접근(롤랑 바르트)
1 이미지= 기호/ 기표(보이는 것)+기의(의미)/외연(직접 의미) +내포(문화·연상 의미)
2 같은 이미지도 사람/문화에 따라 다르게 읽힘
·키워드이미지 관계를 설계해야 함
-사용자 편의 가치 적용
1 유니버설 디자인 - 모두를 위한 디자인 / 가독성 주목성시인성 / 픽토그램 > 베리어프리 디자인(장애가 있는 분들을 위한 디자인)
2 지속가능 디자인 - 용지 절약/잉크 절약/ 리사이클링(후가공 최소화)
3 어메니티 디자인 키워드: 편의성+ 쾌적함 / 사용자 경험 강화
[색채지각의 원리]
물리학의 이해 | 색의 지각 3요소 | 색지각의 4가지 조건
물리학의 본질, 근원을 연구 - 아이작 뉴튼 - 만유인력의 법칙, 빛의 분광실험
3요소- 광원, 물체, 눈
4조건- 빛의 밝기, 인접색과의 대비, 사물의 크기, 색의 노출시간
빛(광원)이 물체(고체 액체 기체)에 부딫히며 반사(분광반사율)되거나
흡수 투과되며 눈이 인지하는 것이 색채지각의 원리
색의 현상
1. 반사 - 색의 지각 (고체)
2. 산란 - 노을, 흰구름, 먹구름 등 (빛이 기체에 부딪혀 방향이 틀어지는)
3. 굴절 - 프리즘, 무지개 등
4. 회절 - CD표면색, 곤충날개색 등 (빛이 파동하는 것)
5. 간섭- 진주조개, 비눗방울, 홀로그램 등(강한 간섭은 보강간섭, 약한 간섭은 상쇄간섭)
색의 물리적 분류
1. 광원색 - 광원 스스로 빛을 내는 색
2. 물체색 - 광원으로부터 받은 반사에 의해 생기는 색 -표면색,투과색이 있음
3. 표면색 - 외부의 빛을 받아 반사된 빛의 색 -물체의 질감을 느낄 수 있음
4. 평면색 - (면,개구색) 순수한 원초적인 색
5. 경영색 - (거울색) 거울 면이 가진 완전반사 색
6. 공간색 - (용적색) 유리병 속의 액체, 수영장 물색 등
뉴튼의 분광실험
빛에 대한 학설
-입자설
데모크리토스 (알갱이 집합체)
이븐알하이상 (광학의 서)
뉴튼 (18C 입자설)
아인슈타인 (광양자설)
-파동설
아리스토텔레스(4원소설)
데카르트(스넬의 법칙)
토마스 영(이중슬릿실험)
호이겐스(파동설)
맥스웰(전자기파설)
전자기파의 종류
-감마선에서 극초단파 방향으로 갈수록 파장이 길고 진동이 작아 굴절과 에너지가 작다
-감마선 엑스선 자외선 가시광선 적외선 극초단파(마이크로파 라디오파)
*여기서 인간의 가시광선 범위 380~780nm
가시광선의 가장 밝은 최대시감도는 노랑
보라 - 노랑(555nm-590nm) - 빨강
색채지각설
영-헬름홀츠의 3원색설(RGB)
헤링의 4원색설(반대색설, 대응색설)(노파빨초)
-분해(이화):흰,노,빨
-합성(동화):검,파,초
눈의 구조
각막-홍채(조리개)-수정체-공막(맥락망(망막))-시신경-뇌
홍채=조리개
공막은 눈을 보호하고
맥락망은 암실역할을 하고
망막은 필름역할을 함
수정체는 렌즈역할
홍채는 조리개역할
망막중에 세포가 모여있어 빛에 민감한 부분이 중심와(황반)이라고 함
망막에서 빛이 들어와 뇌로 가는 신경을 시신경 시신경이 들어가는 곳은 맹점
수정체 앞에 각막이 수정체를 보호해주고,
수정체를 잡고있는 근육이 섬모체
유리체는 액체
눈에 있는 세포(시세포)
-간상체-명암, 밤, 500nm, 1억 2천만개
-추상체-색상, 낯, 560nm, 600만개 ~700만개
-이곳에 문제 발생 시 색각이상(색맹) 발생
*RG빨라 적녹색맹
*YB노파 청황색맹
*전색맥
색의 잔상
부의잔상-음성 부정적 소극적 (수술실)
정의잔상-양성 긍정적 적극적 등생잔상
색채 자극과 인간의 반응
- 박명시 현상(간추 동시발현해 시야가 흐려짐)
- 푸르킨예 현상(명>암 갑자기 불이 꺼질때)
- 순응-색순응,암순응,명순응(명순응에 더 빠른 적응)
- 연색성(같은 물체가 어떠한 빛에 의해 보이는 차이가 낮은 것)
- 조건등색(메타머리즘) 어떤 빛에 의해 색이 같아보이는 것)
- 항상성(어떤 조건에라도 같은 색으로 지각 되는 것)
- 애브니효과(순도(채도)에 따라 달라보이는 현상)
- 베졸드-브뤼케현상(명도에 따라 색이 달라보이는 현상)
- 주관색(무채색이 유채색으로 보이는 것)
- 리프만효과(색상차가 많지만 명도가 비슷해서 명시성이 떨어지는 현상)
- 괴테의 색음현상(무채색이 유채색의 보색으로 보이는 현상)
- 맥컬로 효과(순차적으로 다른그림을 보고 회색을 보면 전에 본 색의 보색이 보이는 현상)
- 허먼 그리도 효과(사각 검은색의 교차되는 부분에 점이 보이는 현상)
색의 정의와 분류
색
-무채색-명도(Value, lightness)
-유채색-색상(Hue, Color),명도(Value, lightness),채도(Chroma, Saturation)
*명도와 채도는 서로 영향을 주기때문에 둘을 합쳐 색조(tone)이라고 칭한다
색의 혼합
빛의 혼합 - 색광, 가산, 가법 - r,g,b
물체색의 혼합 - 색료, 감산, 감법 - c,m,y
중간혼합(색을 섞지않았는데 혼합되보이는) - 병치혼합, 회전혼합
색채 혼합의 원리
색광혼합 rgb / 색료혼합 cmy
물리적 혼색과 생리적 혼색
물리적혼색-컬러사진 무대조명 등
생리적혼색-점묘화법, 모자이크, 색팽이, 레코드판
색채체계의 이해
표색계
혼색계 - CIE(xyz,Yxy,Lab,Luv,Lch) / 오스트발트 표색계
현색계 - 먼셀표색계, NCS,PCCS,DIN
*혼색계는 색을 수치화시켜 물리적 심리적, 현색계는 시감각으로 느낀걸 체계화
*먼셀 국내사용 미국시작
*오스트발트는 이론상 혼색계 가능, 사용시 현색계로도 가능
CIE 색채규정
국제조명위원회
1913년 설립된 국제단체로 국제조명위원회 에서 색 공간 분야의 과학과 기술에 관한 모든 사항을 국제적으로 토의하고 정보를 교환표준화와 측정방법을 개선개발하여 국제규격 및 각국의 공업규격의 지침을 만드는 국제기구
CIE 표준 표색계 - 혼색계
-CIE XYZ
-CIE Yxy
-CIE L*a*b*
-CIE L*u*v*
-CIE L*c*b*
-가장자리에 있는 애들은 스팩트럼궤적(순수색)
-가운데 스팩트럼 흰부분의 중앙을 C 백색점
-백색점을 포함한 곳은 플랭크궤적(색온도)
-색도도는 말굽형
*CIE Lab : L은 명도 a=red-green / b=yellow-blue
표색계의 분류 (현색계)
먼셀>오스트발트>din>pccs>ncs 순서로 나타남
-먼셀의 명도 11단계 채도 14단계
-pccs의 명도 17단계 채도는 9단계 색상은 24단계
-ncs의 명도채도는 10-100
-din은 0-10 명도는 먼셀과 같이 11단계 색상은 24단계
*H색상 V명도 C채도 - 5R 4/3 = 중간단계 다크 그레이 레드(채도 좀 빠진 팥죽색)
먼셀표색계의 20색상환(기준색 5개) - 먼셀 외 전부 헤링의 4원색 사용
NCS의 색상환(40개의 색상)
오스트발트의 색상환(기본색4개 중간색4개 각각 3개 총 24색)
PCCS
먼셀의 색입체 = 5R의 4의 3 이라고 읽어 표현(색상, 명도, 채도)
- 가로단면
-세로단면
NCS의 색입체
-W + S + C = 100% | S1040, Y40R > 뉘앙스로 두번째판(S), 흑색량,순색량(10,40)/색상의 수치(Y40R)
*W(흰) + B(검) + C(순) = 100% 오스트발트 20(색상)L(흰)C(흑)
-W,S,C : 고명도,저명도,고채도
오스트발트의 색입체
앞이같으면 등백계열
뒤가같으면 등흑계열
오스트발트 색입체
-복원추체 마름모형태
PCCS 색입체
[색명체계]
색명법 KSA 0011
-기본색명
-일반색명(계통색명)
-관용색명(고유색명)
・광물: 에메랄드 그린, 황금색, 코발트 블루, 옥색, 호박색 등
・식물: 귤색, 개나리색, 복숭아색, 라벤더색, 올리브그린, 파스텔 블루, 밤색 등
・동물: 비둘기색, 따오기색, 세피아, 피콕그린 등
・지명과 인명: 프러시안 블루, 반다이크 브라운, 보르도 등
・자연: 하늘색, 황토색, 물색 등
[색의 대비와 동화]
-대비 : 동시대비/계시대비/연변대비/한난대비 > - 색상/명도/채도/보색
-동화 : 전파효과, 혼색효과, 줄눈효과
[색채지각의 감정효과]
1. 온도감 - 난색, 한색
2. 중량감 -명도
3. 경연감 (강약감) -채도
4. 진출과 후퇴색
5. 팽창과 수축색
6. 주목성 (유목성)
7. 명시성 (시인성)
8. 흥분과 진정
9. 시간의 장단
10. 속도감
*난색과 한색이 아닌 중성색은 그린과 퍼플.
[색채의 연상]
연상
-구체적인 연상/ 추상적인 연상
-부정적인 연상/긍정적인 연상
상징
-신분, 계급의 구분, 방위의 표시, 지역구분
-수치의 시각화 기구, 건물의 표시, 주의표시
-국가 또는 단체의 상징, 기업의 아이덴티티
[색채연상의 역할]
1. 제품정보의 역할 - 바나나 우유
2. 기능정보의 역할 - TV리모컨(인지성, 편리성 제공)
3. 사회, 문화정보로성의 역할 - 붉은 악마
4. 언어적 기능- 유니폼, 지하철 노선도
5. 국제언어로서 역할 - 국기색, 안전색채 등
[색채조화와 배색]
쉐브럴의 색채조화론 : 동시대비의 원리, 도미넌트 컬러, 세퍼레이션 컬러, 보색 배색조화
저드의 색채조화론 : 비모호성의 원리(명료성의 원리) /친근감의 원리/유사의 원리/질서의 원리
파버비렌의 색채조화론
1 color - shade - black
-렘브란트의 그림과 같은 색채의 깊이와 풍부함과 관련한 배색조화이다.
2 color- tint - white
-인상주의처럼 가장 밝고 깨끗한 느낌의 배색조화이다.
3 tint-tone-shade
-가장 세련된 배색으로 레오나르도 다빈치에 의해 시도되었고 오스트발트는
이것을 음영계열의 배색조화라 했다.
4 white - gray-black
-무채색을 이용한 조화이다. 부조화가 전혀 없다는 것은 있을 수 없지만
명색조로 다른 조화에 비해 조화로운 배색이다.
요하네스 이텐의 색채조화론
문 - 스펜서의 색채조화론 M=0/C
미도(M) = (질서성의 요소)/C(복합성의 요소)
미적계수 적용-M을 구함(M이 0.5 이상이면 좋은 배색이 됨)
C(복합성의 요소)= (색수)+ (색상차가 있는 색의 조합수)
+(명도차가 있는 색의 조합수)
+(채도차가 있는 색의 조합수)
(질서성의 요소)= 색의 3속성별 통일 조화(색상의 미적계수+명도의 미적계수 + 채도의 미적계수)
눈부심, 제1부조화, 유사조화, 제2부조화, 대비조화의 해당 여부
[색채조화와 배색]
1. 배색방법
-주조색: 70% 이상
-보조색: 25% 내외
-강조색: 5% 내외
2. 색상에 의한 배색
-동일색상의 배색
-유사색상의 배색
-반대색상의 배색
3. 명도에 의한 배색
-고명도의 배색
-명도차가 큰 배색
4. 채도에 의한 배색
-고채도의 배색
-저채도의 배색
-채도차가 큰 배색
5. 동일한 톤에 의한 배색
6. 분리배색(세퍼레이션) 효과
7. 강조배색의 효과
8. 연속배색의 효과(그라데이션효과)
9. 반복배색의 효과
10. 톤을 이용한 배색
-톤온톤 배색 (색은 같게 명채도 다르게)
-톤인톤 배색 (색은 다르게 명채도 같게)
-카마이외 배색
-포카마이외 배색
-토널 배색
-비콜로 배색
-트리콜로 배색
-멀티콜로 배색
[색채의 기능]
1.색채조절
-기분이 좋아진다.
-눈 건강에 좋고 피로가 감소한다.
-생활이나 작업에 힘을 복돋워 준다.
-판단이 보다 빨라진다.
-사고나 재해가 감소한다.
-능률이 향상되어 생산력이 높아진다.
-정리, 정돈 및 청결을 유지하도록 한다.
-유지, 관리가 경제적이며 쉬워진다.
2. 안전색채
3. 색채치료
컴퓨터의 구성
-연산, 제어장치: CPU
-기억장치 :주기억장치(RAM, ROM)/ 보조기억장치
-입력장치 :스캐너, 키보드, 마우스, 터치스크린, 태블릿, 디지타이저, 디지털카메라, 디지털캠코더, 모션캡쳐, 3D스캐너 등
-출력장치 :모니터, 프린터, 플로터, 버쳐 워크벤치 필름레코더
*최초의 컴퓨터 : 애니악
*주기억장치의 램은 읽기쓰기가능, 끄면 사라짐, 롬은 읽기만 가능 꺼도 사라지지 않음
-모니터 시스템
CRT 모니터 : 브라운관 TV (음극선관)
LCD 모니터: 액정표시장치
LED 모니터 : 발광 다이오드
백라이트에 따라 어떤 모니터냐
CCFL(냉음극 형광램프)
EEFL(외부전극 형광램프) LED(발광다이오드)
FFL(평판형 형광램프)
* 어도비rgb모니터부터 광색역모니터
-디지털과 아날로그
디지털 : 0과 1이라는 수치로 데이터 처리
아날로그 : 시그널로 처리
-해상도
1인치x1인치 안에 들어있는 픽셀의 수가 바로 해상도. 단위는 ppi
-비트와 표현방식
1bit 0또는 1의 검정이나 흰색
2bit 2에 2승인 4컬러 > 최초의 그래픽카드 CGA그래픽카드
4bit 2에 4승인 16컬러
8bit 2에 8승인 256컬러(index color)
16bit 2에 16승인 6만 5천컬러
24bit 2에 24승인 1,677만 7천 컬러(true color)
*R=3bit G=3bit B=2bit
-디지털 색채 체계
LAB 모드
RGB 모드
CMYK 모드
Grayscale 모드
bitmap 모드
Duotone 모드
index 모드(전략형 ex.gif)
HSB 모드
-디지털 이미지 표현
벡터(일러스트, 프리핸드,코렐드로우,CAD(도면&그림))
비트맵(포토샵, 페인트샵 프로(사진))
*안티엘리어싱, 안티앨리어스 비트맵이미지를 보완하는 기능
-디지털 이미지 저장방식
jpeg (손실 , 웹용)
esp (인쇄용)
png (비손실, 웹용)
gif (비손실, 256color, 웹용)
tiff (비손실)
pdf (인쇄용, 전자출판(eps의 요즘방식)
[디스플레이 시스템]
디지털 색채조절
CMS (컬러 매니지먼트 시스템)
ICC 프로파일(icc = 국제 색채 프로필 관리 기구)
색영역 매핑
컬러 어피어런스 모델 (여러 자료의 차이를 예측해주는 모델)
디바이스 특성화
디바이스 종속 색체계 (디바이스가 바뀔때마다 바뀌는 rgb,cma<->독립 색체계 lab xyg )
렌더링 인텐트 : 상대색도, 절대색도, 채도, 지각적
*캘리브레이션 : 사진,모니터,출력장치 까지 디바이스에서 출력물까지 눈으로 볼때 오차를 최적화하는 기술적 절차
이 시리즈는
자격증 취득을 목표하고 쓰는
조선생TV 2026개정판 시각디자인기사&산업기사 필기영상을 보고 쓰는 이론 정리입니다.
'자격증' 카테고리의 다른 글
| 시각디자인기사 2026 개정판 필기 : 3과목 시각디자인 제작-인쇄의 이해 (0) | 2026.02.28 |
|---|---|
| 시각디자인산업기사/기사 2026 개정판 필기 : 2과목 시각디자인 기획구상 (4) | 2026.02.27 |
| 시각디자인산업기사 2026 개정판 필기 : 1과목 시각디자인 조사 및 분석 (5) | 2026.02.26 |
| 자격증컬러리스트산업기사 2026 개정판 필기 : 2과목 색채 디자인 전략 (3) | 2026.02.24 |
| 컬러리스트산업기사 2026 개정판 필기 : 1과목 색채 디자인 계획 (3) | 2026.02.23 |