본문 바로가기
국비/HTML&CSS

UI 설계_개념

by haheaven 2021. 10. 7.

 

- 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

댓글