분기점의 효율성을 따지려면
모바일 - 테블릿 - 데스크탑 으로 해주는게 좋다 .
1. 모바일 퍼스트 (Mobile First)
현 시대 사용자 대부분이 모바일 환경에서 우선 접속합니다. (일상)
필요에 따라서는 데스크탑 환경이 필요(업무) 할 수 있다.
사용자를 고려한 설계 관점에서 사용자 대다수가 우선하는
모바일 환경 디자인(설계)이 우선시 되어야한다.
2. 중단점 설계
서비스를 이용하는 주 고객층의 행동 패턴을 분석하여
모바일, 태블릿, 데스크탑, 와이드 스크린 사용율 통계를 검토한 후,
기기의 속성(스크린 폭, 해상도 등)을 고려하여 중단점을 설계해야한다.
3. 대한민국 서비스 : 중단점 설계
1920 x 1080 22.90%
360 x 640 20.63%
375 x 667 7.54%
출처
RWD - 중단점과 미디어 쿼리 (실습 용도)
...
codepen.io
StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share
Tracks the Usage Share of Search Engines, Browsers and Operating Systems including Mobile from over 10 billion monthly page views.
gs.statcounter.com
www.w3counter.com/globalstats.php?year=2018&month=3
W3Counter: Global Web Stats - March 2018
Browser & Platform Market Share March 2018
www.w3counter.com
www.internettrend.co.kr/trendForward.tsp
InternetTrend™
www.internettrend.co.kr
Viewport Sizes
Samsung Galaxy Note 10.1 N8010 (Multiscreen Enabled) Android 4.0.4 800 637 2012-08
viewportsizes.com
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
material.io
'Development > CSS & SCSS' 카테고리의 다른 글
| [scss] mixin (0) | 2021.12.21 |
|---|---|
| [CSS] 이미지 사이즈 맞추기 (크롭화) (0) | 2021.04.20 |
| [CSS] min-width / max-width (0) | 2021.03.12 |
| [CSS] object-fit (0) | 2021.03.12 |
| [CSS] mobile safari 높이 해결 (0) | 2021.01.26 |