해상도 또는 컬럼 설정에 도움을 줄 수 있는 사이트 추천 해상도 / 컬럼 편
#데스크탑 스크린 사용 빈도 통계 사이트
gs.statcounter.com/screen-resolution-stats/desktop/south-korea
Desktop Screen Resolution Stats Republic Of Korea | StatCounter Global Stats
This graph shows the stats of desktop screen resolutions in South Korea based on over 10 billion monthly page views.
gs.statcounter.com
#디바이스 별 해상도 가이드
해당 페이지는 이전 Material Design에서 제공을 해주던 페이지다. 그런데 Material Design 사이트 리뉴얼 후 해당 페이지가 사라졌고, 누군가가 이를 복구시킨 것으로 추정되는 사이트다. 각 디바이스를 클릭하면 추천 컬럼 수나 사이즈 등을 확인할 수 있다. 구형 디바이스만 있기 때문에 벡터 작업시 활용하거나 참고만 하자.
blog.chengyunfeng.com/devices/
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
#Material Design에서 권장하는 그리드
material.io/design/layout/responsive-layout-grid.html#columns-gutters-and-margins
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
#Material Design에서 권장하는 Break Point
material.io/archive/guidelines/layout/responsive-ui.html#responsive-ui-breakpoints
Responsive UI - Layout - Material Design
Responsive layouts in material design adapt to any possible screen size. This UI guidance includes a flexible grid that ensures consistency across layouts, breakpoint details about how content reflows on different screens, and a description of how an app c
material.io
#그리드 제작 시뮬레이터
Grid Calculator by Nicolaj Kirkgaard Nielsen
gridcalculator.dk
'달밤에 디자인 초심찾기 > 디자인 사이트 추천' 카테고리의 다른 글
| #7 - 정보 편 (0) | 2021.03.18 |
|---|---|
| #5 - 아이콘 편 (0) | 2021.03.17 |
| #4 - 폰트 편 (0) | 2021.03.17 |
| #3 - 컬러 편 (0) | 2021.03.16 |
| #2 - 유튜브 채널 편 (0) | 2021.03.15 |
