*디자인이란?
디지털 디자인, 물리적 디자인, 공공 디자인, 패키지 디자인…
Design = 문제를 해결하는 과정
only 예쁘고 보기 좋은 것만이 아닌 편리하고 쉬운 사용성과 접근성도 중요
기능성 + 미학
*디자인의 기본 요소
- 색상
- 균형
- 강조
- 비례
색상
직관적인 시각적 영향
감정, 분위기, 행동에 대한 지시 (예: 통화 버튼에서 긍정인 응답은 초록색, 거절은 빨간색)
브랜드의 아이덴티티와 첫인상을 결정 (예: 시원한 파랑, 세련되거나 고급스러운 검정, 활발한 노랑 등)
균형
영역을 구성하는 디자인 요소의 시각적 부피, 질량, 중력을 고려하여 배치
레이아웃이나 로고의 배치에서 심리적으로 예뻐보이기 위한 중요한 요소
| 대칭 균형 | 안정적 |
| 비대칭 균형 | 자유로움, 창의적, 강렬한 인상 |
강조
구성 내의 시각적 무게를 결정, 공간과 원근을 설정
가장 먼저 눈에 띄므로 보는 사람의 시선을 유도 (예: 제목을 크게 한다, 구매나 구독 버튼은 키우지만 취소와 해지 버튼은 작게 한다)
색상 포인트를 통한 시각적 강조, 상단 배치 등 위치를 통한 강조, 콘트라스트, 여백(간격) 등 다양한 기법
비례
요소 간의 비율 차이를 통해 보는 사람이 사물을 디자이너가 의도한 형태로 인지하게
그리드 시스템
조화로운 레이아웃을 위한 중요 요소
*UI와 UX의 차이
| UI | UX |
| 직접 보고 만지는 화면 요소 직관적인 디자인이 중요 (버튼 크기, 색상 등등) 사용자가 누르고 보는 상호작용, 인터페이스 |
사용할 때 느끼는 고객의 경험 전체 로딩, 상품을 찾고 구매하는 등 일련의 과정을 통틀어서 서비스가 얼마나 편리했는지, 만족스러웠는지 |
UI와 UX는 다르지만 함께 가야 한다
'프로덕트 디자인 > Sub Note' 카테고리의 다른 글
| [디자인부트캠프] Chapter 3. 일러스트레이터(2) (0) | 2025.05.04 |
|---|---|
| [디자인부트캠프] Chapter 3. 일러스트레이터(1) (1) | 2025.04.24 |
| [디자인부트캠프] Chapter 2. 포토샵(2) (0) | 2025.04.23 |
| [디자인부트캠프] Chapter 2. 포토샵(1) (0) | 2025.04.20 |
| [디자인부트캠프] Chapter 1-2. 디자인 입문(2) (2) | 2025.04.17 |