UI 6

UI 상세 설계

정보처리기사 화면 설계의 UI 상세 설계에 대해 알아보겠습니다.UI 상세 설계 UI 상세 설계는 UI 설계서를 바탕으로 실제 설계 및 구현을 위해 모든 화면에 대한 자세한 설계를 진행하는 단계로, UI 상세 설계를 할 때는 반드시 시나리오를 작성해야 합니다.UI 시나리오 문서는 사용자 인터페이스의 기능 구조, 대표 화면, 화면 간 인터랙션의 흐름, 다양한 상황에서의 예외 처리 등을 문서로 정리한 것UI 시나리오 문서에는 사용자가 최종 목표를 달성하기 위한 방법이 순차적으로 묘사됨 UI 설계자 또는 인터랙션 디자이너가 UI 시나리오 문서를 작성하면 그래픽 디자이너가 시나리오를 바탕으로 디자인을 하고 개발자가 UI를 구현한다  UI 시나리오 문서 작성 원칙개발자가 전체적인 UI의 기능과 작동 방식을 한눈에 ..

UI 프로토타입 제작 및 검토

정보처리기사 화면설계 UI 프로토타입 제작 및 검토에 대해 알아보겠습니다.UI 프로토타입의 개요 프로토타입은 사용자 요구사항을 기반으로 실제 동작하는 것처럼 만든 동적인 형태의 모형으로, 테스트가 가능합니다.프로토타입은 사용자의 요구사항을 개발자가 맞게 해석했는지 검증하기 위한 것으로, 최대한 간단하게 만들어야 한다.프로토타입은 일부 핵심적인 기능만을 제공하지만 최종 제품의 작동 방식을 이해시키는데 필요한 기능은 반드시 포함되어야 한다.사용자의 요구사항의 모두 반영될 때까지 프로토타입을 계속하여 개선하고 보완해야 한다.프로토타이핑 및 테스트를 거치지 않고는 실제 사용자와 제품 간의 상호 작용 방식을 예측하기 어려우므로 실제 사용자를 대상으로 테스트하는 것이 좋다. UI 프로토타입의 장, 단점장점 사용자를..

정보처리기사 UI 요구사항 확인

정보처리기사 필기에 나오는 화면 설계의 UI 요구사항에 대해 간략하게 알아보겠습니다. UI 요구사항 확인 UI 요구사항 확인은 새로 개발할 시스템에 적용할 UI 관련 요구사항을 조사해서 작성하는 단계로,다양한 경로를 통해 사용자의 요구사항을 조사하고 분석한 후 작성해야 합니다. UI 요구사항 확인 순서는 다음과 같다. 목표 정의 -> 활동 사항 정의 -> UI 요구사항 작성 목표 정의 목표 정의 단계에서는 사용자들을 대상으로 인터뷰를 진행한 후 사용자들의 의견이 수렴된 비즈니스 요구사항을 정의합니다.인터뷰를 통해 사업적, 기술적인 요구사항을 정확히 이해합니다. 인터뷰 진행 시 유의사항인터뷰는 가능하면 개별적으로 진행한다.가능한 많은 사람을 인터뷰하여 다양한 의견을 수렴하되, 다수의 의견으로 인해 개..

정보처리기사 UI 설계 도구

정보처리기사 필기에 나오는 화면 설계의 UI 설계 도구에 대해 간략하게 알아보겠습니다. UI 설계 도구 UI 설계 도구는 사용자의 요구사항에 맞게 UI의 화면 구조나 화면 배치 등을 설계할 때 사용하는 도구로,종류에는 와이어프레임, 목업, 스토리보드, 프로토타입, 유스케이스 등이 있다.UI 설계 도구로 작성된 결과물은 사용자의 요구사항이 실제 구현되었을 때 화면은 어떻게 구성되는지, 어떤 방식으로 수행되는지 등을 기획단계에서 미리 보여주기 위한 용도로 사용된다. 와이어프레임(Wireframe) 와이어프레임은 기획 단계의 초기에 제작하는 것으로, 페이지에 대한 개략적인 레이아웃이나 UI 요소 등에 대한 뼈대를 설계하는 단계입니다. 와이어 프레임을 제작할 때는 각 페이지의 영역 구분, 콘텐츠, 텍스트 배치 ..

정보처리기사 UI 표준 및 지침

정보처리기사 화면 설계의 UI 표준 및 지침을 간략하게 알아보겠습니다.UI 표준 및 지침UI 표준과 지침을 토대로 기술의 중립성( 웹 표준), 보편적 표현 보장성(웹 접근성),기능의 호환성( 웹 호환성)이 고려되었는지 확인합니다.UI 표준 시스템에 포함된 모든 UI에 공통적으로 적용될 내용으로 화면 구성이나 화면 이동 등이 포함된다. UI 지침UI 요구사항, 구현 시 제약사항 등 UI 개발 과정에서 꼭 지켜야 할 공통의 조건을 의미한다. 한국형 웹 콘텐츠 접근성 지침 한국형 웹 콘텐츠 접근성 지침은 장애인이 비장애인과 동등하게 접근할 수 있는 웹 콘텐츠의 제작 방식을 제시합니다.한국형 웹 콘텐츠 접근성 지침의 목접은 웹 콘텐츠 저작자, 웹 사이트 설계자 등이 접근성이 보장된 웹 콘텐츠를 쉡게 제작할 수 ..

Unity 2D 텍스트와 씬에 대해 알아보자(1)

저번 시간에는 물체에 적용하는 물리적 현상 중력이나 충돌 등에 관한 부분을 처리하는 콜라이더, 트리거, 콜리전에 대해 알아보았습니다.이번 시간에는 UI에를 통해 인터페이스를 생성해 보고 UI 시스템을 구성하는 시간을 갖아보도록 하겠습니다.  Unity 2D 물리 레퍼런스에 대해 알아보자저번 시간에는 3D 모델이나 오디오 파일, 이미지 등 외부에서 생성한 파일을 가져올 수 있는 에셋과캐릭터, 배경화면 등 애니메이션 설정 가능한 애니메이션 클립, 컨트롤러에 대해 알아보았었tangent0426.tistory.com  텍스트 텍스트 개요 UI(사용자 인터페이스)개요UI 시스템을 통해 사용자 인터페이스를 신속히 직관적으로 만들 수 있음Unity UI 안에는 다양한 Unity UI 시스템의 주요 기능이 있음캔버스(..

Unity/Unity 2D 2024.09.11