[내일배움캠프 TIL & WIL] DAY.25 포토샵 카드뉴스 및 베너 제작 학습 / 개인과제 시작 / 리빙 도메인 분석 & 기록

TIL. 2025/12/05
AI 콘텐츠 그래픽 디자이너 양성 과정

 

1. 오늘의 학습 키워드

- [디자인 감각 훈련] 도메인 탐색 스터디 워크북 : 도메인 레퍼런스 맵핑

: 1주차 >  선정 브랜드 분석 

-  [AI 디자인 실전 콘텐츠 제작] 포토샵 심화 강의 : 7강까지 모두 완료

 

To do List

오전 ( ~13시 )

- 데일리 스크럼 작성 (오전) / 팀원들과 공유

-  [AI 디자인 실전 콘텐츠 제작] 포토샵 심화 강의 : 6강~7강 (완강 목표)

 

오후  ( ~19시 )

- 못들은 강의 이어서 듣기

- [디자인 감각 훈련] DAY 4 : 도메인 레퍼런스 맵핑
- 개인과제 진행 : 자료 취합 및 정리

- 데일리 스크럼 작성 (오후)

- 디자인 감각 훈련 내용 팀원들과 공유

- TIL 작성

 

 

2. 오늘 학습 한 내용을 나만의 언어로 정리하기

-  [디자인 감각 훈련] DAY4 :  도메인 레퍼런스 맵핑

:정해진 도메인의 브랜드를 면밀히 분석하고, 또한 나의 생각을 정리해보며 브랜드 각각이 가진 특성을 학습하고, 도메인의 전체적인 특성을 분석하며 학습하는 시간을 가져보았다.

 

- [AI 디자인 실전 콘텐츠 제작] 포토샵 심화 강의

: 카드뉴스에 대한 정의와 직접 카드뉴스 제작해보기, 베너디자인에 대한 이해와 카드뉴스를 베너로 확장하는 방법을 학습하였다.

 

- [베이커리 브랜드 카드뉴스 제작] 개인과제

: 주어진 자료들을 모두 취합하여, 포토샵 파일 옮겨, 필수과제 1부터 진행하였다. 레이아웃, 컬러감 등등 분석하며 포스터? 같은 카드뉴스 제작하며 포토샵을 심층적으로 학습하는 시간을 가졌다 

 

 

3. 내일 학습 할 것은 무엇인지

- [디자인 감각훈련 Day5] 도메인 레퍼런스 맵핑 : 1주차-02

- [AI 디자인 실전 콘텐츠 제작] 포토샵 심화 강의 : 부족한 부분들은 재 수강하며 개인 과제 완료하기

- [베이커리 브랜드 카드뉴스 제작] 개인과제 : 필수 과제 모두 진행 완료하기

---

[ 디자인 감각훈련 Day 4 ] 도메인 탐색 스터디

 

 [1주차-01] 도메인 레퍼런스 맵핑 

- 브랜드별 분석하고, 기록하기

브랜드 별 공통 요소 및 차별점 간단 메모

 

선정한 도메인 > 홈데코/리빙 

• HAY (헤이)
• MUJI (무인양품)
• IKEA (이케아)
• ZARAHOME(자라홈)
• Alessi (알레시)
• RARERAW (레어로우)

 

이 도메인에서는 어떤 이미지와 분위기가 자주 쓰이는지?

생활 속 정돈된 장면의 이미지, 여백이 있는 구성

전체적인 레이아웃, 구도 등이 전반적으로 단정하고 깔끔하다는 느낌이 강하게 들었다.

미니멀, 따듯함,실용성,생활감을 동시에 표현하는 이미지가 주로 사용되는 듯 하다.

‘사용하는 순간’을 보여주는 리얼 라이프 무드의 위주의 이미지

> 브랜드별 다르지만 전반적으로 자연소재 / 절제된 컬러 / 명확한 제품 중심으로 이루어져있다.

 

키워드

Minimal · Warm · Clean · Everyday life · Natural light · Practical · Soft

미니멀 · 따뜻함 · 깔끔함 · 일상 · 자연광 · 실용성 · 부드러움

 

 

비주얼 표현은 주로 어떤 방식으로 표현 되었는지? (2D · 3D · 일러스트 · 사진중심 · 모션 등)

홍보물에서는 일러스트 활용하는 것을 일부 볼 수 있지만(무지,이케아), 보통은 일러스트 사용빈도가 낮은 편

SNS에서 모션을 활용한 동영상등이 주로 보였지만, 대부분 정적인 이미지를 주로 사용하였다.

-사진 중심(Real photography): MUJI · ZARAHOME · IKEA 대부분

-제품 중심 2D 그래픽 + 사진 혼합: HAY · Alessi

-3D 렌더링 적극 사용: HAY · RARERAW

 

 

주요 피사체는 무엇인지? (사람 · 제품 · 공간 · 추상적패턴 등)

-제품(Product): 가구, 조명, 텍스타일, 생활용품

-공간(Space): 거실, 주방, 침실 등 실내 공간

-사람(People): MUJI, IKEA는 사용 장면을 담아 사람 등장

-추상 패턴 / 그래픽 요소: HAY의 컬러 블록, RARERAW의 네온·그래픽 포스터, IKEA의 그래픽 포스터

-정물 스타일링: ZARAHOME, Alessi의 테이블 세팅, 질감 중심의 스타일링

 

 

이미지 톤은 어떠한가?

브랜드의 개성이 강한 부분들도 있어 공통톤/ 브랜드 별 톤 차이를 분석해보았다.

공통 톤

• 자연광 기반의 부드럽고 은은한 톤
• 제품 색감이 살아나도록 과도한 보정 없음
• 화이트·우드·파스텔 등 편안한 색조가 기본

브랜드별 톤 차이

• HAY: 선명한 컬러, 미니멀하지만 그래픽적
• MUJI: 내추럴·무채색·따뜻한 베이지
• IKEA: 밝고 컬러풀, 가족 중심의 생활감
• ZARAHOME: 고급스럽고 어둑한 톤, 빈티지 감성
• Alessi: 하이엔드, 고채도의 레드·블랙 포인트
• RARERAW: 네온·형광 그린·아티스틱한 3D

 

레이아웃 구조는 어떤 패턴이 많은가?

HAY

• 밝은 컬러와 모던한 그래픽
• 3D 렌더링 활발
• 감각적인 색 조합과 조형적인 구도

MUJI

• 생활의 여백, 자연광, 사람 중심
• 절제된 색감, 실용적 느낌
• 브랜드 스토리 중심

IKEA

• 밝고 명랑한 톤
• 컬러풀한 UI 스타일 포스터 많음
• 가족·라이프스타일 중심의 이미지

Alessi

• 강한 레드, 블랙
• 아티스틱하고 상징적인 제품 중심
• 제품의 조형미를 강조하는 사진

ZARAHOME

• 고급·빈티지·차분
• 텍스타일과 질감 강조
• 전체적으로 무겁고 깊이 있는 톤

RARERAW

• 형광 컬러·과감한 그래픽
• 제품을 3D 렌더링으로 유머러스하게 표현
• 젊고 실험적인 분위기

 

개인적으로 어떤 부분이 매력적이었나? (주관적 관찰)

브랜드 별 컬러 플레이를 통해, 단순한 제품을 색 조합으로 분위기를 주도하는 것이 느껴져서 굉장히 매력적이였다.

단순히 제품+공간의 이미지가 아닌 브랜드의 컬러를 주입함으로써 각각의 브랜드를 인지하게 하는 부분이 인상적이고 매력적이라고 생각이 들었다.

또한, 레어로우의 실험적인 포스터가 인상적이였다, 다른 브랜드에서 볼 수 없는 메인 컬러가 형광 계열이라는 점과, 거친 그래픽을 사용하는 것을 보고, 리빙 브랜드도 실험적일 수 있구나 하는 생각이 들었다.

자라홈은 다른 브랜드와 다른 분위기를 띄고 있어 인상적이였다. 마치 조명과 소재 표현이 예술 사진처럼 느껴져 매력적이라고 생각이 들었다.

 

다른 도메인과 비교했을 때 특징은?

패션보다 여백이 많고 전반적으로 정적인 구성

F&B와 다르게 삶의 흐름·공간감·조형미가 중점

테크 도메인보다 훨씬 부드럽고 감정적인 표현

인물이 등장해도 모델링이 아닌 일상 속 사람의 형태로 표현됨, 단순 홍보의 이미지가 아닌 ‘라이프스타일 제안’의 성격이 강하다

 

내가 직접 작업한다면 어떤 식으로 응용할 수 있을까?

- HAY + RARERAW처럼 제품 단독 3D 비주얼을 만들어 브랜드 색감 강조

- IKEA처럼 정보가 많은 그래픽 레이아웃을 트렌디하게 재해석

- ZARAHOME의 질감·조명 스타일을 가져와 고급스러움을 보완

 

 

시도하고 싶은 방향

기존 리빙 브랜드보다 좀 더 젊고 하이패션적인 구도를 적용하여 차별화

>> 여러 질문들을 통해, 왜 리빙 브랜드는 트랜디하고 젋은 하이패션적 구도를 사용하지않을까? 왜 다 단정하고 정적인 분위기로 디자인이 구성되어있을까? 궁금해서 분석하고자 했다.

내가 추구하는 디자인 스타일이 조금더 격정적인 구도를 원하고, 컬러감도 톡톡튀게 사용하고 싶었기 때문에, 조금 더 다른 시도를 한 브랜드가 있을지 궁금했고, 지금 그런 트렌드가 적용이 되고 있는데 나만 모르고 있나? 싶어서 챗 GPT와 대화를 나누어 보았다

 

 

시도하고 싶은 방향이 가능할까? 분석해보기

더 젊고 하이패션적인 구도(패션 화보 같은 센터 컴포지션, 극적 조명, 감각적인 인물/제품 연출) 리빙 브랜드에서도 시도할 수 있을까?

 

리빙 브랜드에서 하이패션적 연출을 쓰는 대표 브랜드

• HAY → 컬러 · 그래픽 · 스튜디오 연출
• Alessi → 제품을 조형물처럼 촬영 >‘아트 오브제 촬영’
• Zara Home → 패션 브랜드 출신답게 시즌 캠페인에 패션 감성 존재
• Normann Copenhagen · ferm LIVING → 공간/제품 촬영이 매우 아트 디렉션 중심
• Tekla Fabrics → 패션화보 같은 베딩 사진으로 유명
• ARKET Home → 북유럽 패션 브랜드 톤이 그대로 이어짐

‘하이패션 리빙’이 트렌드가 떠오르는 시점임 > 캠페인들 예시

요즘 젊은 브랜드들이 “리빙·패션·아트의 경계가 흐려지는 이미지 트렌드”로 움직임.

• 패션 브랜드가 리빙 라인 확장: COS, ARKET, Zara
• 리빙 브랜드가 패션 화보 같은 캠페인 제작: Tekla, HAY 일부 캠페인
• 3D 렌더링 기반의 아트 디렉션 강화

도전하고 싶은 ‘하이패션 리빙 구도’ 정의

제품을 단순 생활용품이 아니라 하나의 조형적 오브제 또는 패션 아이템처럼 연출하는 방식.

색감·포즈·조명을 통해 감각적이고 젊은 무드를 강화하는 표현법.

브랜드의 젊음·트렌디함·차별성을 강조

 

---

[ AI 디자인 실전 콘텐츠 제작 ] 포토샵 심화 강의

 

 

 [실전] 실전 카드뉴스 디자인 

기획부터 디자인까지, 이벤트 카드뉴스를 완성하는 전체 과정을 배웁니다.

 

 

6-1. 이벤트 카드뉴스 디자인 시작하기
6-2. 카드뉴스 핵심 페이지 작업하기

 

카드뉴스는 왜 만드나요?

sns에서 사람들에게 홍보효과, 구매 행동 유도 > 비지니스 매출과 연계
(인스타그램 비율(1080x1350px)이 변경됨, 잘 확인해야될 사항)

 

카드뉴스 기본 구조와 흐름 정리

- 기본 4-5장
- 호기심 자극 > 다음장까지 넘어갈 수 있도록 유도 + 끝까지 볼 수 있도록 

1P 관심(훅) : 이미지 + 훅 문구(눈길을 확 잡는 문장)
2P 공감(이유) : 왜 참여해야 하는지 설명
3P 안내(방법) : 참여 방법 안내
4P 보상(혜택) : 혜택 안내
5P 행동(CTA) : 기간 + CTA(행동 유도 문구)
**CTA
Call To Action의 줄임말 / 행동을 이끄는 문구 요소
예) 지금 참여하기 / 지금 바로 여행 사진 업로드하기

 

>>결론

카드뉴스는 결국 전체적인 내용이 자연스럽게 이어져있어야함.
*마지막 장에서는 사용자 행동 유도에 대한 명확한 안내가 필요함.

 

 

- 레퍼런스 찾는(참고) 방법

동종업계 인스타그램 카드뉴스
저장수 높은 인기 카드뉴스
구도, 색감, 폰트가 좋은 레이아웃 참고
우리 타깃이 좋아하는 감성 콘텐츠
>> 인기가 많은 참고자료, 왜? 인기가 많은지 고민 필요
전체가 아닌 일부 필요부분만 활용

 

 

- 레이아웃 잡기

#1P
[ 제목 ]
[ 이미지 크게 ]
[ 보조 설명(선택) ]
[ 로고(선택) ]

> 이런식으로  위치와 구성만 미리 정하기

 

 

-메인 이미지 생성

카드뉴스의 핵심 재료가 되는 메인 이미지가 중요한 역할을 함
>주제에 맞는 톤앤매너

 

 

**여행에 맞는 카드뉴스를 만들기 위해 미드저니로 이미지 생성하기**

https://www.midjourney.com

[스타일]
--sref 2005689361

[비행기 강조 프롬프트]
a large airplane flying close in the center of the image, wide sky background, dreamy pastel colors, pink clouds, travel illustration style, vibrant and clean, soft lighting, focus on the airplane, minimal elements around, text space in the sky

[열기구 강조 프롬프트]
a big hot air balloon in the center of the image, floating over a colorful travel town, dreamy pastel sky, wide blue space above for text, vivid illustration style, travel mood, soft lighting, whimsical and bright

> 주어진 프롬프트와 스타일을 가지고, 카드뉴스에 사용할 이미지를 생성하였다

 

▼ 결과물 ▼

 

▼ 선택한 이미지 ▼

 

 

 

학습 > 실습진행해보기

 

-예시 이미지

 

 

-실습 완료 완성본

 

> 학습하면서 크게 어려웠던 부분은 없어서 결과물로만 남겨본다!

생각보다 많은 디테일을 거쳐야 뭘리티가 올라간다는 것을 배울 수 있어서 좋았다.

어떤 디테일들이 결과물에 영향을 주는지 알게 된 것 같아서 뿌듯했다!

 

---

 [실전] 실전 배너 광고 디자인

카드뉴스 콘텐츠를 클릭 유도형 배너로 확장하는 실무 과정을 학습합니다.

 

 

7-1. 베너 디자인 필수 요소 이해하기
7-2. 카드뉴스 콘텐츠를 베너로 확장하기

 

- 카드뉴스 목적

정보를 단계적으로 이해하는 콘텐츠 / 정보전달 목적

 

 

- 배너 목적 / 주요 흐름

사용자가 머무르는 시간이 매우 짧기 때문에, 짧은 순간 핵심을 전달하며, 행동을 유도할 수 있어야함.

1. 시선 집중-가장 먼저 보이는 핵심 요소(이미지 또는 메시지)배치
2. 메시지 전달-전달할 메시지 내용 이해시키기
3. 클릭 유도-최종적으로 CTA 버튼으로 행동 유도하는 구조

 

- CTA 구성 원칙 3가지

1. 버튼 형태로 명확하게 보여주기 : 텍스트만 배치X
2. 주변(배경)컬러와 대비 확실히 하기
3. 시선 흐름 마지막 지점 배치(시선 흐름 : 좌>우>아래 방향) 
> 즉, 방해되지 않고, 가장 주목받는 위치에 있어야함.
내용이 먼저 선행으로 인지된 후에, CTA 버튼 으로 시선 이동

 

- 배너 노출 주요 위치 / 활용 예시

배너는 서비스에 처음 진입 순간, 특정 메뉴로 이동하려는 순간, 결제를 고민하는 순간 등의 행동 포인트에서 중요한 역할을 함.

- 랜딩 페이지 상단 : 이벤트, 핵심 메세지 전달용
- 쇼핑몰 메인 및 카테고리 배너 : 특정 상품군 유도, 시즌 프로모션
- 앱 프로모션 팝업 : 앱 내 이벤트, 포인트 지급, 신규 기능 안내 > 즉각적 행동 유도
- SNS 광고 연동 이미지 : 인스타그램, 페이스북, 링크드인 등

 

 

 

-사이즈 췍~ (바뀌었을 수 있음)

> 참고할 수 있는 사이즈 첨부

 

• 웹 메인 가로형 배너 > 주로 홈페이지 상단 큰 공간
  1920 × 600px 
  >가로는 Full HD 기준으로 데스크톱 화면 가로폭을 의미
  > 세로는 300~600px 사이(사이트 레이아웃 별로 다름)
• Instagram Post(피드)
  1080 × 1350px(세로형)
• Instagram Story
  1080 × 1920px(세로형)
• Facebook Post
  1200 × 630px(가로형)
• Facebook Cover
  820 × 312px(가로형)

 

-예시 이미지

 

 

-실습 완료 완성본

> 이 것도 학습하면서 큰 어려움은 없어서 완성본으로 첨부한다! 

---

오늘 하루 회고

3-1. 오늘 학습 중 성과

: 오늘 강의를 모두 완료하였다! 과제에 대한 내용도 차츰 시작한 하루였다.

 

3-2. (학습하며 겪은 문제/해결방법) or 오늘 부족했던 부분 회고

: 시간계획을 따로 세우지 않고 오늘 하루를 시작한게 조금 오류였던 것 같다! 진도가 팀원들에 비해 조금 느리다는 생각이 들었다.

다음주에는 주 단위로 계획을 세우고, 하루 계획을 시간별로 짜는 방법을 도입해봐야겠다는 생각이 들었다 화이팅

 

---

WIL. 2025/12/05

WIL-주간 회고

 

▶ Keep (계속할 것)

잘했던 점, 효과가 좋았던 습관 등 지속해서 가져갈 것
(1)팀원들과 적극적인 소통!(혼자 신나서 잡담만 하지 말 것.,. 팀원들 방해하지 말 것,,.,)

(2) 이번주 디감훈을 진행하면서 조금씩 나의 취향이란 것을 알게되는 것같아서 굉장히 흥미롭다. 나를 좀 더 탐구해볼 수 있어 굉장히 좋았다.

 

▶  Problem (문제점)

아쉬웠던 점, 막혔던 부분, 개선이 필요한 문제를 명확히 정의
(1) 명확한 시간 계산이 필요함, 오전/오후 따로 계획 해두지 않으면 집중력도 흐트러지고, 효율적으로 시간 사용을 하지 못해 안그래도 해야될게 너무너무 많은데 스켸쥴의 오차가 없기 위해서는 정확한 시간계획이 필요하다고 생각이 들었다.

+딴짓하는 시간 줄이기 위해(최대한 쉬는시간 없이 공부하고 싶다..수업끝나고 다른공부하게 ㅠ)

(2)2배속으로 강의 보다가 3-4번 반복해서 볼바에는... 그냥 천천히 보자.. 시간이 더 드는 것 같다.

 

▶ Try (시도할 것)

Problem을 해결하거나 Keep을 더 발전시키기 위해 다음 주에 새롭게 시도할 행동을 구체적 적기

(1) 하루 일과 시작하기 전, 무조건 30분 전에 도착해서 하루 시간당 계획짜고 TIIL 폼 작성해두기

(2) 주 단위로 큰 틀의 계획 세우기 

:(월요일)의 역할이 가장 클 듯!!

(3)TIL > 이제 우수 TIL 을 선정한다고 한다!! 배운내용을 기록하는 느낌보다는 나의 생각의 과정을 면밀히 담아보도록 하자!!!

 

 

 

▶ 오늘 하루요약

: 우리 팀원들 너무 긍정적이고 귀엽고....더 다가가고싶은데, 부담스러워할까봐 조심스러워하는 중이다 ㅠㅡㅠ

팀원들에게 좋은 정보를 줄 수 있는 사람이 되고싶다고 생각한 한 주다!

더욱더욱 팀원들에게 도움이 되는 것들을 마구마구 나누어주고싶다! 그러니 더더더 공부하자! 

 

그리고 포토샵에 사실 좀 자신 있었는데.. 그냥 입 다물고 복습 열심히 해야겠다고 생각이 든 하루였다,.., 생각보다 까먹은 것들이 많아서 반성한 날이였다! 부지런~해져봅시다!