정보 설계
상단에서는 로고, 대형 타이틀, 결합 기호를 순차적으로 배치해 핵심 주제를 즉시 인지하게 하고, 이어지는 2열 정보 블록으로 세부 항목을 빠르게 스캔하도록 구성했다. 다음 구간에서는 원형 카테고리와 단계형 타임라인을 배치해 소개형 정보에서 순서형 정보로 자연스럽게 전환된다.
PROJECT — 49 / 63
DETAIL PAGE DESIGN
대형 타이포와 블루 인포그래픽의 편집형 상세페이지대형 타이포와 블루 인포그래픽의 편집형 상세페이지
Bold Typographic Editorial FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
화이트와 블랙의 고대비 베이스에 선명한 블루를 반복 포인트로 사용해 전체 톤을 통일하고, 가로선·언더라인·번호 배지·하단 컬러 바까지 같은 시각 언어를 유지한다. 옅은 워터마크 텍스트와 도트, 사선, 지그재그 패턴은 배경 밀도를 높이면서도 전면의 굵은 산세리프 타이포를 더욱 부각시킨다.
사용자 가독성
큰 제목과 얇은 영문 보조 타이포의 대비, 중앙 정렬과 열 정렬의 병행, 검은 타임라인 바 위 단계 구분 등으로 긴 세로형 화면에서도 시선의 시작점과 읽는 방향이 명확하다. 점선 연결선, 아이콘, 보조 라벨 박스 같은 장치는 정보 덩어리를 세분화해 한 번에 이해할 수 있는 단위로 나눠준다.
POINT COLORS
Point 1#2A93FF
Point 2#000000
Point 3#FFFFFF
Point 4#1F4F8C
Point 5#D8E3F5
NEXT PROJECT — 50
DETAIL PAGE DESIGN