Netcity Web Design Workspace

웹디자인 체크리스트

새 페이지를 공개하기 전에 데스크톱, 모바일, 링크, 이미지, 게시판 연결 상태를 빠르게 확인합니다.

WHITE BASE RESPONSIVE ASSET READY BOARD LOG
웹디자인 시스템 프리뷰
Menu8 Board0 RouteWD
01Landing
Frame
02Gallery
Board
03Style
System
04Mobile
Ready
05Content
Flow
06Publish
Log

출시 전 확인

디자인 완성도는 마지막 점검에서 많이 갈립니다.

모바일 390px 폭에서 제목, 버튼, 카드 텍스트가 부모 영역 밖으로 넘치지 않는지 봅니다.
링크 상단 메뉴, 내부 메뉴, 게시판, 외부 링크가 의도한 페이지로 이동하는지 확인합니다.
이미지 히어로 이미지와 썸네일이 깨지지 않고, alt와 크기 속성이 들어갔는지 점검합니다.

디자인 진행 흐름

웹디자인 페이지는 흰 배경에서 정보가 깨끗하게 읽히도록 기획, 구조, 시각화, 검수 순서로 확장합니다.

01 기획 페이지 목적과 첫 화면 신호를 먼저 정리합니다.
02 구조 섹션, 카드, 게시판 연결 흐름을 화면 단위로 나눕니다.
03 시각화 이미지, 아이콘, 여백, 색상 대비를 흰 배경에 맞춥니다.
04 검수 모바일, 링크, 이미지, 게시판 상태를 공개 전에 확인합니다.

검증 기록

반복해서 확인해야 할 설계 기준과 운영 메모입니다.

문법 검사 PHP 파일은 php -l로 확인하고, JSON 설정은 json_decode 결과를 확인합니다.
스크린샷 데스크톱과 모바일 스크린샷을 남겨 화면 겹침을 눈으로 확인합니다.

웹디자인 게시판

레이아웃, CSS, 이미지, 메뉴 변경 기록을 게시판에 누적합니다. 현재 0개 기록이 준비되어 있습니다.

게시판 테이블은 준비 중입니다.