[260210] 디자인 감각 훈련_레이아웃 미메스 실습 (구조 따라 만들기) 3주차 day8.

 

 

오늘은 오전 시간동안 디자인 감각 훈련을 진행하고 오후에는 강의를 듣는것으로 계획을 세웠다. 또한, 오늘 오전 10시에 개인과제2 발제가 있어서 그것도 들었다.

 

지난번에 한 내용에서 3주차를 시작했다.

미메시스 대상을 선정하고 기준을 세우고 난 후 모작 제작을 들어갔다. 오늘은 SNS 파트를 모작해보았고 내일은 상세 페이지를 모작해 볼 예정이다.

 

 

 

 

 

 

---

 

TODAY project

 

[주제 : "3주차_ 레이아웃 미메스 실습(구조 따라 만들기)" ]

 

목표 : 브랜드별 시각적 공통점과 차이점을 직접 분석하며 디자인 감각을 체계화하고 도메인별 톤앤매너·컬러·레이아웃 원리를 이해해AI 생성물의 품질과 방향성을 스스로 판단할 수 있는 기준을 만들게 된다.

 

2주차 활동 단계

1. 미메시스 대상 선정
2. 미메시스 기준
3. 제작

 

 

 

 

 

STEP 1. 미메시스 대상 선정

 

 

SNS

 

선정 이유 그래픽 부분에서 새로운 느낌이었고, 따라해보면서 포인트를 찾아보면 좋을 것 같다는 생각이 들었다. 특히 두번째 이미지는 카드 뉴스 형식이기 때문에 다양한 부분에서 참고할 수 있을 것 같아서 모작을 해보면 도움이 될 것 같다.

 

 

상세 페이지

 

선정 이유 제품 설명에 관한 상세 페이지를 작업해보면 창작 및 재해석 할 때 도움이 될 것 같다는 생각이 들었다. 또한, 어떤 내용이 어떤 형식으로 들어가야 좋을지에 대해 고민해볼 수 있을 것 같다.

 

 

 

 

 

STEP 2. 미메시스 기준

• 전체 레이아웃 구조
• 정보 위계(제목 / 부제 / 본문)
• 여백 비율
• 시선 흐름
• CTA 위치 및 크기
• 그래픽 요소 사용 방식

※ 컬러, 이미지 소재는 유사하거나 대체 가능

→ 창작 및 재해석은 12일 목요일부터 해보는 것을 목표

 

 

 

 

STEP 3. 제작

• Photoshop / Illustrator 등 그래픽 툴 사용
• 필요한 시각 소스가 없는 경우 Midjourney·Firefly 등 AI 도구 활용 가능
• 완성 후 원본과 결과물을 나란히 배치하여 비교 시안 제작

 

SNS 모작

시각 소스 → 나노바나나 분해 및 생성

 

 

모작 1)

 

왼 원본 오 모작

 

어려웠던 점 이미지가 뒤에 어두워지면서 색감이 지켜질 수 있게 하는 것이 조금 어려웠다. Adjustments를 이용하여 이미지 톤을 조정해보았고, 원본 이미지를 복사해서 하이라이트 할 부분을 따로 만들어 이것도 이미지 톤을 조절하였다.

 

 

 

 

모작 2)

 

왼 원본 오 모작

 

어려웠던 점 폰트 찾는게 가장 어려웠는데 어도비에 있는 폰트 찾는 기능을 활용하여 유사하거나 동일한 폰트를 찾아 사용하였다.

 

 

+) 튜터님 피드백

상세 페이지까지 작업이 완료되면 리디자인 작업도 해보기

 

 

 

 

 

 

 

 

 

 

 

---

 

 

 

 

오늘도 디자인 감각 훈련은 모작 실습으로 해봤다. 어려웠던 부분도 있었지만 해결해나갈 수 있는 방법을 모색했고 인터넷에도 검색해보면서 하였다. 해보면서 포토샵 기능도 좀 더 활용해보았고, 일부 기능은 일러스트로 하는것이 편한것 같다는 생각도 들었다.

 

+) 일러스트 기초 강의는 5-1강 까지 수강하였다.