도입-설명-비교-목록으로 이어지는 정보 설계
첫 화면에서는 인물 컷과 세로형 대형 타이포로 주제를 강하게 인지시키고, 이후 중앙 정렬 텍스트와 실사 이미지, 비교형 픽토그램, 3단 아이콘 요약, 2열 카드 목록으로 점진적으로 정보를 세분화합니다. 각 섹션이 역할을 분담해 긴 화면에서도 내용의 흐름이 끊기지 않도록 구성했습니다.
PROJECT — 25 / 63
DETAIL PAGE DESIGN
세로 타이포와 반복 그리드로 정리한 자세 정보 편집세로 타이포와 반복 그리드로 정리한 자세 정보 편집
Vertical Type Meets Modular GridSCROLL TO EXPLORE ↓
DESIGN POINTS
미니멀 배경 위에 보라색 포인트를 축으로 한 시각 표현
전체는 화이트와 옅은 베이지를 바탕으로 정리하고, 보라색을 매트·숫자 라벨·원형 아이콘 등 반복 요소에 사용해 시리즈 감각을 만듭니다. 여기에 붉은 오버레이 그래픽과 연한 하이라이트를 제한적으로 더해 문제 지점과 핵심 문장을 즉각적으로 부각시킵니다.
중앙 정렬, 굵기 대비, 반복 모듈로 높인 사용자 가독성
큰 제목과 짧은 설명, 굵은 핵심어, 작은 영문 보조문구를 명확히 나누어 위계를 단순하게 유지했습니다. 또한 동일 크기의 아이콘 그리드와 번호가 붙은 카드형 반복 구조를 사용해 사용자가 각 항목을 빠르게 비교하고 스캔할 수 있게 했습니다.
POINT COLORS
Point 1#FFFFFF
Point 2#6F5AA8
Point 3#F3F0EA
Point 4#D9CFE0
Point 5#D62839
NEXT PROJECT — 26
DETAIL PAGE DESIGN