UI 디자인 가이드에 대한 이해 UI 제작을 위하여 GUI 디자인 가이드를 이해하고 이를 기반으로 구현 가능성 여부를 검토할 수 있다. 구현 환경에 따라서 구체적인 UI 프로세스의 이해와 설계 변경 여부를 파악할 수 있다. 1. UI 디자인 가이드의 필요성 UI 디자인 시, UI에 적용되는 프로젝트 및 서비스를 정확하게 이해해야 사용자의 요구에 부합하고 만족도 높은 결과물을 만들어 낼 수 있다. 이때, 디자이너가 설계한 이미지와 구 성을 개발자가 이해할 수 있는 형태의 문서로 개발자에게 전달해야 일관성 있고 사용자 만족도가 높은 최종 결과물이 나올 수 있으므로, 상세하고 일관된 UI 디자인 가이드가 필 요하다 2. UI 디자인 가이드의 개요 (1) 정의 UI 디자인 가이드란, 디자이너가 프로젝트 및 서비..
UI 표준 관련 기준 파악 UI 구현 표준의 정의 UI 구현 표준은 사용자의 사용성 향상과 개발자의 개발 효율성을 높이기 위하여 프로젝트 초기에 정의한다. 화면 간에 공통으로 구성되는 화면구성(예: 내비게이션, 고정영역, 가변 영역) 및 화면요소(예: 버튼, 폰트 등의 크기 및 색상)에 대하여 최소한으로 정의해 두는 공통 규격이다 UI 구현 표준의 구성 요소 1. UX 원칙 시스템 및 제품의 UX는 사용자 제어가 가능하고, 사용자와 편리한 상호작용이 가능하며, 사용자의 시행착오를 최소화할 수 있는 원활한 사용성을 제공하고, 일관성 높은 인터페이 스를 제공 시 직관적이고 예측 가능한 기능 및 서비스 제공이 가능해야 한다.. (1) 사용자 제어 가능한 인터페이스 (2) 편리한 상호작용 (3) 사용자의 원활한..
UI 저작도구 파악 개발환경에 적합한 저작도구를 파악할 수 있다. UI 개발환경 파악 1. WEB 개발환경(JSP 기준) 파악 WEB 애플리케이션 개발을 위해서 구축해야 하는 개발환경을 파악한다. 보통 자바 실행을 위한 JDK(Java Development Kit), 자바와 JSP(Java Server Page) 통합 개발을 위한 Eclipse (자바 개발 프로그램), JSP로 구축된 웹사이트 파일을 실행시켜 주는 엔진 역할의 톰캣 (Tomcat)을 개발 환경에 설치한다. 2. App 개발환경 파악 App이 실행될 운영체제는 대체로 디바이스에 따른 안드로이드와 iOS로 구분된다. 안드로 이드는 구글에 의해 개발되고 배포되는 운영체제이며, iOS는 애플의 스마트기기에 내장되 어 있는 운영체제이다. 스마트기..
UI 화면 제어기능을 어떤 방법으로 할 것인지 선택할 수 있다. 자가 검증을 위하여 단위별 상세 체크리스트를 작성할 수 있다. UI 구현 표준에 따라서 GUI 디자인 가이드를 기반으로 UI를 제작할 수 있다. UI 개발환경 수립 1. UI 디자인 및 퍼블리싱 환경 수립 UI 제작을 위하여 시스템의 목표 및 범위에 따라 그래픽 저작도구 및 퍼블리싱 도구를 PC에 설치하여 이미지로 만들고, HTML 및 CSS로 웹 문서화하는 퍼블리싱을 수행한다 2. UI 개발환경 수립 제작된 이미지와 퍼블리싱된 파일을 개발하기 위하여 Web 및 App 환경의 엔진 및 통합 개발도구를 설치한다. UI 제작 1. UI 디자인 가이드 숙지 제작될 UI의 공통 규칙(네이밍 규칙, 폰트, 색상 등) 및 리소스 내용(레이아웃, 내비게..