일본 신문사 마치츠무기 신문 웹 사이트 구축
Deskripsi pekerjaan
26.03.23
일본 신문사 마치츠무기 신문 웹 사이트 구축
목록으로 돌아가기
DEVELOPER _ 홍성민 machitsumugi.net/official
Branding
CI/BI
Graphic
Web/App
Character
Icon
SNS Design
Product Design
Others
일본 마치츠무기 신문사 코퍼레이트 사이트 구축
마치츠무기 신문사의 정체성인 '전통과 기록'을 강조하기 위해, 일본 특유의 정갈하고 고전적인 분위기를 디자인 전반에 녹여낸 프로젝트입니다. 단순한 웹사이트를 넘어 한 권의 정성스러운 종이 신문을 읽는 듯한 사용자 경험을 제공하는 데 집중했습니다.
디자인 컨셉 및 시각적 요소
전통의 질감을 살린 배경 설계: 일반적인 화이트 톤 대신 따뜻한 미색(Paper) 계열의 컬러를 사용하여 오래된 종이의 편안함을 구현했습니다. 여기에 희미한 종이 질감의 텍스쳐를 배경에 배치하여 시각적인 깊이감과 아날로그적인 감성을 더했습니다.
상징적인 포인트, '紡(츠무기)' 도장: 각 섹션의 타이틀마다 브랜드의 상징인 '紡' 자가 새겨진 낙관(도장) 디자인을 배치했습니다. 이는 콘텐츠의 신뢰도를 높이는 동시에 디자인적 포인트 역할을 하여 사용자에게 강렬한 브랜드 이미지를 각인시킵니다.
부드러운 조화: 직선적인 웹 구조 속에 18px의 부드러운 곡률(Radius)을 적용하여, 전통적인 요소들이 현대적인 UI와 이질감 없이 어우러지도록 설계했습니다.
타이포그래피 및 컬러 시스템
클래식한 서체 설계: 현대적인 고딕체 대신 'Noto Serif JP', 'Hiragino Mincho', 'Yu Mincho' 등 명조 계열의 서체를 조합했습니다. 이를 통해 신문사 특유의 권위와 전통적인 분위기를 극대화했습니다.
전통 색채의 현대적 해석:
- Base: 깊이 있는 먹색(Ink)과 차분한 네이비, 딥 그린 컬러를 사용하여 안정감을 주었습니다.
Point: 일본 전통의 연지색(Enji)과 따뜻한 귤색(Accent)을 조화롭게 배치하여 시각적 명확성과 세련미를 동시에 잡았습니다.
기술 스택 (Tech Stack)
Environment: PHP, MySQL (DB)
Frontend: JavaScript, CSS3
Key Focus: 크로스 브라우징 환경에서도 종이의 질감과 서체의 세밀한 표현이 유지되도록 최적화
Tertarik dengan posisi ini?