웹을 제작할땐 프레임을 몇으로 잡는게 좋아요?
54
投稿した質問数 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
이 답변이 박상원님의 웹 디자인에 도움이 되길 바랍니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
OAuth방식 강의 문의
0
6
0
클로드코드 유료플랜 할인 방법이 있을까요?
0
12
0
HTML2Design 플러그인 시, 클로드에서 코딩해서 만든 UI 예시 이미지 가져오기 오류
0
5
0
API Error : 400 에러의 원인과 해결방법이 궁금합니다!!
0
15
2
퍼미션 권한 설정 문의
0
17
2
실습 안떠요
0
14
0
Json 플러그인 사용시 variable collection 없음
0
12
1
커서에서 shift+enter가 안됩니다.
0
18
2
mcp 설치를 못하겠어요
0
26
2
강의노트는 어디있나요?
0
15
1
라이브러리 관련 질문 있습니다!
0
20
2
노션 학습 자료 권한 요청
0
15
1
환불 요청
0
27
2
output-styles은 Claude Code의 공식 기능이 아니라고 하는데 혹시 변경된걸까요?
0
19
2
클로드 변경
0
24
2
배리어블 목록 없음
0
21
3
Token 등록 방법 문의
0
18
1
/config 에서 output-style 을 변경
0
22
1
한국어 문제
0
24
2
part2강의 문의사항입니다.
0
17
2
피그마를 웹에서 활용하는 것과 앱에서 활용하는 것의 차이가 궁금합니다.
0
53
0
구글 스티치에서 피그마로 내보내기
0
1272
2
캡쳐할때 쓰시는 프로그램 이름 알 수 있나요?
0
88
1
실제로 개발할때 IA, 페르소나만 있으면 되나요?
0
150
2