디자인부트캠프

[디자인부트캠프]DAY 04 | 퍼스널 브랜드 배너 디자인

Hana’s UX Journey 2025. 1. 24. 18:06
DAY 04: 퍼스널 브랜드 배너 디자인

 

 

오늘은 퍼스널 브랜드 배너 디자인을 배웠다.

배너 디자인의 핵심 요소와 제작 시 고려해야 할 사항들을 학습했고, 실제로 배너를 제작하는 실습도 진행했다.

 

배너 디자인의 핵심 요소

배너는 다양한 디지털 및 인쇄 매체에서 활용되며, 목적에 따라 사이즈와 레이아웃이 달라져요.

 

배너 디자인의 기본 요소
 배너의 구조와 크기 설정 – 웹/인쇄 배너의 크기와 해상도 차이
 이미지와 텍스트의 조화로운 배치 – 시각적 요소를 효과적으로 배치
 색상과 텍스처 활용 – 브랜드 아이덴티티 반영

 

웹 배너 vs 인쇄 배너

배너는 어디에 사용될지에 따라 해상도 설정이 달라져요.

 

해상도 설정
웹 배너 – 72dpi, 픽셀(px) 단위 사용
인쇄 배너 – 300dpi, 밀리미터(mm) 단위 사용

해상도가 낮으면 픽셀이 깨져 보일 수 있어서 용도에 맞는 설정이 중요해요.

 

그리드 시스템 이해

그리드 시스템은 배너 디자인뿐만 아니라 다양한 레이아웃 디자인에서 중요한 역할을 해요.

 

그리드 시스템이란?
 격자를 활용한 배치 원칙
 일관된 레이아웃을 유지하는 데 도움
 텍스트, 이미지 정렬을 시각적으로 정돈

오늘 강의에서는 Baseline Grid Modular Grid를 예제로 설명했어요.

그리드를 활용하면 깔끔한 배너 디자인을 완성할 수 있어요.

 

AI(일러스트레이터)를 활용한 배너 디자인

오늘 실습에서는 Adobe Illustrator를 사용해 배너를 직접 디자인했어요.
✔ 새로운 문서 설정하기
✔ 도형과 텍스트 활용
✔ 색상과 그래디언트 적용
✔ 벡터 아트웍 활용

배너 디자인할 때 브랜드 아이덴티티를 반영하는 것이 중요해요.

컬러, 폰트, 레이아웃을 브랜드 이미지에 맞게 조정해야 해요.

 

 

오늘 배운 내용을 바탕으로 어도비 일러스트레이션 생성형 AI기능을 활용해 배너를 직접 제작해보았습니다.

 

일러스트 백터 생성 활용 모습
ai를 활용해 제작한 연하장 디자인 1 (웹 배너 크기)
ai를 활용해 제작한 연하장 디자인 2 (웹 배너 크기)
패턴을 제작한 이미지 디자인 (A5 크기)
보그 매거진을 오마주한 모습 (A5크기)
ai 이미지 생성을 활용해 카페 프로모션 배너를 제작한 모습 (A4 크기)