오늘의 학습 목표💭
1. [디자인 개론] 강의 수강 5-2강 까지
2. 디자인 감각 훈련 Day 2
[디자인 개론]
4-1 강의 ~ 5-2 강의 ✅
레이아웃
> 특정 공간 안에 문자, 이미지 등의 구성 요소를 보기 쉽게 효과적으로 배치하는 작업
시각적인 균형과 조화를 이루고, 사용자의 효과적인 정보 인식을 돕는 구성 방식
정보 전달력 향상
> 레이아웃에 따라 전달력과 집중도가 달라질 수 있음
시각적 위계 형성
> 좋은 레이아웃은 시각적 위계를 형성에 정보 전달력이 향상되게 만듦
(ex. 가장 큰 타이틀의 무게감, 면적, 이미지, 텍스트 순의 위계)
일관성으로 브랜드 이미지 제고
> 레이아웃 자체가 브랜드의 아이덴티티가 될 수 있음
특정 정렬, 간격, 그리드의 규칙성을 여러 제작물에 일관되게 적용하면 그 자체로 전문성과 신뢰감 형성
사용자 경험 (UX)
> 레이아웃이 사용자 경험에 어떤 영향을 주는가?
사용자의 행동을 유도하기 위한 레이아웃, 브랜드의 인상이나 정체성
레이아웃은 미적인 문제뿐만 아니라 사용자의 행동과 효율적인 정보 탐색에 직결
레이아웃의 핵심 원칙
여백 만들기
> 가독성을 높이거나 집중을 시키기 위한 여백 (타이포의 네거티브 스페이스와 비슷)
콘텐츠 그룹화
> 콘텐츠를 어떻게 그룹화 시키느냐에 따라 정보 전달력이 달라짐
카테고리가 같은 콘텐츠끼리 묶기 ( 페스티벌 포스터라면 언제 어디서 하는지 등에 대한 페스티벌의 정보를
모아두면 사용자가 한번에 확인 할 수 있고 흐름을 느낄 수 있음)
핵심 요소 반복 사용
> 핵심 요소를 반복하여 사용하면 전체적인 컨셉, 하나의 핵심을 전달하는데 효과적, 레이아웃의 통일성
대비와 강조
> 대비와 강조를 활용하여 콘텐츠에 집중시키기
정렬, 그리드
> 레이아웃 구성의 기본 틀이 되는 수평선, 수직선의 망
화면을 분할, 정리하여 효과적으로 정보를 분리해서 볼 수 있게 도와줌
초점 만들기
> 어디에 초점을 맞출 것인가, 시선을 분산시키지 않고 모을 수 있도록 구성
계층 구조 구성
> 가장 크고 무게감 있어보이는 곳에서 가벼운 곳으로 시선이 이동하도록 설계
기본 색채학
색상
> 색상은 빛의 반사에 의해 인식되는 시각적 속성
색상은 물체가 반사하는 빛의 파장 특성에 따라 다르며, 인간의 감각과 심리에 영향을 미치는 요소
색상, 명도(색의 밝고 어두운 정도), 채도(색이 선명하고 탁한 정도, 원색 or 무채색에 가까운)
색상환
> 빨강, 주황, 노랑, 연두, 초록, 청록, 파랑, 남색, 보라, 자주
색의 분류
Primary 1차 색 - 노랑 빨강 파랑
Secondary 2차 색 - 주황 보라 초록 (1차색의 원색을 혼합하면 나오는 색)
Tertiary 3차 색 - 진한 노랑, 다홍, 연두, 핑크, 남색, 하늘 (2차색을 혼합하여 나오는 색)
따뜻한 색 / 웜톤 : 빨간색, 주황색, 노란색 등
활력이 있고, 에너지가 있는 색
차가운색 / 쿨톤 : 파란색, 청록색, 남색 등
차분하고, 시원한색
중간 온도 중 따뜻한 색 : 연두색, 초록색
중간 온도 중 차가운 색 : 자주색, 보라색
보색 대비
> 색상환에서 서로 마주보는 반대편의 색
생동감과 에너지를 주고, 시선을 집중시키는데 가장 효과적인 색의 조합
유사색 조화
> 색상환에서 인접한 색, 비슷한 색끼리 묶어놓은 색
부드럽고 통일감 있는 느낌, 자연에서 많이 보이는 색 조화로 우리 눈에 편안하고 안정적
명도 대비
> 밝기가 다른 두 색의 대비로 밝은 색은 더 밝게, 어두운 색은 더 어둡게 보임
명도가 비슷한 것 끼리만 묶어놓으면 가독성이 떨어짐
색상모드
RGB
> Red, Green, Blue, 빛의 삼원색으로 색을 가산 혼합 방식으로 더하면 더할수록 밝아진다.
사람이 볼 수 있는 거의 모든 색을 구현할 수 있음
CMYK
> Cyan, Magenta, Yellow, Black
잉크에 기초한 색상 구현 모드로 색을 더하면 더할수록 탁하고 어두워진다.
색상 구현에 한계, 디스플레이와 인쇄물에서 색상이 동일 할 수 없기 때문에 이 간극을 줄여준다.
마케팅과 색체 심리학
파란색 공간에 있으면 더 차분해지는 이유? > 색은 우리의 기분이나 감정에 영향을 준다.
모두에게 같은 반응은 아니고 문화, 연령, 기분 등에 따라 조금씩 차이가 있을 수 있음
색은 고객의 감정과 행동에 영향을 미친다
> ex.) 빨간색이 신호등에 쓰이는 이유 - 사람은 빨간색에 가장 빠르게 반응
고객이 브랜드를 인식하는 방식에도 영향을 준다
> ex.) 네이버의 초록색
브랜드 인지도를 높이는 데 효과적
> ex.) 스타벅스의 짙은 초록색, 이케아의 파란색과 노란색
브랜드의 개성을 드러내는데 도움을 줌
> ex.) 티파니의 시그니처 컬러 티파니 블루 (티파니 브랜드의 상징)
구글 로고의 빨강 노랑 초록 파랑 (자유로운 가치, 창의적인 구글의 정신)
스타벅스의 초록색 (커피를 마시며 느끼는 여유, 안정감을 상징)
색들이 가지고 있는 이미지와 그 이미지를 활용한 브랜드
Black 검은색
> 힘, 권위 / 고급스러움, 세련됨 / 단정함과 진지함
ex. 나이키 (혁신, 성과 스포츠 정신), 자동차 프리미엄 세단 (고급스러움, 권위감, 프리미엄),
샤넬 (시크, 우아)
Red 빨간색
> 열정과 사랑 / 에너지와 활력 / 심박수, 혈압 등 생명력
ex. 코카콜라 (에너지, 파티, 열정, 강렬한 자극), 넷플릭스 (영화관의 색이 연상, 강렬한 감정적 경험, 콘텐츠의 기대와 흥분)
페라리 (레이싱카, 스포츠카의 열정)
Yellow 노란색
> 행복과 즐거움 / 주의와 경고 / 에너지와 활력 / 희망과 낙관
ex. 이마트 (쇼핑의 즐거움, 가족과 함께하는 행복감), 카카오 (친근하고 밝은 이미지, 작은 화면에서도 높은 주목도)
맥심 모카 골드 (달달하고 따뜻한)
Blue 파란색
> 신뢰와 믿음 / 전문성 / 진실과 정의 / 우울과 슬픔 / 차가움과 무관심
ex. 은행, 금융, 가전제품, IT, 정부부처 ( 전문적, 산업적, 신뢰적 이미지)
Green 초록색
> 자연과 생명 / 평화와 안전 / 회복과 치유 / 새로운 시작과 희망
ex. 식음료 브랜드 (자연), s-oil (친환경), naver와 같은 IT 기업 (지속 가능성, 혁신, 성장)
Purple 보라색
> 신성함, 고귀함 / 예술과 창의성 / 신비로움, 영성 / 광기
ex. 마켓컬리 (프리미엄 서비스, 차별화 전략)
디자인 감각 훈련 DAY 2 ✅
Google Fonts, 눈누, DaFont 등 다양한 사이트에서 글꼴 5개 수집
고딕 / 명조 / 세리프 / 산세리프 / 손글씨 / 디스플레이 등으로 분류
비교 및 분석 - 같은 문장을 여러 폰트로 쓰기
각 폰트의 인상 차이 관찰, 시각적으로 주는 인상, 폰트가 전달하는 감정
폰트를 썻을 때 어떤 메시지를 강화하거나 약화시키는가?
달성하지 못한 학습 목표🗯️
All clear
오늘 학습 후기❗️
디자인의 거의 모든곳에 적용된다고 볼 수 있는 레이아웃과 그에 대한 중요성, 핵심 원칙들을 배우며
앞으로 하는 디자인들에 레이아웃을 어떻게 배치해야 사용자들에게 디자인 속 콘텐츠를
더 집중도 있고 확실하게 전달할 수 있는지에 대해 다시 생각해 볼 수 있었다.
기본 개념인 색체학 역시 다시 돌아보며
색이 주는 이미지와 분위기를 생각하며 디자인을 해야하는 것을 되새김 했다.
다음 학습 목표💬
1. [디자인 개론] 강의 수강 6-2강 (끝) 까지
2. 디자인 감각 훈련 Day 3
'ai_디자이너_3기_부트캠프' 카테고리의 다른 글
| [본캠프] CH 1. 온보딩 6_260106 (0) | 2026.01.06 |
|---|---|
| [본캠프] CH 1. 온보딩 5_260105 (2) | 2026.01.05 |
| [본캠프] CH 1. 온보딩 4_260102 (0) | 2026.01.02 |
| [본캠프] CH 1. 온보딩 3_251231 (0) | 2025.12.31 |
| [본캠프] CH 1. 온보딩 1_251229 (0) | 2025.12.29 |
