[정보처리 산업기사] UI 설계 도구

 

(공지사항 필독!)

 

정보처리 산업기사를 공부하며

UI 설계 도구에 대해

학습한 내용을 정리한다.

 

정보처리산업기사를 준비하는

사람이 아니더라도

도움될 내용이니 참고하자.

 

---

 

• UI 설계 도구
  • 와이어프레임(wireframe)
    • 페이지에 대한 개략적인 레이아웃, UI 요소 등에 대한 뼈대를 설계하는 구조
    • 페이지의 영역 구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계
    • ex. 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵
  • 목업(Mockup)
    • 와이어프레임보다 좀 더 실제 화면과 유사하게 만든 정적인 모형
    • 시각적으로 구성 요소를 배치하는 것, 실제 구현 x
    • ex. 파워 목업, 발사믹 목업
  • 스토리보드(StoryBoard)
    • 와이어프레임에 콘텐츠에 대한 설명, 페이지 간 이동 흐름 추가한 문서
    • 서비스 구축을 위한 정책, 프로세스, 콘텐츠 구성, 와이어프레임, 기능 정의가 들어있음.
    • ex. 파워포인트, 키노트, 스케치, Axure
  • 프로토타입(Prototype)
    • 와이어프레임이나 스토리보드 등에 인터랙션을 적용해 실제 구현된 것처럼 테스트가 가능한 동적인 형태의 모형
    • 종류
      • 페이퍼 프로토타입
        • 스케치, 그림, 글 등을 이용해 손으로 직접 작성하는 아날로그 방법
      • 디지털 프로토타입
        • 파워포인트, 아크로뱃, 비지오, 옴니그래플 등과 같은 프로그램을 사용하여 작성하는 방법
  • 유스케이스(Use Case)
    • 사용자의 요구사항을 기능 단위로 표현하는 것

 

---

오늘은 UI 설계 도구에 대해 학습했다.

오늘 하루도 재밌게 공부하자. 😍