Study/Design21 디자인 프로세스 및 요구사항 정의 인터페이스 디자인 프로세스 1. 목적 및 디자인 컨셉을 설정한다. 만드는 이유와 컨셉이 무엇인지, 디자인과 개발은 언제부터 시작해서 언제까지 끝나야 하는지 등을 정한다. 2. 디자인 환경을 정의한다. 어떤 하드웨어와 소프트웨어의 플랫폼 환경에서 작업하는지, 어떤 디자인 시스템을 따르는지, 범위(전체 개발, 업데이트 등)는 어떻게 되는지 등을 정의한다. 3. 주요 기능과 정보구조(IA)를 정의한다. 주요 기능은 무엇인며 어떤 정보구조를 가지고 만들 것인지, 규제 사항은 있는지 등을 확인한다. 4. UI flow 작업을 진행한다. 어떤 flow로 진행되며 과업이 끝나는지, 어떤 구조로 만들어져야 하는지 등의 UI 디자인(UI design, Wireframing) 작업을 진행한다. 5. 개발자와 이해관계자(S.. 2022. 2. 20. 디자인 시스템 인터페이스 디자인이란? UI (User Interface Design, User Interaction Design)는 사용자가 시스템을 통해, 어떤 과업을 수행하기 위해 정보를 얻고 사용자가 원하는 것을 시스템에게 요구하기 위한 도구를 만드는것이라 할 수 있다. DOS에서 GUI로 발전하면서 UI 또한 점점 발전해 왔다. Tip. DOS와 GUI DOS : 시스템과 대화하기 위한 상호간의 이해할 수 있는 언어다. GUI(graphical user interface) : 타이핑을 통해 텍스트로 만들어서 입력해야했던 커멘드를 사용자가 눈으로 보고, 이해하고, 마우스를 이용한 액션을 통해 시스템을 작동할 수 있도록 그래픽으로 표현된 화면을 만든것이다. 이러한 발전을 통해 사용자들이 낮은 학습도를 가지고 더욱 .. 2022. 2. 19. 디자인 컨셉과 정보 구조 디자인 컨셉이란? 텍스트, 스케치, 이미지 등으로 이루어진 핵심 아이디어로서, 내가 생각하는 것이 무엇인지를 설명하는 방식으로 시각적인 문서나 다이어그램의 형태로 만든 것이라 할 수 있다. 예를 들어, 친구에게 미래의 학교는 어떻게 바뀔 것인지에 대해 '말'로 설명한다고 했을 때, 친구는 자신의 지식과 상상력을 바탕으로 생각을 하게 될 것이다. 이럴 경우 내가 전달하고자 하는 미래의 학교와 친구가 생각하는 미래의 학교 사이에 괴리가 생길 수 있다. 그렇기 때문에 컨셉을 설명할 때 정확한 표현, 문구, 상황, 시각적 자료를 사용해 설명하는 것이 중요하다. 우리가 만들고자 하는 것이 어떠한 것들이고 '이러한 디자인으로 나올 것이다'라고 추구하는 방향성을 보여주고 설명하기 위해서 컨셉 디자인을 작성하는 경우가.. 2022. 2. 18. UIUX 퍼소나 퍼소나란? '페르소나'라고도 부르며, 우리의 서비스 또는 제품의 대표 사용자를 의미한다. 우리 제품의 사용자가 누구인지 정의할 수 있으며, 사용자 전체가 퍼소나라 하더라도 그 안에 우선순위가 반드시 존재한다. 사용자의 모든 니즈 만족시킬 수는 없지만 우선순위에 따른 선택과 집중을 하는데 도움이 된다. 사용자의 관점에서 바라보며 생각할 수 있어서 디자인 의사결정과 커뮤니케이션에서 왜 그래야 하는지에 대한 기준이 된다. 그렇기 때문에 해석이 모호하지 않게 퍼소나를 정의할 때 지표를 정확히 정하는 것이 좋다. 퍼소나가 잘못된 정의되게 되면 그것을 바탕으로 결정된 의사결정들 또한 잘못될 수 있기 때문에 퍼소나는 신중하게 만들어야 한다. 한 페이지에 함축적으로 퍼소나의 정보들을 정리하는 게 일반적이다. 사용자 조.. 2022. 2. 17. 애프터 이펙트 컴포지션 생성 및 설정 컴포지션 생성, 설정 및 수정 애프터 이펙트에서 컴포지션은 세 가지 방법으로 생성할 수 있다. 1. 애프터 이펙트 실행 시 메인 화면에 보이는 '새 컴포지션' 버튼을 클릭한다. 2. 메뉴 바의 컴포지션 > 새 컴포지션(Ctrl+N) 3. 프로젝트 패널에 불러온 작업 파일을 하단의 '새 컴포지션 만들기' 아이콘으로 가져다 놓는다. 1, 2번으로 컴포지션 생성 & 화면 설정 1. 사전 설정 탭에서 원하는 해상도를 선택한다. 선택하는 옵션에 따라 폭, 높이, 픽셀, 프레임 속도 등이 자동으로 설정된다. Tip. 기본적으로 '종횡비를 16:9로 잠금' 항목이 체크되어 있다. 체크를 해제한 후 해상도의 폭, 높이를 원하는 데로 설정할 수 있으며, 임의로 변경할 경우 사전 설정 옵션이 '사용자 정의'로 자동 변경된.. 2022. 2. 16. 애프터 이펙트 & 작업순서 애프터 이펙트(After Effects)란? Adobe에서 개발한 디지털 모션 그래픽, 합성, 편집 소프트웨어이다. 비선형 영상 편집 및 광고 제작이나 애니메이션, 게임 등의 콘텐츠 제작에 사용되고 있다. '영상 버전의 포토샵' 이라고도 불리는데, 포토샵에서 사용하는 것과 비슷한 방식으로 영상을 편집 및 합성하는 것이 자유롭다. 애프터 이펙트는 기본적인 합성 작업뿐만이 아니라 모션 그래픽 분야에서 세계 공통으로 사용되고 있으며 웹 및 TV, 비디오, 영화 등에서 볼 수 있는 화려한 모션과 시각 효과의 대부분은 애프터 이펙트를 사용해 만들어졌다고 볼 수 있다. 애프터 이펙트는 월 구독료 24,000원으로 Adobe 홈페이지에서 연간, 월별 플랜을 선택해 구독을 진행할 수 있다. 만약 Adobe 사의 다른 .. 2022. 2. 16. 이전 1 2 3 4 다음
