'와이어프레임' 태그의 글 목록

(공지사항 필독!) 정보처리 산업기사를 공부하며 UI 설계 도구에 대해 학습한 내용을 정리한다. 정보처리산업기사를 준비하는 사람이 아니더라도 도움될 내용이니 참고하자. UI 설계 도구 와이어프레임(wireframe) 페이지에 대한 개략적인 레이아웃, UI 요소 등에 대한 뼈대를 설계하는 구조 페이지의 영역 구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계 ex. 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 목업(Mockup) 와이어프레임보다 좀 더 실제 화면과 유사하게 만든 정적인 모형 시각적으로 구성 요소를 배치하는 것, 실제 구현 x ex. 파워 목업, 발사믹 목업 스토리보드(StoryBoard) 와이어프레임에 콘텐츠에 대한 설명, 페이지 간 이동 흐름 추가한 문서 서비스 구축을 위한 ..