UI 디자인시 가장 많이 쓰는 스크린 사이즈는?
HTML-код
- Опубликовано: 24 сен 2024
- UI 디자인시 가장 많이 쓰는 스크린 사이즈는?
이 사이즈는 도대체 어떻게 정하게 됬을까요?
바로 그 기준이 되는 해상도 점유율을 알아야 합니다. 디바이스별 최적화 작업을 위해서 기준이 되는 해상도 점유율은…gs.statcounter.com에서 확인하실 수 있어요~
gs.statcounter.com
전세계 모바일 , PC, 태블릿 화면 해상도 점유율을 보여주는 사이트입니다
디바이스별 해상도 점유율뿐만 아니라 브라우저 버전, 윈도우, 맥 점유율도 상세하게 보여주고 있습니다.
뿐만아니라 지역별 데이터와 기간도 설정하여 소팅할 수 있습니다.
#UIdesign #앱사이즈 #그리드 #grid #layout, #디바이스해상도 #데스크탑사이즈 #태블릿해상도 #desktop #tablet #iOS #AOS #안드로이드사이즈 #스크린사이즈 #UI사이즈 #앱디자인기본사이즈 #워치해상도 #디자인사이즈
깔끔하네요!
저 정말 궁금한게, 왜 데스크탑은 1440 인가요? 보통 한국에서는 1920과 2560을 많이 쓰는데 왜 1440으로 작업을 하는거에요??ㅠ 1920으러 프레임 만들고 그리드상 컨테이너 값을 1200으로 잡고 마진을 양쪽 360 씩 잡고1024 해상도 까지 대응하는 방식으로 진행하면 되지 않나요? 외국 유튜브 영상이든 한국 유튜브 영상이든 1440으로 많이 하던데 그 이유를 모르겠어요ㅠㅠ 1440이 그리드 상 컨테이너 값인 건가요?ㅠ 답답해 미치겠습니다 댓글 좀 달아주세요😢😢😢
가장 많이 쓰는 모니터 해상도 비율은 1920이라고 나와있는데요.
1920 작업시 노트북은 고려되지 않아서 적응형의 경우 노트북 해상도를 고려하여 작업해주어야 합니다. (퍼블리싱 break point를 데스크탑, 노트북, 태블릿, 모바일로 잡아야하여 노트북의 분기가 하나 더 늘어나게 되겟죠. 분기가 늘어나게 되면 비용과 시간이 늘어납니다. 대부분의 사이트에선 데스크탑, 태블릿, 모바일의 3분기를 둡니다.)
그렇지만 반응형의 경우는 1920에서 1440도 무리없이 보여질 수 있습니다.
그러므로 1440기준 작업일 경우에는 적응형 작업이라 모든 해상도를 고려해야해서...라고...볼 수 있을 것 같아요.(모든 프로젝트가 그렇진 않습니다. 프로젝트의 성격에 따라달라질수 있어요)
프로젝트 작업전 반응형인지 적응형인지 해상도를 사전조율 후 작업해야 할것 같아요^^
@@let_figma 아하 그럼 노트북 사용자까지 고려해야함으로 1440으로 작업을 진행하는거군요, 적응형일 경우에만. 야무진 설명 감사합니다
조금 더 첨언하자면 반응형의 경우도 1440에서 작업한것을 1920으로 늘리는것은 어렵지 않다고 알고잇는대요.. 반대로 1820애서 1440으로 줄이는 작업은 조금더 공수가 들수있습니다...
그래서 1440기준으로 작업을 많이하는것 같아요~