맨위로 맨밑으로

Magazinestyle M

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

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

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

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

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

다양한 콘텐츠를 담은 스타일M은 남녀노소 모두 이용하는 매거진 사이트 입니다.
매거진 트렌드에 맞는 이미지 위주의 레이아웃을 이용하여 매거진 느낌이 나도록 하였고,
색상과 텍스트를 최소화하여 심플하면서 콘텐츠에 시선이 집중될 수 있도록 디자인 하였습니다.

Flow Chart

메뉴구성도

Color

Main
  • #eb1769

  • #000

  • #fff

Sub
  • #22a4e7

  • #fd2b2a

  • #faaecc

Gray
  • #1a1a1a

  • #333

  • #666

  • #cdcdcd

  • #e6e6e6

  • #f3f3f3

Typography

Scale CategoryFontThickSize

Header1

Noto sans CJK KR

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

Bold

23

Header2Noto sans CJK KR트렌드 리더의 스타일 지침서Medium23
Header3Noto sans CJK KR트렌드 리더의 스타일 지침서Medium21
서브타이틀1Noto sans CJK KR트렌드 리더의 스타일 지침서Bold19
서브타이틀2Noto sans CJK KR트렌드 리더의 스타일 지침서Regular19
서브타이틀3Noto sans CJK KR트렌드 리더의 스타일 지침서Light17
서브타이틀4Noto sans CJK KR트렌드 리더의 스타일 지침서Light16
서브타이틀5Noto sans CJK KR트렌드 리더의 스타일 지침서Light15
바디1Noto sans CJK KR트렌드 리더의 스타일 지침서Light18
바디2Noto sans CJK KR트렌드 리더의 스타일 지침서Medium15
캡션1Noto sans CJK KR트렌드 리더의 스타일 지침서Regular14
캡션2Noto sans CJK KR트렌드 리더의 스타일 지침서Regular13

Icon

아이콘이미지

Detail View

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