[내일배움캠프 본캠프] 24일차 - 도메인 레퍼런스 분석 / 포토샵 컬러 감각 만들기 / 디자인 브리프

🌱 TIL (Today I Learned)

 

[디감훈]

- 도메인 관찰 & 미메시스 워크북 / 도메인 레퍼런스 분석

 

My Notion : LINK

 

 

 

---

 

[포토샵 강의 수강]

 

* 컬러 감각 만들기

- 사람은 배경과 확 다른 색을 보면 자동으로 먼저 보게 됨

 > UX 디자인에서 중요한 버튼이나 경고 메시지를 색으로 강조해서 시선을 끔

 

* 실전에서 바로 쓰는 색 조합법

- 60:30:10 법칙

 : 화면에 쓰는 색 비율

- 60% (바탕색)

 : 디자인의 기반 (전체 배경, 큰 영역, 카드 바탕)

  ex) #f2f2e4 아이보리

 

- 30% (보조색)

 : 섹션 구분, 카드, 강조 영역의 조직화 역할

 : 바탕색과 조화를 이루면서 살짝 대비 주기

  ex) f2ea7e 레몬

 

- 10% (포인트 색)

 : 사용자 행동을 끌어내는 가장 강한 색 (버튼, 중요한 숫자, 알림, CTA 등)

  ex) #15038c 짙은 블루

 

* 어도비 색상 팔레트

- 가운데 색상 변경 > 왼쪽 상단에서 색 조합 선택

  ex) 유사, 보색, 삼각형, 정사각형 등

- 우측 상단 > 색 조합 저장 가능 > 포토샵, 일러스트 등에서 바로 사용 가능

  ex) 포토샵 > 라이브러리 > 저장한 색상표 확인 가능

 

* Color Hunt (즐찾해두고 나중에 써보기)

 

// 색상은 하나로 정해서 쭉 가지는 않고 굉장히 많은 수정을 거쳐서 결정하게 된다.

 

[실습] 색 조합 원리 적용해보기

Adobe Color에서 색 조합을 찾고 60:30:10 비율로 다양한 색 조합 만들어보기

1. 색 조합 3가지 팔레트 선택

2. 찾은 조합에서 3개 색을 골라 비율 정하기

3. 만든 색 조합 파일 저장하기

 

* 찾은 팔레트

 

 

60 30 10

---

 

 

* 디자인 브리프

1. 포스터 목적

2. 타깃

3. 핵심 메시지

4. 필수 요소

5. 톤앤매너

6. 레퍼런스

7. 산출물 스펙(사이즈, 해상도, 파일 형식, 여백, 안전 영역 등)

8. 제작 일정

 

* 브리프를 기반으로 이미지 10~20장 모으기 -> 무드보드

 

* 디자인 작업하기

1. 레이아웃

2. 이미지 선택, 생성 작업

3. 타이포그래피 (헤드라인, 서브헤드, 바디)

// 하나의 작업물에는 폰트 1~2개만 사용 !!

(여러 개 사용하면 초보 티남,,)

 

* 컬러 결정하기

1. 브랜드 컬러가 있다면 먼저 적용

(로고, 웹사이트, 패키지 등에 일관되게 사용되는 컬러)

2. 제품 특성에 따라 제품 색 고려

 

* 디테일 조정하기

1. 전체 균형 체크

2. 화면 축소 -> 전체 느낌 보기

3. 오탈자 절대 X

4. 요소의 크기나 비율이 과하지 않게

 

* 완성본 전달하기

 

---

 

* 레트로 감성 콘서트 포스터 제작

1. 클라이언트 메일 확인

- 작업 목적, 사용될 이미지, 삽입 문구 > 기본 정보는 있지만 디자인은 추상적

 

2. 클라이언트 브리프 정리하기

- 프로젝트 목적

- 필수 정보 (보내준 정보는 그대로)

- 레퍼런스

- 클라이언트 요청 사항 (쿨한 느낌 같은 추상적 요청도 적어두기)

 

3. 디자인 브리프 정리하기

- 디자인 방향 제안 (파란 계열 미니멀 쿨톤, 그래픽 요소가 많은 쿨톤) -> 예시 이미지 필수

- 추가 확인 질문 정리 (브랜드 컬러, 로고 필수 요소인지? 이미지 편집 범위? AI 사용 가능 여부?)

- 일정과 비용 제안 (1차 시안, 최종본 언제까지 가능, 시안 N개 제공, 기본 수정 횟수는 N회, 포스터 1종 견적, 추가 수정 비용, 추가 시안 비용 함께 안내)

 

4. 최종 브리프 보내기

- 클라이언트 브리프 + 디자인 브리프를 합친 내용 = 최종 정리본 -> 클라이언트에게 공유

 

 

** 도련(Bleed)

- 문서 바깥 여유 공간 추가 확보 영역 !! (이전에 배운 기억 난다)

- Print > A3 사이즈 선택

 

※ 포토샵에는 별도의 Bleed 설정이 없어서 수동으로 설정해야 함

- 양쪽 6mm, 위아래 6mm 더한 크기로 새 파일 생성

- 해상도 300dpi, color mode CMYK

 

- Ctrl + R: 눈금자 켜기 -> 우클릭 -> 초기 설정한 단위로 바꿔주기

 

 

 

- View > Guides > New Guide Layout

- Columns, Rows 모두 Off

- Margin 체크 > 초기 설정에서 늘려줬던 값 3mm 지정 > OK

 

가이드 라인이 생겼다!!

 

 

 

* 이미지 업스케일링하기

- Super Resolution 기능 사용

 > Ctrl+Shift+Alt O : 포맷 형식 Camera Raw 선택

 

 

- Camera Raw 창에서 Detail 탭 > Super Resolution > Open

 

 

---

 

 

오늘 진짜 하루종일 도메인 레퍼런스 분석하느라 개인과제 시작도 못했다 ㅠㅠ...........

 

주말 TODO

1. 포토샵 강의 조금씩 듣기 (1개라도 !)

2. 개인 과제 진행 방향 잡기

3. 피그마에 도메인 레퍼런스 좀 더 보기 쉽게 정리해보기

 

월요일 TODO

1. 담당 튜터님한테 미메시스 작업하면 어떤게 나을지? 피드백 들어보기

2. 강의 몰아듣기

3. 과제는 방향 잡았으면 강의 다 듣고 진행

 

주말 잘 쉬고 시간 효율적으로 쓰기 !!

이번주도 고생했다아 ㅠ