DESIGN EXPLORATION

포스터 & 웹 사이트

유려한 색과 입체감을 담은 포스터, 작품 이미지에 집중한 전시 웹사이트 디자인입니다.

포스터 & 웹 사이트 — mockup1
PROJECT STORY

프로젝트 기획

포스터와 웹사이트에서 이미지와 정보가 읽히는 방식을 탐색했습니다. 포스터는 그라데이션과 입체적인 형태로 시선을 모으고, 웹사이트는 작품 이미지와 타이포그래피를 중심으로 구성했습니다.

디자인 방향

포스터의 밝은 색감과 웹사이트의 절제된 흑백 구성을 대비시켰습니다. 매체의 성격에 맞춰 제목과 본문, 이미지의 크기와 간격을 조정했습니다.

작품 이미지 출처

KOESY 웹사이트 화면은 작가님의 작업 이미지를 활용해 디자인했습니다. 원작 이미지의 출처는 KOESY · @koesysaga이며, 비상업적 포트폴리오 제작 목적으로만 사용했습니다.

활용 역량
  • Photoshop
  • Illustrator
01 / DESIGN OVERVIEW

포스터 & 웹 사이트

포스터는 색과 형태로 시선을 끌고, 웹사이트는 작품과 정보의 흐름에 집중했습니다.

포스터 & 웹 사이트 — 포스터 copy
포스터 & 웹 사이트 — 김민지_4차시_20240729 iphone
02 / POSTER CONCEPT

DESIGN RACE — 포스터

Concept

블루와 라일락, 핑크가 이어지는 그라데이션에 은빛의 유기적인 형태를 조합했습니다. 부드러운 색의 흐름과 반사되는 질감으로 창의적이고 실험적인 분위기를 표현했습니다.

Explanation

큰 흰색 제목을 중심으로 행사명과 일정, 세부 정보를 구분했습니다. 곡선 형태의 그래픽과 왼쪽 정렬의 타이포그래피를 대비시켜 시각적 움직임과 정보의 가독성을 함께 고려했습니다.

HEX는 완성 이미지에서 추출한 대표색입니다. 그라데이션과 반사광에 따라 같은 영역 안에서도 색이 달라집니다.

포스터 & 웹 사이트 — poster-palette
03 / WEBSITE CONCEPT

KOESY — PAPA〈Untitle〉

Concept

작가의 작품이 가장 먼저 보이도록 흑백의 간결한 화면을 구성했습니다. 작품 속 회청색과 연한 라일락은 이미지 안에서 자연스럽게 드러나도록 하고, 별도의 장식색은 줄였습니다.

Explanation

큰 제목과 넓은 이미지 영역으로 전시의 인상을 전달하고, 작품 이미지에서 소개 글로 이어지도록 화면을 구성했습니다. KOESY 작가님의 작업 이미지를 활용해 웹사이트 화면을 디자인한 비상업적 포트폴리오 작업입니다.

작품 이미지 출처: KOESY (@koesysaga). 작가님의 작업물을 활용했으며, 비상업적 포트폴리오 제작 목적으로만 사용했습니다. 작품 이미지 자체는 본인의 창작물이 아닙니다.

포스터 & 웹 사이트 — ARTBOARD 1-1
포스터 & 웹 사이트 — ARTBOARD 2@1x_1
포스터 & 웹 사이트 — Artboard 3
포스터 & 웹 사이트 — web-palette
04 / WEBSITE MOCKUP

모바일 화면 적용

포스터 & 웹 사이트 — 김민지_4차시_20240729_iphone2-1
포스터 & 웹 사이트 — 김민지_4차시_20240729_iphone2