inflearn logo
강의

Course

Instructor

App Service Planning Using AI Tools and Figma

9-2. Creating UI with readdy.ai

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

93

porporpor0202024779

22 asked

0

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

프로토타이핑 figma 서비스-기획 인공지능(ai) uiux 카카오공채-서비스

Answer 1

0

communityai8509

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

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

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

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

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

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

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

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

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

안티그래비티 설치 화면

0

7

0

헤르메스 활용을 위한 PC최소 사양

0

8

0

섹션2, 대화&세션관리 수업 자료 누락

0

7

1

plan mode를 진행하는것에 있어서

0

7

1

ngrok 설치 및 실행 관련 현 상황 정리 (260902)

0

8

2

슬랙에 멀티프로필 추가시 명령어 중복

0

12

1

클로드 코드 설치 오류

0

14

1

auto layout 뎁스를 많이 넣는 이유?

0

13

2

수강자료 다운로드 관련 문의

0

19

2

클로드 코드 설치 관련

0

15

1

강의 내용 추가 요청

1

13

2

Unit 4.1-웹훅: 웹훅 설정 파일의 저장 위치는?

0

13

1

/persona-interview 스킬 위치 문의

0

12

1

스타터킷 중요도에 대한 질문입니다.

0

15

1

[요청] 강의자료 송부 요청 건

0

11

1

강의 자료 접근 불가

1

17

1

강의 자료

0

11

1

Vercel json 파일 참고 여부

1

21

2

슬라이드 오타

0

22

0

결제기능까지 알려주실수있나요?

1

22

2

피그마를 웹에서 활용하는 것과 앱에서 활용하는 것의 차이가 궁금합니다.

0

98

0

구글 스티치에서 피그마로 내보내기

0

1544

2

캡쳐할때 쓰시는 프로그램 이름 알 수 있나요?

0

131

1

실제로 개발할때 IA, 페르소나만 있으면 되나요?

0

218

2