inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Lập kế hoạch dịch vụ ứng dụng sử dụng công cụ AI và Figma

9-2. Tạo UI với readdy.ai

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

68

porporpor0202024779

22 câu hỏi đã được viết

0

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

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

Câu trả lời 1

0

communityai8509

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

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

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

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

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

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

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

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

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

슬랙 프로필 변경 질문

0

3

1

올리버 에게 채용을 맡기다..에서 문의

0

3

0

파일 디렉토리 구조가 다르네요

0

6

1

클로드 초기설정

0

8

1

14강의 예시 데이터를 통한 답을 구하는 과정에서의 문의

0

7

1

강의가 재생되지 않습니다.

0

8

0

슬랙 스레드 대답

0

13

3

데이터베이스 만들기에서

0

9

0

github 세팅 자체를 github desktop을 사용해도 되나요?

0

13

1

8강 디버깅 하네스는 verification 하네스와 비슷하게 느껴지는데 결정적인 차이가있을까요?

0

9

0

스프라이트를 아틀라스 추가시 크래시가나요

0

7

1

3강 context harness에서 제시하주신 개념들에 대해 소개된 공식문서나 자료가 있을까요?

0

11

0

슬슬 따라하기가 힘들어진다.

0

35

2

섹션5 강의자료 다운로드

0

20

2

헤르메스와 코덱스 연결 관련

0

18

1

퀴즈가 cowork와 맞지 않아요.

0

11

0

[문의] 섹션 7 미션 진행 중...

0

22

2

기본 브랜치의 이름이 master에요.

0

28

2

plans 생성이 안됩니다.

0

26

3

mia /goal 실습시.. 아웃풋 폴더

0

17

1

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

0

71

0

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

0

1425

2

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

0

109

1

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

0

176

2