피그마 반응형 화면설계서, 기획자 관점 작성법
피그마 반응형 화면설계서, 기획자 관점 작성법 피그마 반응형 화면설계서, 기획자 관점 작성법 피그마로 쇼핑몰 마이페이지의 PC·모바일 화면을 설계하고, IT 서비스 기획자 관점에서 기능과 반응형 정책을 정의하는 과정을 알아봅니다. 반응형 웹 프로젝트를 진행하다 보면 PC 화면을 모바일에서 어떻게 보여줄지 결정해야 하는 상황을 자주 만납니다. PC에서 사용하던 메뉴를 모바일에서는 어떻게 제공할지, 주문 내역 테이블을 작은 화면에서도 유지할지, 어떤 정보를 먼저 보여줄지 고민하게 됩니다. 저는 이런 화면설계 작업에서 화면을 그리는 것만큼 화면이 바뀌는 조건과 기능의 동작을 정의하는 일 이 중요하다고 생각합니다. 이번 글에서는 피그마(Figma)를 활용해 쇼핑몰 마이페이지의 PC·모바일 화면설계서를 처음부터 작성해 보겠습니다. 디자이너를 위한 시각 디자인 강좌가 아닙니다. IT 서비스 기획자가 화면 구조를 만들고 기능과 정책을 정리하는 과정에 집중하겠습니다. 📌 목차 기획자가 피그마를 사용하는 이유 반응형 화면설계에서 정의할 내용 실습 전 준비 사항 쇼핑몰 마이페이지 화면설계 실습 반응형 정책 작성 방법 실무 팁 3가지 자주 묻는 질문 마무리 1. 기획자가 피그마를 사용하는 이유 IT 서비스 기획자의 화면설계서는 사용자가 어떤 정보를 확인하고, 어떤 기능을 실행하며, 그 결과 어떤 화면으로 이동하는지 설명하는 문서입니다. 피그마를 사용하면 PC와 모바일 화면을 하나의 작업 공간에 배치하고 비교할 수 있습니다. 또한 화면 구성 요소와 정책을 함께 관리하면서 디자이너, 개발자와 협업할 수 있습니다. 디자이너와 기획자의 관점은 다릅니다 구분 디자이너 관점 기획자 관점 ...