강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

박상원님의 프로필 이미지
박상원

작성한 질문수

AI 도구와 피그마를 활용한 앱 서비스 기획

9-2. readdy.ai로 UI 제작하기

웹을 제작할땐 프레임을 몇으로 잡는게 좋아요?

작성

·

14

·

수정됨

0

모바일은 360x640이라고 알려주셔서 하면 되는데요. 보통 노트북으로 접속하는 사용자가 많은 서비스를 만드는데요. 어떻게 잡고 가면 좋을까요? AI는 1440 x 900 이라고 알려줍니다. 이대로 하면 될까요? 이게 AI가 믿을수가 없는게 모바일도 첨엔 370으로 알려주더라구요. 360이 맞지 않냐 하니까 "아 죄송합니다!"이러고요.

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 박상원님.

웹 디자인 시 해상도를 선택하는 것은 중요한 결정입니다. 사용자의 주요 디바이스에 맞게 디자인을 최적화하는 것이 필요하죠. 보통 노트북 사용자들을 대상으로 할 경우, AI의 추천처럼 1440 x 900 해상도는 많은 웹 디자이너들이 사용하는 일반적인 사이즈입니다. 이는 대부분의 현대적인 노트북 화면 크기를 커버할 수 있도록 도와줍니다.

하지만, 최적의 사용자 경험을 위해 다음 사항들도 고려하면 좋습니다:

  1. 반응형 디자인: 다양한 기기에서 잘 보이게 하기 위해 CSS 미디어 쿼리를 활용하여 반응형 디자인을 구현하는 것이 중요합니다. 이는 단순히 하나의 해상도에서 잘 보여야 한다는 것을 넘어, 다양한 해상도에서 일관된 사용자 경험을 제공할 수 있게 합니다.

  2. 사용자 통계 확인: Google Analytics 등으로 웹사이트 방문자의 디바이스 종류와 해상도를 분석하여 가장 많이 사용되는 해상도를 중점으로 디자인할 수 있습니다.

  3. 운영 체제와 브라우저 차이: 서로 다른 운영 체제와 브라우저마다 크기 및 해상도가 상이할 수 있으므로, 다양한 환경에서 테스트하는 것이 좋습니다.

관련 정보를 더 알아보시려면, 다음과 같은 질문과 답변들을 참고하실 수 있습니다:

이 답변이 박상원님의 웹 디자인에 도움이 되길 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

박상원님의 프로필 이미지
박상원

작성한 질문수

질문하기