1.오늘 학습 키워드!!
Firefly 및 포토샵
2.오늘 배운 내용과 작업 기록!!
- AI 디자인 실전 콘텐츠 제작 강의
- 디자인 감각 훈련
학 습 내 용
디자인 감각 훈련
아디다스
분류 이미지 유형 디자인 전략 주요 특징 (비주얼 요소) 기대 효과
| 스트릿 라이프스타일 | 다양한 인물 그룹샷 | 문화 기반 브랜딩 | 자연스러운 포즈, 다양한 스타일, 커뮤니티 느낌 | 공감, 브랜드 친밀도 상승 | |
| 제품 히어로 샷 | 슈즈 단독 클로즈업 | 클래식 아이덴티티 강조 | 삼선 디테일 강조, 심플 배경, 정적인 구도 | 브랜드 상징성 강화 | |
| 패션 중심 | 착용 전신샷 | 스포츠 + 패션 결합 | 컬러 믹스 (블루/레드), 빈티지 스트릿 무드 | 스타일 브랜드 이미지 구축 | |
| 퍼포먼스 스포츠 | 러닝, 테니스 액션 | 자연스러운 움직임 강조 | 로우앵글, 실제 플레이 상황, 과장 없는 연출 | 현실감, 접근성 증가 | |
| 브랜드 메시지 | Impossible is nothing, You Got This | 동기부여 감성 전달 | 절제된 타이포, 여백 활용 | 감성적 연결 | |
| 컬러 시스템 | 전체 이미지 공통 | 안정적 컬러 운영 | 블루, 화이트, 뉴트럴 + 포인트 레드 | 편안함 + 신뢰감 | |
| 조명/환경 | 자연광 중심 | 현실 기반 연출 | 소프트 라이트, 야외 환경, 하늘 배경 | 내추럴, 라이프스타일 강조 | |
| 구도/카메라 | 전반 이미지 | 일상적인 시점 | 아이레벨 + 로우앵글 혼합, 과하지 않은 크롭 | 편안한 몰입감 | |
| 질감/소재 | 신발, 의류 | 클래식 소재 강조 | 가죽, 패브릭, 고무 솔 | 전통성 + 실용성 |
나이키
분류 이미지 유형 디자인 전략 주요 특징 (비주얼 요소) 기대 효과
| 퍼포먼스 러닝 | 러닝 중 발 클로즈업, 착화샷 | 기능성과 속도 강조 | 모션 블러, 로우앵글, 밑창 디테일, 네온 컬러 | 속도감, 기술력 전달 |
| 제품 히어로 샷 | 신발 단독 + 그래픽 광고 | 제품 중심 브랜딩 | 중앙 배치, 강한 대비 컬러 (오렌지/화이트), 하드 조명 | 제품 집중도 극대화 |
| 라이프스타일 | 모델 착용 전신샷 | 운동 + 패션 결합 | 자연스러운 포즈, 컬러 배경, 스트릿 무드 | 브랜드 확장성 (일상 연결) |
| 브랜드 스토리 | JUST DO IT, 농구 저지 | 브랜드 헤리티지 강조 | Bold 타이포, 로고 강조, 상징적 컬러 (레드/블랙) | 브랜드 아이덴티티 강화 |
| 다이나믹 액션 | 점프, 러닝 장면 | 에너지 중심 연출 | 극단적 앵글, 크롭 구도, 역동적 움직임 | 몰입감, 생동감 증가 |
| 타이포그래피 | 슬로건, 제품명 (VOMERO 등) | 메시지 전달 강화 | Bold Sans Serif, 대형 텍스트, 수직/레이아웃 변형 | 직관적 메시지 전달 |
| 컬러 시스템 | 전체 이미지 공통 | 대비 기반 시각 전략 | 오렌지/레드/네온 vs 그레이/화이트 | 시선 집중, 브랜드 톤 유지 |
| 조명/질감 | 전반 이미지 | 현실감 + 기술력 강조 | 강한 자연광, 하드 쉐도우, 메쉬/러버 질감 | 입체감, 소재 강조 |
| 구도/카메라 | 전반 이미지 | 감각적 시점 설계 | 로우앵글, 클로즈업, 크롭 구성 | 임팩트 강화 |
3.퓨마
분류 이미지 유형 디자인 전략 주요 특징 (비주얼 요소) 기대 효과
| 퍼포먼스 감성 | 러닝, 스포츠 실루엣 | 감정 중심 퍼포먼스 | 실루엣 처리, 어두운 배경, 안개/자연 환경 | 몰입감, 서사 강조 |
| 패션 중심 | 스타일링 전신샷 | 스포츠 + 하이패션 결합 | 블랙/모노톤 착장, 미니멀 스타일 | 세련됨, 트렌디함 |
| 제품 히어로 샷 | 슈즈 단독 | 절제된 고급 연출 | 어두운 배경, 소프트 조명, 제품 강조 | 프리미엄 이미지 |
| 아트워크 | 그래픽 + 연출 컷 | 감각적 비주얼 중심 | 빛 흐름, 곡선 라인, 추상적 표현 | 브랜드 감성 강화 |
| 브랜드 메시지 | Forever Faster | 직관적 슬로건 | 최소한의 텍스트, 로고 중심 | 강한 브랜드 인식 |
| 컬러 시스템 | 전체 이미지 공통 | 저채도 컬러 전략 | 블랙, 그레이, 딥 블루 + 화이트 포인트 | 고급감, 집중도 상승 |
| 조명/환경 | 전반 이미지 | 무드 중심 연출 | 저조도, 소프트 라이트, 대비 낮음 | 분위기, 감정 전달 |
| 구도/카메라 | 전반 이미지 | 감각적 연출 | 클로즈업 + 여백, 정적인 구도 | 세련된 인상 |
| 질감/소재 | 신발, 의류 | 소재 강조 | 매트 텍스처, 패브릭 디테일 | 현실감 + 고급감 |
4.뉴발란스
분류 이미지 유형 디자인 전략 주요 특징 (비주얼 요소) 기대 효과
| 퍼포먼스 라이프 | 러닝, 준비하는 장면 | 일상 속 퍼포먼스 강조 | 스트레칭, 준비 동작, 자연스러운 움직임 | 현실 공감, 접근성 ↑ |
| 라이프스타일 | 거리, 일상 착용 | 자연스러운 브랜드 연결 | 과하지 않은 스타일링, 데일리 무드 | 편안함, 친근함 |
| 제품 히어로 샷 | 신발 단독 (야외 포함) | 환경과 결합된 제품 연출 | 자연 배경 (산, 들판), 빈티지 톤 | 브랜드 감성 강화 |
| 패션 믹스 | 착용 전신샷 | 기능 + 클래식 패션 결합 | 뉴트럴 컬러, 레트로 스타일 | 지속성, 트렌디함 |
| 브랜드 메시지 | Fearlessly Independent | 자기 페이스 강조 | 절제된 타이포, 감성 문구 | 브랜드 철학 전달 |
| 컬러 시스템 | 전체 이미지 공통 | 저채도 + 자연 컬러 | 베이지, 그린, 브라운, 화이트 | 안정감, 따뜻함 |
| 조명/환경 | 전반 이미지 | 자연광 중심 연출 | 부드러운 빛, 야외 촬영 | 현실감, 편안함 |
| 구도/카메라 | 전반 이미지 | 일상 시점 | 아이레벨, 과하지 않은 크롭 | 부담 없는 시선 |
| 질감/소재 | 신발, 의류 | 클래식 소재 강조 | 스웨이드, 패브릭, 러프한 텍스처 | 빈티지 감성, 고급감 |
기록하기
- 이 도메인에서는 어떤 이미지와 분위기가 자주 쓰이는지?
- 스포츠웨어는 움직임, 에너지 그리고 라이프스타일 등 결합된 이미지가 자주 보인다.
그냥 운동할 때만 입는 것이 아닌 일상 속 자연스럽게 스포츠웨어 착용하는 모습도 보여주며, 강한 퍼포먼스부터 일상 라이프스타일까지 분위기를 다채롭게 나타난다.
- 비주얼 표현은 주로 어떤 방식으로 표현 되었는지? (2D · 3D · 일러스트 · 사진중심 · 모션 등)
- 주로 사람 기반의 사진 중심 표현이 가장 많이 사용되며 운동 장면, 착용, 제품 사용 모습 등 현실 전달 모습이 중요하게 보인다. 최근 3D, 모션 그래픽도 접목하는 모습을 보여주지만 리얼 촬영 이미지가 중심이다.
- 주요 피사체는 무엇인지? (사람 · 제품 · 공간 · 오브젝트 등)
- 주로 사람과 제품이 결합된 형태이며 러닝, 헬스, 트레이닝, 데일리 착용 등 다양한 상황에서 착용되는 상태를 보여준
- 이미지 톤은 어떠한가?
- 브랜드 마다 다른데 나이키는 강한 대비, 선명한 컬러로 역동감을 드러내며 아디다스와 뉴발란스는 자연광 기반의 부드러운 톤으로 친숙한 느낌을 퓨마는 저채도, 어두운 무드, 감성적인 톤으로 세련된 느낌을 준다
- 레이아웃 구조는 어떤 패턴이 많은가?예를 들어 큰 메인 이미지에 브랜드 정체성 슬로건
- 그리고 제품 혹은 인물이 화면 대부분을 차지
- 강한 비주얼 중심 구조가 많다.
- 개인적으로 어떤 부분이 매력적이었나? (주관적 관찰)
- 아디다스는 스포츠웨어 이미지와 라이프스타일 데일리 스타일 합친 이미지를 느끼며 일상속에서도 엑티비티하는 분위기를 주며 선명한 블루, 레드, 그린 등 원색적인 컬러가 돋보입니다. 특히 아디다스 오리지널스(Originals) 라인의 클래식한 감성과 현대적인 스트릿 패션이 섞여 있어 친근하면서도 힙한 느낌을 준다
- 다른 도메인과 비교했을 때 특징은?기능 설명보단 경험과 감정, 라이프스타일을 보여주는 방
- UI나 그래피 중심이 아닌, 실제 사람과 움직임이 주 핵심으로 보여주는 도메인이다.
- 내가 직접 작업한다면 어떤 식으로 응용할 수 있을까?
- 아디다스처럼 스포츠웨어 이미지와 라이프스타일 데일리 스타일 모습같이 하나의 것만 치우치는 것이 아닌 일상에서도 쉽고 일상 속에서도 쉽게 접근될 수 있는 연출 기반으로 작업하고 싶다.
학 습 내 용
AI 디자인 실전 콘텐츠 제작 강의
컬러 감각
중요한 메시지나 경고 버튼은 강한 컬러를 사용하며 강조한다(UX 디자인)
전체 디자인의 분위기나 완성도를 크게 끌어올리는 핵심 요소
60:30:10 법칙
색의 비율을 정해주는 색 조합 방법, (디자인 완성도 올리는 용도)
바탕색60%- 디자인의 기반을 만드는 색
넓게 깔리는 전체 배경, 큰 영역, 카드 바탕
눈에 자극적이지 않고 다른 색을 돋보이게 하는 기본 톤
보조색30%-흐름을 나누는 구조적 색
섹션 구분, 카드, 강조 영역의 조직화
바탕색과 조화를 이루면서도 살짝 대비가 필요하다
포인트색10% - 시선이 머무는 집중 색
버튼, 중요 숫자, 알림 CTA
사용자 행동을 끌어내는 가장 강한 색
포인트색을 10% 정도만 쓰면 과하지 않으면서 시선을 강하게 끌 수 있다
바탕과 보조색으로 전체 분위기를 잡고, 포인트 색으로 주목 필요한 부분만 강조 가능하다.
4-2 실무 포스터 제작 프로세스
포스터 목적- 홍보, 안내, 제품 소개, 브랜드 메시지 등 목적을 정확히 적으면 작업의 기준이 생김
브리프 정리하기- 타겟, 핵심 메시지, 필수 요소, 톤앤매너, 레퍼런스, 산출물 스펙, 제작 일정
레퍼런스 수집- 핀터레스트, 비헨스, awwwards
awwards: 전 세계에서 선정된 최고 수준의 웹사이트를 모아 소개하는 사이트
4-4 레트로 감성 포스터 제작
디자인 브리프(클라이언트 브리프)
1. 클라이언트가 보낸 추상적 표현을 바탕으로 디자이너가 구체적인 톤앤무드 2-3개 제안
2. 추가 확인 질문 정리- 컬러 로고 등 필수 여부 (ai사용 가능 여부를 요즘은 필수적으로 질문해야 할 듯)
3. 일정과 비용 제안- 기본 수정 제공 횟수(나도 앞으로 이걸 더 신경써야겠음), 시안 제공 개수, 1차 시안 및 최종본 시안 구분해서 납품 가능일 명시
4. 최종 브리프 보내기- (이러면 클라이언트들이 디자이너가 일 잘한다고 생각함 메모..)
Bleed(도련)
- 인쇄 재단 과정에서 발생할 수 있는 미세한 오차를 대비하여 문서 바깥으로 여유 공간을 추가로 확보하는 영역
- 인쇄물 제작 시 배경, 이미지, 컬러는 반드시 도련 영역까지 확장해야 하며, 텍스트나 중요한 요소는 재단선보다 안쪽으로 배치
- 인쇄소에는 작업한 디자인이 도련 포함된 사이즈라고 소통해야 함
포토샵은 양쪽 6mm, 위아래 6mm 더한 크기로 생성하고 안내선 추가하면 됨!(일러는 있음)
실습
5-1 목업부터 적용까지
목업의 중요성
1. 클라이언트 설득력 향상한다
평면 이미지로 디자인을 보여주는 것보다, 실제 제품에 적용된 것처럼 보여주는 게 훨씬 이해하기가 수월. 수정 횟수 줄일 수 있다
2. 포트폴리오 완성도 올라간다
포스터나 패키지, 브랜딩 디자인 작업 포트폴리오에서는 목업이 거의 필수 요소
3.실물 적용 이미지 미리 확인한
이미지의 색감이나 비율이 실제 제품에서 어떻게 느껴지는지 미리 체크 가능
색이 너무 어둡거나 밝게 보이지 않는지, 타이포가 실제 크기에서 잘 읽히는지, 레이아웃이 실제 환경에서 괜찮은지
※ 무료 목업 사이트는 Pixeden, Mockup World
프리픽은 자주 썼는데 이 두사이트는 처음 알게 되어서 메모.
목업 선택 기준
상업적 이용 가능 여부 확인하기, PSD 파일 제공 여부 확인하기, 해상도 확인하기, 프로젝트 목적과의 적합성 확인하기, 목업의 톤이 디자인과 어울리는지 확인하기
5-2 AI 보정 기능과 목업 파일 리터칭
목업 파일을 만들었던 포스터들을 다시 합성하고 파일 리터칭 한 것이다. 강의 보지 말고 다시 한 번 만들어 봐야겠다.
3. 작업 과정에서의 문제 & 해결 과정
firefly 툴을 공부하면서 포토샵과 같이 연계되는 것이 너무 재미있다. 솔직히 포토샵이 많이 어렵고 팀플하느라 강의를 다 들었음에도 놓치고 까먹는 부분들이 많았는데... 까먹을 때마다 복습 복습복습 이 답인 거 같다. 열심히 공부해야지.. 끝이 없다.
4. 내일 도전할 것 (학습 or 디자인 실험)
디자인 감각 훈련, 포토샵,firefly 복습, 개인과제