🌱 TIL (Today I Learned)
[디감훈]
- 도메인 관찰 & 미메시스 워크북 / 디테일 벤치마킹 (2/2 ~ 2/6)
ㄴ 피드백 받은 내용으로 초안 작성 완료
My Notion : LINK
[2주차] 디테일 벤치마킹 | Notion
@February 2, 2026 → February 6, 2026
www.notion.so
[포토샵 강의 수강]
* 카드뉴스 핵심 페이지 작업하기 이어서
a camera(원하는 단어로), isolated, centered, clean background, full body visible --sref 2005689361(원하는 스타일로 변경)
▼ 여행 관련 추천 키워드
* 이동 수단
airplane / hot air balloon / scooter / travel bus / cruise ship
* 여행 아이템
suitcase / camera / polaroid / compass / travel backpack / sunglasses / passport
- 카드뉴스의 핵심
가운데 정렬을 많이하는 편, SNS 특성 상 모바일로 많이 보기도 해서 가운데 정렬이 가독성이 더 좋은 편
* 배너 디자인 필수 요소
- 카드뉴스
: 스토리 흐름
: 읽을 거리가 많고 정보 전달이 중심
: 메시지를 '순차적으로' 이해시키는 구조
: CTA, 정보를 읽은 후 행동이 이어지는 콘텐츠
- 배너
: 사용자가 머무르는 시간이 매우 짧음
: 스크롤 중, 페이지 이동 중 스치듯 보게 되는 경우가 다반사
: 짧은 순간에 핵심을 전달하고 행동을 유도하게 해야 함
* 배너 디자인 주요 흐름
1. 시선 집중
2. 메시지 전달
3. 클릭 유도
- 대부분 명확한 컬러 대비 특징
* 배너 노출 위치
- 어떤 플랫폼에서 배너가 사용되는지 ?
: 랜딩 페이지 상단 (주요 이벤트, 서비스 핵심 메시지 전달)
: 쇼핑몰 메인 및 카테고리 배너 (특정 상품 유도, 시즌 프로모션 등)
: 앱 프로모션 팝업 (앱 내 이벤트, 포인트 지급, 신규 기능 안내 등 / 사용자 즉각 행동 유도)
: SNS 광고 연동 이미지 (인스타그램, 페이스북, 링크드인 등 / 플랫폼 별 배너규격 이해 중요)
* 플랫폼 별 배너 사이즈 (대표 사이즈)
1) 웹 메인 가로형 배너 1920x600px
- 주로 홈페이지 상단 큰 공간 배치
- 가로: Full HD 기준, 데스크톱 화면 가로 폭
- 세로: 300~600px 사이, 사이트 레이아웃에 따라 조정
2) 인스타그램 Post(피드) 1080x1350px(세로형)
3) 인스타그램 Story 1080x1920px(세로형)
- 스마트폰 전체 화면을 꽉 채우는 세로형 콘텐츠
4) 페이스북 Post 1200x630px(가로형)
5) 페이스북 Cover 820x312px(가로형)
=> 자주 쓸 것 같아서 피그마에 프레임 정리해두기

- 배너 가이드 라인

작업 진행 후 2중 가이드라인으로 레이아웃이 너무 좌측으로 치우져보이지 않도록 설정
- 2중 가이드라인은 100px!

- Ctrl+Alt+Shift+W 로 내보낼 이미지만 선택, 추출!

* 3분 체크리스트
마무리 전, 내가 만든 배너를 다시 한번 점검해 보세요.
3초 안에 핵심 메시지가 눈에 들어오나요?
CTA 버튼이 명확하게 보이나요?
텍스트와 이미지의 균형이 자연스럽나요?
오탈자나 불필요한 내용은 없나요?
[개인 과제 진행 현황]
- 필수과제 1 -> 완료
- 필수과제 2 -> 케이크 블루베리 크기 조절, 배경 이미지 교체 필요
- 도전과제 1 -> 아직 미완,, 누끼 따고 전체 구성 정도만 배치해둔 상태
- 도전과제 2 -> 시작도 못함 ㅋㅋㅋㅋㅋㅋ



내일 TODO.
오늘 포토샵 강의도 다 완강했겠다 !!!!!!!
내일은 무조건 개인과제 집중해서 오전에 튜터님 피드백 한번 들을 수 있도록 !
그리고 오후 5시까지 제출이니까 늦어도 3시에는 제출해보자
고생했다 오늘도 ㅠㅠㅠ
'[숙련 주차]' 카테고리의 다른 글
| [내일배움캠프 본캠프] 29일차 - 일러스트레이터 시작 / 미메시스 설계 (1) | 2026.02.06 |
|---|---|
| [내일배움캠프 본캠프] 28일차 - 개인 과제 (2) | 2026.02.05 |
| [내일배움캠프 본캠프] 26일차 - 디자인 벤치마킹 / 개인 과제 / 포토샵 (1) | 2026.02.03 |
| [내일배움캠프 본캠프] 25일차 - 디테일 벤치마킹 / 개인 과제 / 스마트 오브젝트 복습 (3) | 2026.02.02 |
| [내일배움캠프 본캠프] 24일차 - 도메인 레퍼런스 분석 / 포토샵 컬러 감각 만들기 / 디자인 브리프 (1) | 2026.01.30 |
