피그마 : 반응형 웹과 적응형 웹 차이, 화면설계 기준
반응형 웹과 적응형 웹 차이, 화면설계 기준 출처 : AI 생성 반응형 웹과 적응형 웹의 차이를 이해하고, 쇼핑몰 마이페이지를 예제로 화면 크기별 기획 정책을 작성해 봅니다. PC와 모바일 화면설계서를 작성하다 보면 두 화면의 구성은 만들었는데 그 사이 크기의 화면은 어떻게 처리해야 할지 고민하는 경우가 있습니다. PC에서는 왼쪽 메뉴가 잘 보이고 모바일에서는 메뉴 버튼으로 처리했지만, 태블릿처럼 애매한 너비에서는 어떤 구성을 적용해야 할지 결정해야 합니다. 저는 화면설계서를 검토할 때 PC와 모바일 시안이 각각 잘 만들어졌는지뿐 아니라 두 화면 사이에서 어떤 규칙으로 구성이 달라지는지를 중요하게 봅니다. 이번 글에서는 반응형 웹과 적응형 웹의 차이를 기획자 관점에서 정리하고, 앞서 작성한 쇼핑몰 마이페이지에 반응형 정책을 추가해 보겠습니다. 📌 목차 반응형 웹과 적응형 웹은 무엇이 다를까? 기획자는 어떤 방식을 선택해야 할까? 반응형 화면설계에서 정의할 기준 쇼핑몰 마이페이지 반응형 정책 실습 PC·모바일 화면설계서 검수 방법 기획자가 알아둘 실무 팁 3가지 자주 묻는 질문 마무리 1. 반응형 웹과 적응형 웹은 무엇이 다를까? 반응형 웹과 적응형 웹은 모두 다양한 화면 환경에 대응하기 위한 접근 방식입니다. 하지만 화면 구성을 변경하는 방법에는 차이가 있습니다. 기...