내일 배움 캠프 Day4 - TIL

오늘 할 것 - 디자인 감각 개론: 로고 스타일 리서치, 디자인 개론 강의 듣기

 

디자인 감각 개론: 로고 스타일 리서치

 

• 로고 스타일 예시분류 주요 특징 대표 예시 브랜드 시각적 인상 어울리는 분야

  미니멀형 (Minimal)	불필요한 요소 없이 단순한 형태로 구성. 직관적이고 세련된 느낌을 줌.	Apple, NIKE, Airbnb, Uniqlo	간결함, 현대적, 고급스러움	테크, 패션, 스타트업, 글로벌 브랜드
  타이포형 (Typographic / Wordmark)	글자 자체를 중심으로 디자인된 로고. 폰트와 자간, 배열로 개성을 표현.	Google, Coca-Cola, Spotify, Samsung	명확함, 친근함, 브랜드 중심	미디어, IT, 서비스, FMCG
  일러스트형 (Illustrative / Mascot)	그림, 캐릭터, 심볼이 중심이 되는 형태. 개성과 감정 전달이 뚜렷함.	KFC, Pringles, Mailchimp, Android	유쾌함, 인간적, 브랜드 스토리 중심	식음료, 엔터테인먼트, 콘텐츠
  심볼형 (Symbol / Iconic)	상징적인 도형이나 아이콘 중심. 글자 없이도 브랜드를 인식시킴.	Apple, Twitter(X), Shell, Target	강렬함, 직관적, 보편적 인식	글로벌 브랜드, 앱 서비스, 금융
  조합형 (Combination Mark)	텍스트와 심볼이 함께 구성된 형태. 로고 확장성과 응용이 용이함.	Adidas, Starbucks, Burger King, LG	완성도 높음, 다양성, 안정감	대부분의 산업군, 브랜드 초창기

1. 비교 및 분석
   • 각 카테고리에서 인상적인 예시를 찾아 특징을 정리합니다.
   •  
   • 로고 이미지 및 출처
   •  

 

• 내가 모은 로고들 중 가장 인상 깊었던 것은 어떤 로고였나요? 그 이유는 구체적으로 무엇인가요?

타이포형 로고

읽는 순간 바로 브랜드를 이해할 수 있기 때문이다.

• 로고의 형태(타이포 / 심볼 / 조합형 등)가 브랜드의 정체성을 잘 표현하고 있었나요? 왜 그렇게 생각하나요?
• 타이포형 로고

읽는 순간 바로 브랜드를 이해할 수 있기 때문이다.

• 일러스트형 로고

브랜드를 쉽게 떠올리게 할 수 있고 브랜드에 관한 친근함, 재미, 신뢰 같은 감정이 즉시 형성됨

• 색상, 폰트, 여백, 형태 중에서 어떤 요소가 로고의 인상을 가장 크게 결정했나요?
• 형태
• 사람은 글자나 색보다 실루엣(윤곽)을 먼저 인식함
• 작은 아이콘이나 멀리서 봐도 형태로 브랜드를 기억함
• 단순한 모양일수록 인지 속도가 빠름
• 복잡한 로고와 단순한 로고를 비교했을 때, 신뢰감·기억도·가독성 측면에서 어떤 차이가 느껴졌나요?
• 인식 속도 차이
• 단순한 로고: 한 번에 바로 인식됨 (빠름)
• 복잡한 로고: 요소가 많아 해석 시간이 필요함 (느림)
• 기억의 용이성
• 단순 로고: 뇌에 쉽게 저장됨 → 오래 기억됨
• 복잡 로고: 여러 요소 때문에 기억이 분산됨
• 브랜드 인상
• 단순 로고: 세련됨, 현대적, 고급스러움
• 복잡 로고: 전통적, 장식적, 설명적인 느낌
• 전달 방식
• 단순 로고: “직관적 상징” 중심 (형태로 의미 전달)
• 복잡 로고: “서사적 설명” 중심 (여러 요소로 이야기 전달)
• 내가 선호하는 로고 스타일은 어떤 감정을 전달하나요? (예: 따뜻함, 에너지, 전문성 등)
• • 균형 잡힌 구조로 신뢰감, 안정감
• • 미니멀한 타이포와 단순한 구조로 현대적, 세련됨
• 내가 만든다면 로고 안에 ‘나의 성향’이나 ‘가치관’을 어떻게 녹여낼 수 있을까요?
• 형태를 차분한 직선, 균형, 대칭형으로 하고 색상은 밝은 분홍색 계열을 사용한다. 폰트는 감성과 개성이 느껴지는 손 글씨체로 한다.

 

디자인 개론

 

디자인(DESIGN) - 목적에 부합하는 설계를 통해 문제를 해결하고, 기능성과 심미성을 조화롭게 구현하는 창의적 활동, 단순히 예쁘게 만드는것이 아니라, 사용자의 경험과 감정에 영향을 미치는 전략적 사고 과정

 

공예

- 창작자의(craftsman)의 손에서 탄생

- 제작 과정(process)

- 물질성(materiality)

- 작품의 독창성과 예술적 가치 추구

- 개별적인 수작업

 

디자인

- 제작자와 디자이너 분리

- 설계 및 기획 단계에서 기술과 효율성 중시

- 대량 생산이 가능하도록 설계

- 기능성과 사용자의 편의성 고려

- 사용자의 요구와 사회적 환경 고려

 

디자인 - 목적에 부합하는 설계이며 문제를 해결하는 전략적 사고 과정이다.

 

디자인의 개념 및 범위

목적 지향적인 설계 -> (Visual Language) -> 기능적 시각적 구현 - Visual Communication Design

목적 지향적인 설계 -> (Visual Language) -> 기능적 시각적 구현(Gen AI)

 

디자이너의 아이디어를 실체로 구현하는 기술 지원자

반복적인 작업을 줄여주는 A급 팀원

창의적인 아이디어 개발에 집중할 수 있도록 돕는 새로운 조력자

 

그래픽 디자인 분야의 직업

브랜드 디자인 - CI/BI 디자이너, BX 디자이너, 브랜드 디자이너, 브랜드 커뮤니케이션

BX = Brand Experience - 브랜드 경험 디자인

단순히 로고만 디자인 하는것이 아니라 브랜드 경험, 매장, 고객 플로우까지 통합해서 설계하는 디자인

UI/UX 디자인 - UI 디자이너, UX 디자이너, 프로덕트 디자이너

패키지 디자인 - 패키지 디자이너

광고 디자인 - 광고 디자이너, 아트 디렉터, 콘텐츠 디자이너

출판/편집 디자인 - 편집 디자이너, 북 디자이너

 

디자인의 원칙

 

균형(BALANCE)

- 영역을 구성하는 디자인 요소의 시각적 무게를 어느 한 쪽에 치우침 없이 안정적인 구도를 가지도록 배치하는 원리

대칭 균형 - 안정감, 비대칭 균형 - 역동감

 

실습 - 균형을 찾아라

 

대칭 디자인

1. 안정감

• 시각적으로 균형이 잡혀 있어 편안하고 안정적인 느낌을 줍니다.
• 정보가 정돈되어 보이며 신뢰감을 형성합니다.

2. 질서와 정돈

• 요소들이 규칙적으로 배열되어 체계적인 인상을 줍니다.
• 복잡한 내용을 정리된 형태로 전달하기 좋습니다.

3. 균형감

• 화면의 무게가 한쪽으로 치우치지 않습니다.
• 시선이 자연스럽게 중앙에 집중됩니다.

4. 격식 있는 분위기

• 전통적이고 권위 있는 이미지를 표현할 때 자주 사용됩니다.
• 기업 브랜딩, 정부 기관, 학교, 웨딩 디자인 등에 적합합니다.

5. 가독성 향상

• 정보가 예측 가능한 위치에 배치되어 읽기 쉽습니다.
• 포스터, 브로셔, 웹페이지 등에서 정보 전달력이 높아집니다.

6. 조화로운 미감

• 반복과 균형을 통해 아름답고 완성도 높은 느낌을 줍니다.
• 자연물(나비, 꽃, 얼굴 등)의 대칭 구조와 유사하여 친숙하게 느껴집니다.

 

비대칭 디자인

1. 역동성

• 움직임과 에너지가 느껴집니다.
• 시선을 자연스럽게 유도하며 활기찬 분위기를 만듭니다.

2. 개성과 창의성

• 자유로운 레이아웃으로 독창적인 표현이 가능합니다.
• 차별화된 브랜드 이미지 구축에 효과적입니다.

3. 시선 집중

• 특정 요소를 강조하기 쉽습니다.
• 중요한 메시지나 이미지를 돋보이게 만들 수 있습니다.

4. 현대적이고 트렌디한 느낌

• 젊고 세련된 이미지를 전달합니다.
• 광고, 패션, 디지털 콘텐츠에서 자주 활용됩니다.

5. 긴장감과 흥미 유발

• 예측하기 어려운 구성으로 시각적 재미를 제공합니다.
• 사용자의 관심을 오래 유지할 수 있습니다.

6. 유연한 공간 활용

• 여백과 요소의 크기를 자유롭게 조절할 수 있습니다.
• 다양한 콘텐츠를 창의적으로 배치하기 좋습니다.

대비(CONTRAST)

- 서로 상반되는 요소를 함께 배치하여 구성하는 요소들의 대립으로 흥미, 긴장감, 강조 등을 표현하는 원리

예) 크기 대비, 색상 대비, 형태 대비

 

대비를 강하게 사용하면 다이내믹 감각이 훨씬 배가 된다.

 

실습 - 대비를 찾아라

 

크기 대비

 

특징

• 큰 요소와 작은 요소를 함께 배치하여 중요도를 구분
• 시선을 자연스럽게 중요한 정보로 유도
• 화면에 리듬감과 계층 구조 형성

주는 인상

• 강조, 역동성, 집중감
• 정보의 우선순위가 명확해짐

 

색상 대비

 

특징

• 서로 다른 색을 사용하여 시각적 차이를 만듦
• 주목성 향상 및 분위기 표현 가능
• 색의 명도, 채도, 색상환의 반대색 등을 활용

주는 인상

• 강렬함, 생동감, 긴장감
• 메시지 강조 효과

형태 대비

 

 

특징

• 서로 다른 모양(원, 사각형, 삼각형, 유기적 형태 등)을 함께 사용
• 디자인에 다양성과 흥미를 부여
• 특정 요소를 강조하거나 개성을 표현

주는 인상

• 독창성, 변화, 시각적 재미
• 정형과 비정형의 차이를 강조

계층 구조(Hierarchy)

- 디자인 요소들의 중요도에 따라 계층 구조를 형성하여, 사용자의 주의를 유도하고 정보 전달의 우선 순위를 정하는 원리

 

실습 - 계층 구조 디자인 찾기

 

가장 중요한 요소(제목, 핵심 메시지)가 먼저 눈에 들어오고, 덜 중요한 정보는 자연스럽게 뒤로 밀려남.

큰 요소일수록 더 중요하게 보이도록 설계됨.
예: 제목 > 소제목 > 본문 텍스트

강한 색이나 밝은 색은 시선을 끌고, 약한 색은 배경 정보처럼 처리됨.

 

UNITY(통일성)

- 일정한 양식과 질서를 통해 다양한 디자인 요소끼리 서로 조화를 이루면서 일관된 메시지를 표현하는 원리

예) 반복, 근접, 정렬

 

실습 - 통일성 디자인 찾기

 

통일성 디자인은 디자인의 모든 요소가 하나의 주제와 분위기를 공유하여 일관되고 조화로운 느낌을 주는 디자인 원리이다.

1. 일관된 색상 사용

• 비슷한 색상이나 정해진 컬러 팔레트를 사용함.
• 디자인 전체에 통일된 분위기를 형성함.

2. 같은 글꼴(폰트) 활용

• 제목, 본문, 부제목 등에 동일한 계열의 폰트를 사용함.
• 시각적 안정감과 전문성을 높임.

3. 반복되는 디자인 요소

• 아이콘, 패턴, 선, 도형 등을 반복적으로 사용함.
• 브랜드나 콘텐츠의 정체성을 강화함.

4. 정돈된 레이아웃

• 일정한 정렬 방식과 여백을 유지함.
• 정보가 체계적으로 보이고 읽기 쉬움.

5. 일관된 이미지 스타일

• 사진, 일러스트, 그래픽의 분위기와 표현 방식을 통일함.
• 디자인 전체가 하나의 작품처럼 보이게 함.

6. 브랜드 아이덴티티 강화

• 로고, 컬러, 타이포그래피 등을 일관되게 사용하여 브랜드를 쉽게 인식하게 함.

7. 안정감과 신뢰감 제공

• 여러 요소가 조화를 이루어 사용자에게 편안하고 안정적인 인상을 줌.

---

통일성 디자인의 효과

• 시각적으로 깔끔하고 정돈되어 보임
• 정보 전달력이 높아짐
• 브랜드 인지도가 향상됨
• 사용자가 콘텐츠를 쉽게 이해할 수 있음

리듬(RHYTHM)

- 여러가지 디자인 요소들을 규칙적으로 반복하거나, 점진적으로 변화시킴으로써 시각적 율동감을 느끼게 만드는 원리

 

실습 - 리듬 디자인을 찾아라

 

리듬 디자인은 시각 요소가 반복되거나 변화하면서 움직임과 흐름을 만들어내는 디자인 원리야. 음악의 리듬처럼 시선이 자연스럽게 이동하도록 돕는다.

1. 반복성(Repeat)

• 색상, 형태, 선, 패턴 등을 반복하여 통일감과 질서를 만듦.
• 규칙적인 반복은 안정적이고 정돈된 느낌을 줌.

2. 시선 유도

• 요소들이 일정한 흐름을 형성하여 사용자의 시선을 특정 방향으로 이끎.
• 정보의 순서를 자연스럽게 전달할 수 있음.

3. 움직임 표현

• 정적인 화면에서도 동적인 느낌을 만들어냄.
• 생동감과 활기를 부여함.

4. 변화와 반복의 조화

• 같은 요소를 반복하면서 크기, 색상, 간격 등을 조금씩 변화시켜 지루함을 줄임.
• 시각적 흥미를 높임.

5. 규칙성과 질서

• 일정한 간격이나 배열을 통해 안정적인 구조를 형성함.
• 디자인 전체의 통일성을 강화함.

6. 강조 효과

• 반복되는 패턴 속에서 다른 요소를 배치하면 자연스럽게 강조됨.
• 중요한 정보를 돋보이게 할 수 있음.

강조(EMPHASIS)

- 특정 요소나 영역을 형태, 색, 크기 등을 강화하여, 시선을 집중시키고 주목도를 높여 메시지를 효과적으로 전달하는 원리

 

실습 - 강조 디자인을 찾아라

 

 

강조 디자인은 여러 시각 요소 중에서 가장 중요한 부분을 돋보이게 하여 사용자의 시선을 집중시키는 디자인 원리이다.

 

1. 시선 집중 유도

• 특정 요소를 가장 먼저 보게 만듦.
• 핵심 메시지 전달에 효과적임.

2. 크기 차이 활용

• 중요한 요소를 더 크게 표현함.
• 주변 요소보다 눈에 잘 띔.

3. 색상 대비 활용

• 강한 색상이나 보색을 사용하여 강조함.
• 주변 요소와 차별화됨.

4. 형태의 차별화

• 반복되는 형태 속에서 다른 모양을 사용함.
• 자연스럽게 주목을 받음.

5. 여백 활용

• 중요한 요소 주변에 충분한 공간을 두어 강조함.
• 시각적 집중도가 높아짐.

6. 위치 강조

• 중앙 또는 시선이 먼저 가는 위치에 배치함.
• 중요도가 높게 인식됨.

7. 명암 및 굵기 차이

• 진한 색상, 굵은 글씨, 강한 명암을 사용함.
• 메시지의 중요성을 강조함.

 

#내일 배움 캠프 #TIL