웹디자인
IT 위키
Web Design
웹사이트의 화면 구성, 시각 요소, 사용 흐름을 설계하는 일
- 스토리보드 : 화면 흐름과 각 화면의 구성 요소, 동작을 정리한 문서. 개발자에게 전달되는 기준 산출물이다.
- 와이어프레임 : 배치와 구조만 선으로 표현한 밑그림
- 목업(Mockup) : 실제와 비슷한 시각 디자인을 입힌 정적 화면
- 프로토타입 : 실제로 눌러 볼 수 있는 동작 시제품
- 반응형 웹 : 화면 크기에 따라 배치가 바뀌도록 설계한다. 미디어 쿼리를 사용한다.
- 웹 접근성 : 장애인과 고령자도 이용할 수 있도록 대체 텍스트, 키보드 조작, 명도 대비를 확보한다. 국내에서는 KWCAG 를 따르며 공공기관은 법적 의무다.
- 웹 표준 : 특정 브라우저에 종속되지 않도록 HTML·CSS 표준을 지킨다.
- 사용성(Usability) : 적은 학습으로 목표를 달성할 수 있게 한다.
- 직관성 : 누구나 쉽게 이해하고 사용할 수 있어야 한다
- 유효성 : 정확하고 완전하게 목표를 달성할 수 있어야 한다
- 학습성 : 쉽게 배우고 익힐 수 있어야 한다
- 유연성 : 사용자의 요구를 최대한 수용해야 한다
