맨위로 맨밑으로

Magazinestyle M

다양한 콘텐츠 홍보를 위한
모바일 리뉴얼 프로젝트

  • 2016.08-09
  • 신규 모바일 웹 및 앱 리뉴얼
  • 디자인 100%

구독자에게 패션·뷰티·라이프·스타와 관련된 정보를
전달하고 홍보하는 모바일 매거진 서비스 리뉴얼

Mobile UX/UI Design
Tablet UX/UI Design
메인이미지
콘텐츠이미지
콘텐츠이미지
콘텐츠이미지

트렌드 리더의 스타일 지침서

다양한 라이프스타일을 아우르는 스타일M은 남녀노소 모두 이용하는 디지털 매거진입니다.
트렌디한 이미지 중심의 그리드 시스템을 적용하여 잡지 특유의 시각적 감성을 극대화했으며,
컬러와 텍스트를 절제한 미니멀 UI를 통해 사용자의 시선이 콘텐츠 본연의 가치에 집중될 수
있도록 설계했습니다.

Flow Chart

메뉴구성도

Color

Main
  • #eb1769

  • #000000

  • #ffffff

Sub
  • #22a4e7

  • #fd2b2a

  • #faaecc

Gray
  • #1a1a1a

  • #333333

  • #666666

  • #cdcdcd

  • #e6e6e6

  • #f3f3f3

Typography

Scale CategoryFontThickSize

Header1

Noto sans CJK KR

트렌드 리더의 스타일 지침서

Bold

23

Header2Noto sans CJK KR트렌드 리더의 스타일 지침서Medium23
Header3Noto sans CJK KR트렌드 리더의 스타일 지침서Medium21
Title1Noto sans CJK KR트렌드 리더의 스타일 지침서Bold19
Title2Noto sans CJK KR트렌드 리더의 스타일 지침서Regular19
Body1Noto sans CJK KR트렌드 리더의 스타일 지침서Light18
Body2Noto sans CJK KR트렌드 리더의 스타일 지침서Light17
Body3Noto sans CJK KR트렌드 리더의 스타일 지침서Light16
Body4Noto sans CJK KR트렌드 리더의 스타일 지침서Medium15
Body5Noto sans CJK KR트렌드 리더의 스타일 지침서Light15
Caption1Noto sans CJK KR트렌드 리더의 스타일 지침서Regular14
Caption2Noto sans CJK KR트렌드 리더의 스타일 지침서Regular13

Icon

아이콘이미지

Detail View

스타일 M 메인
설명이미지
기사리스트
설명이미지
스타일폴 기사면
설명이미지