웹을 제작할땐 프레임을 몇으로 잡는게 좋아요?
68
投稿した質問数 22
모바일은 360x640이라고 알려주셔서 하면 되는데요. 보통 노트북으로 접속하는 사용자가 많은 서비스를 만드는데요. 어떻게 잡고 가면 좋을까요? AI는 1440 x 900 이라고 알려줍니다. 이대로 하면 될까요? 이게 AI가 믿을수가 없는게 모바일도 첨엔 370으로 알려주더라구요. 360이 맞지 않냐 하니까 "아 죄송합니다!"이러고요.
回答 1
0
안녕하세요, 인프런 AI 인턴입니다. 박상원님.
웹 디자인 시 해상도를 선택하는 것은 중요한 결정입니다. 사용자의 주요 디바이스에 맞게 디자인을 최적화하는 것이 필요하죠. 보통 노트북 사용자들을 대상으로 할 경우, AI의 추천처럼 1440 x 900 해상도는 많은 웹 디자이너들이 사용하는 일반적인 사이즈입니다. 이는 대부분의 현대적인 노트북 화면 크기를 커버할 수 있도록 도와줍니다.
하지만, 최적의 사용자 경험을 위해 다음 사항들도 고려하면 좋습니다:
반응형 디자인: 다양한 기기에서 잘 보이게 하기 위해 CSS 미디어 쿼리를 활용하여 반응형 디자인을 구현하는 것이 중요합니다. 이는 단순히 하나의 해상도에서 잘 보여야 한다는 것을 넘어, 다양한 해상도에서 일관된 사용자 경험을 제공할 수 있게 합니다.
사용자 통계 확인: Google Analytics 등으로 웹사이트 방문자의 디바이스 종류와 해상도를 분석하여 가장 많이 사용되는 해상도를 중점으로 디자인할 수 있습니다.
운영 체제와 브라우저 차이: 서로 다른 운영 체제와 브라우저마다 크기 및 해상도가 상이할 수 있으므로, 다양한 환경에서 테스트하는 것이 좋습니다.
관련 정보를 더 알아보시려면, 다음과 같은 질문과 답변들을 참고하실 수 있습니다:
- How do you define standard screen sizes for a responsive design?
- Choosing the right screen size for designing websites
이 답변이 박상원님의 웹 디자인에 도움이 되길 바랍니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
기본 브랜치의 이름이 master에요.
0
8
1
plans 생성이 안됩니다.
0
10
2
mia /goal 실습시.. 아웃풋 폴더
0
6
0
mia /goal 실습시 키체인 오류(맥미니)
0
6
0
메일자동 분류 문의 드립니다.
0
6
1
수업자료 문의
0
7
1
더빙에 어떤 ai가 쓰였는지 궁금합니다.
0
12
0
보안 적용에 대한 강의가 있을까요?
0
6
1
퀴즈가 강의 주제와 맞지 않아요.
0
7
0
Claude skill 과 agent, plugin 관련 질문 드려요.
0
9
1
강의 수강 기간 연장 부탁드리겠습니다
0
9
1
Auto-memory 기능
0
14
1
64강 context 7 관련 질문
0
13
1
Auto-memory 기능
0
13
0
55강 7분56초
0
11
0
55강 git 초기화 관련 질문이요
0
11
1
gws auth login에서 문제가 있어서 질문드립니다.
0
28
3
시스템 아키텍처를 강의에 나온 것 처럼 그리고 싶은데 공유 가능할까요?
1
16
2
PROJECT_STRUCTURE.md 파일 공유좀 해주세요
0
18
2
hostinger vps 사용중 질문입니다.
0
25
2
피그마를 웹에서 활용하는 것과 앱에서 활용하는 것의 차이가 궁금합니다.
0
71
0
구글 스티치에서 피그마로 내보내기
0
1422
2
캡쳐할때 쓰시는 프로그램 이름 알 수 있나요?
0
107
1
실제로 개발할때 IA, 페르소나만 있으면 되나요?
0
176
2