이 블록이 맡는 역할
한 프로젝트의 데스크톱, 태블릿, 모바일 화면을 장치별 정보 우선순위와 반응형 변화 근거에 연결해 비교합니다.
디지털 프로젝트 화면 증거형 5종 · BLOCK TEMPLATE
반응형 디바이스 파노라마
한 프로젝트의 데스크톱, 태블릿, 모바일 화면을 장치별 정보 우선순위와 반응형 변화 근거에 연결해 비교합니다.
블록 활용 가이드
어떤 역할이고, 어디에 어떻게 쓰는지
국내 웹에이전시 포트폴리오의 큰 화면 전개를 그대로 복제하지 않고 프로젝트 맥락, 화면 역할, 반응형 변화, 데이터 정의와 구현 규칙까지 읽을 수 있는 HTML·CSS 증거 구조로 제공합니다.
어디에 배치하나요
웹·앱 구축 사례에서 단순 목업 나열보다 화면 크기에 따른 설계 차이와 콘텐츠 보존 방식을 설명할 때 배치합니다.
어떻게 사용하나요
실제 프로젝트의 대표 화면, 뷰포트와 검수 근거로 교체하고 가상 화면을 납품 결과나 운영 중인 서비스처럼 게시하지 않습니다.
적용할 때 준비할 내용
샘플을 그대로 쓰지 않고 실제 콘텐츠로 바꿉니다.
- 문구와 사실회사·서비스·사례에서 실제로 확인할 수 있는 내용을 준비합니다.
- 연결할 행동상담, 상세 보기, 신청처럼 이 블록 다음에 이어질 행동을 하나 정합니다.
- 브랜드 표현사이트 스킨의 색·글꼴·여백에 맞춰 블록을 자연스럽게 조정합니다.
블록은 조합해서 사용합니다
이 블록을 사이트 흐름에 맞게 연결해 드립니다.
필요한 콘텐츠와 기능을 확인한 뒤 다른 블록, 사이트 스킨과 어울리도록 조정합니다.
