-
8. SB개발자 수업/HTML5 2021. 11. 5. 17:42
1. 벤치마킹
1) 사례 분석을 통해 기존에 발견하지 못했던 새로운 포지셔닝을 도출하기 위해 실시
2. 정보구조 설계
1) 메인 화면
- 검색
- 서비스
- 설정
2) 계층 구조
- 레이블링
- 내비게이션
3. 화면 레이아웃 구성
1) 헤더
- 페이지 상단
- 로고, 홈, 회원가입, 로그인, 마이페이지, 장바구니 검색 등 메뉴 위치
2) LNB
- GNB 하위 계층의 서브 메뉴 영역
3) 콘텐츠 영역
4) 푸터
- 페이지 최하단 위치
- 회사명, 전화번호, 사업자 등록번호, 이용약관 등
4. SB (Story Board)
1) 화면 설계서
2) 화면 구성, 내용, 흐름, 동작 방식, 기능을 설계하고 정의하는 것
3) 각 화면 상세 설계를 통해 가이드라인 역할 수행
4) 구체적인 디자인 작업 이전 프로토타이핑 작업
5) 프로젝트에 참여하는 모든 구성원들과의 효과적인 커뮤니케이션을 하기 위해서 필요함
5. SB의 구성
1) 서비스 흐름도
- 회원가입, 로그인, 결제와 같은 각각의 메뉴와 상세 프로세스를 파악할 수 있는 서비스 흐름도가 표시
2) 화면 설계'개발자 수업 > HTML5' 카테고리의 다른 글
9. CSS 기본 문법3 (0) 2021.12.20 7. BS (웹스톰) (0) 2021.11.04 6. CSS 기본 문법2 (0) 2021.11.02 HTML5/src/main/webapp/lab03 (0) 2021.11.02 5. CSS 기본 문법 (0) 2021.11.01