- UI 설계
1. UI(User Interface)
: 사용자가 하드웨어나 시스템에 연결되는 과정에서 사용자의 편리성과 가독성을 높여 주기 위한 것
1) CLI(명령어 라인 인터페이스, Command Line Interface)
: 사용자와 시스템이 상호 작용을 하는 방식으로 명령과 출력이 텍스트 형태로 표현
2) GUI(그래픽 유저 인터페이스, Graphical User Interface)
: 사용자가 컴퓨터의 자원을 사용할 수 있도록 구성요소들이 그래픽 형태로 표현
3) NUI(자연어 유저 인터페이스, Natural User Interface)
: 몸짓, 말소리만으로도 IT 기기를 사용할 수 있는 사용자 인터페이스
2. 소프트웨어 아키텍처(Software Architecture)
: 소프트웨어 구성요소 중 외부에 드러나는 요소 특성과 요소들 간의 관계 표현한 것
3. 제약사항 (Constraints Requirements)
: 시스템을 설계하거나 구현할 때 관련되는 기술이나 표준, 규정들을 의미
4. UI 개발 도구 분류
1) 화면설계 : 파워포인트, 스토리보드, 와이어프레임, 목업 등
① 와이어프레임 : 기획 단계에서 페이지 레이아웃이나 화면 이동, 구성요소에 대한 내용을 기술한 문서
② 스토리보드 : 와이어프레임의 내용에 디스크립션 등을 포함한 설계 문서
③ 목업 : 설계 단계에서 실제 화면과 같은 형태의 모형
2) 프로토타입 : 인터렉션이 포함되어 테스트가 가능한 형태, 사용자와 개발자 간의 의사소통을 위한 수단
3) UI디자인 : 화면 모양, 기능 구현
'국비 > HTML&CSS' 카테고리의 다른 글
UI구현_개념 (0) | 2021.10.07 |
---|---|
CSS_flex와 float (0) | 2021.10.01 |
CSS_display (0) | 2021.10.01 |
HTML_form (0) | 2021.09.28 |
댓글