OS 플랫폼 특성 파악 OS 플랫폼에 따른 UX의 특성을 파악하여 정보구조를 설계할 수 있다. 1. 모바일 UX의 특성 이해 정보구조 설계 과정에 있어서 실제 개발할 UI의 구조도를 작성하기 전에 고려해야 할 사항은 모바일 소프트웨어의 UI/UX에 대한 특성 이해와 모바일의 UI/UX 디자인 원칙, OS 플랫폼 별 모바일 앱의 UI/UX 디자인 가이드라인에 대한 이해가 필요하다. 모바일 소프트웨어의 UX 모바일 환경에 적합한 사용자 경험 디자인을 하기 위해서는 사용자가 앱을 이용하여 달성하고자 하는 목적과 그에 따른 사용자의 행동패턴과 니즈를 발견하여, 그것을 UI 디자인에 담아내는 디자인 과정이 요구된다. 모바일에서 사용자 경험이 유독 강조되는 이유는 첫째, 작은 화면에서 서비스를 이용해야 한다는 점과..
정보설계 구성 앱 UI/UX 디자인 개발에 필요한 요소를 기반으로 전체적인 정보설계를 구성할 수 있다. 정보설계 정보설계의 목적은 사용자와 앱의 상호작용을 원활하게 하여, 사용자가 원하는 정보를 쉽고 빠르게 찾을 수 있도록 하는데 있다. 사용자 요구사항으로부터 도출된 콘텐츠와 기능 구조를 바탕으로 하여, UI 구조와 내비게이션(navigation), 레이블링(labeling) 체계를 정립하는 과정이다. 1976년 정보설계(Information Architecture, IA)라는 개념을 처음으로 언급한 리처드 사울 워먼(Richard Saul Worman)은 정보설계를 “데이터를 사람들이 이해할 수 있는 정보로 바꾸는 것.”이라고 정의하였다. 1. 정보설계의 정의 정보설계가인 루이스 로젠펠드(Louis R..
이미지 아트웍 ·의뢰 사양에 반영할 매체를 확인하고, 기본 시안과 변형 시안의 범위를 계획할 수 있다. ·매체별 특성을 이해하여, 다양한 레이아웃으로 시안을 표현할 수 있다. ·설정된 콘셉트를 유지하면서 다양한 베리에이션을 구현할 수 있다. 디지털 이미지의 구현 픽셀(Pixel) 파악 픽셀은 컴퓨터 모니터에서 시각 형상을 구성하는 최소 단위로서 ‘화소(Picture element)’를 가리키는 개념으로서 ‘실사 이미지’를 형성한다. 이때 이미지는 픽셀로 구성되어 있다. 비트맵 이미지를 구현하는 그래픽 소프트웨어에서 표현되는 이미지를 확대하여 보면, 정사각형의 픽셀들로 이루어져 있음을 알 수 있다. 모니터에서 픽셀은 수평축과 수직축의 좌표계로 표시되며, 그리드(Grid)를 형성한다. 디지털 이미지는 일정한..
시안 베리에이션 계획 · 응용시안 개발을 위하여 기초 자료를 수집·구분할 수 있다. · 설정된 콘셉트의 시각화를 위해 수집한 자료의 응용과 적합 여부를 판단할 수 있다. · 여러 가지 응용시안 개발을 위하여 수집한 자료별 시안 작업 방법을 계획할 수 있다. · 수집한 자료를 디자인 요소로 적용하여 응용 시안을 예상할 수 있다. 인쇄매체 시안 베리에이션 기획 시각디자인 결과물 제작을 위해서는 개발 팀 내에서 단계별로 클라이언트와 활발한 커뮤니케이션이 필요하다. 그중 시안 제작 단계에서는 단일 디자인 안을 제시하는 것이 아닌, 여러 가지 안을 제시하여 디자인 결정을 위한 논의가 진행 되어야 한다. 시안 제작 단계는 아이디어 스케치를 통해 디자인 콘셉트의 구체화를 거친 단계이므로 여러 시안들의 변화폭을 넓힐 ..
아트웍을 위한 컬러 계획 · 색이 전달하는 이미지를 활용하여 콘셉트에 적합한 색을 응용하여 보정할 수 있다. · 매체와 재료의 특성에 따른 응용된 색상을 구현할 수 있다. · 입체물 제작 시 평면디자인 전개에서 응용된 결과물을 예상하여 제작할 수 있다. 1. 아트웍을 위한 컬러계획의 개요 시각디자인 개발을 위한 아트웍 중 컬러 계획은 정보 커뮤니케이션을 위한 방안으로서, 콘셉트 구체화를 위한 연출 방안으로서 중요한 단계이다. 컬러는 매체 전체의 콘셉트와 아이덴티티를 조성하며 이미지와 텍스트 요소의 정보로서 체계와 위계를 구축하며 메시지와 분위기를 감성적으로 전달한다. 컬러 계획은 매체별 컬러 발색 특성에 대한 이해를 바탕으로 컬러를 통한 정보 구성 계획과 이미지 연출을 주된 계획으로 한다. 1.1 컬러 ..
타이포그래피 아트웍 · 준비된 자료를 바탕으로 디자인 콘셉트에 맞게 응용된 시안을 전개할 수 있다. · 응용된 시안을 바탕으로 디자인 전개의 순서와 방법을 정할 수 있다. · 디자인 소프트웨어를 활용하여 응용된 시안 이미지 구현을 할 수 있다. · 응용된 시안을 기반으로 타이포그래피를 사용할 수 있다. 1. 타이포그래피 아트웍의 개요 타이포그래피는 정보이자 이미지의 융합된 대상으로서 시각 커뮤니케이션 디자인을 위한 핵심적 역할을 담당한다. 타이포그래피(Typography)는‘활자를 주된 대상으로 콘셉트와 커뮤니케이션 목적에 맞도록 시각적 형태로 표현하거나 레이아웃하기 위한 방법’이라고 해석할 수 있다. 타이포그래피를 통해 텍스트 정보는 시각적 형태를 갖추게 되며, 이는 디자인 콘셉트를 직접적으로 구현하는..