Yu_DW :) YuDW

4. 매체성 구성 요소 제작하기 4-1. 매체별 디자인 제작 및 표준화 • 다양한 매체의 특성에 따른 구성 요소를 디자인할 수 있다. • 매체의 다양성을 반영한 해상도, 파일포맷파일 포맷 환경을 고려하여 디자인 할 수 있다. • 매체의 특성을 이해하고 범용성·공용성을 지켜 다양한 디바이스(device)가 요구하 는 표준화를 적용할 수 있다. 01. 매체별 디자인 1. 픽셀(pixel) 픽셀(pixel)은 picture element의 약자로, 디지털 이미지를 이루는 가장 작은 단위의 사각형 점을 의미한다. picture(그림)와 element(원소)를 합성한 단어이기 때문에, 우리나라에서는 ‘화소(畫素)’라 부르기도 한다. 2. 해상도 해상도란 그래픽 화면을 표시하는 장치의 정밀도, 즉 화면을 구성하는 ..

3. 사용성 구성 요서 제작하기 3-2. UX 구성 요소 적용 • 사용자 경험에 따른 반응, 시간, 데이터를 활용하여 시각적 변화를 예측할 수 있다. 01. UX(user experience, 사용자 경험) UX(user experience), 즉 사용자 경험이란 사용자가 제품이나 시스템을 이용하면서 얻게 되는 느낌이나 생각 등을 포함한 모든 측면에서의 총체적 경험을 의미한다. 여기서의 경 험은 단순히 지각적 경험만을 의미하는 것이 아니라, 지각 전반에 걸쳐 사용자가 참여하 고 사용하고 관찰하며 상호 교감을 통해 누적되는 가치 있는 경험을 의미한다. 사용자 경 험은 제품·시스템에 대한 사용자의 느낌과 생각에 관한 것이기 때문에 본질적으로 주관 적 특성을 지닌다. 사용자 경험의 목표는 사용자의 요구에 부합..

3. 사용성 구성 요서 제작하기 3-1. UI 구성 요소 제작 • 프로젝트 분석·설계에 따른 사용자 환경을 디자인하고 구조화할 수 있다. • 사용성을 고려하여 시각적 특성에 맞게 콘텐츠를 구성할 수 있다. 01. UI 제작의 원칙 인터페이스(Interface)란 두 개체가 만나는 접점에서 상호 간의 소통을 위하여 만들어진 매 개체, 즉 소통하는 통로를 의미한다. 특히 사용자와 디지털 기기·디지털 시스템이 상호작 용할 수 있도록 하는 물리적·가상적 매개체를 사용자 인터페이스(UI, User Interface)라고 하는데, 사용자가 디지털 기기·시스템을 조작할 수 있게 하는 ‘입력장치’와 사용자가 입력한 것의 결과를 표시하는 ‘출력장치’로 구성된다. 사용자 인터페이스를 제작하기 위해 고려해야 하는 원칙은 다..

심미성 구성 요소 제작하기 2-1. 심미적 요소 표현 • 서비스, 제작물의 통합적인 아이덴티티를 고려하여 기획된 콘텐츠와 디자인 가이드 를 조합할 수 있다. • 전체적인 시각적 요소인 균형과 조화를 이용하여 심미적 요소가 가미된 조형성을 표현할 수 있다. • 동일 계열의 유사브랜드나 경향을 분석하여 전략적인 비주얼 콘셉트를 확보할 수 있다. 시각 인터페이스의 심미적 요소 인간은 주변의 데이터나 언어 등의 정보를 시각적 요소로 변환하여 생각하는 특징을 지니 고 있다. 따라서 정보의 시각화를 통하여 정보를 효율적이고 직관적으로 이해할 수 있도 록 구성하는 것이 중요하다. 시각화 시각화(visualization)란 언어나 수치로만 된 정보를 마음속에서 그림이나 이미지 등의 형태 로 바꾸어 사고하는 과정을 뜻한..

스토리보드 제작하기 1-1. 와이어 프레임 작성 • 인터페이스(interface) 필요 요소와 항목들을 분석하여 요소별 적용할수 있다. 와이어 프레임 작성을 위한 도구 핸드 드로잉 종이와 펜을 이용하여 손으로 자유롭게 그린다. 종이는 무선 노트를 이용할 수도 있지만, 가로세로 격자선이 그어진 모눈종이를 사용하는 것이 레이아웃을 잡거나 구성 요소를 배 치하기에 편리하다. 최근에는 웹 브라우저와 모바일 기기 프레임이 프린트되어 있는 스케치 노트, 다양한 기 능 버튼이 새겨진 모바일 기기별 스텐실(stencil), 픽셀 자 등이 출시되어 더욱 편리하게 핸드 드로잉을 할 수 있다. 최근에는 웹 브라우저와 모바일 기기 프레임이 프린트되어 있 는 스케치 노트, 다양한 기능 버튼이 새겨진 모바일 기기별 스텐실(ste..

UI 구성요소 설계 • 사용자 환경에 적합하도록 시각적으로 구조화할 수 있다. • 시각적 특성에 맞게 콘텐츠를 구성할 수 있다. • 사용자 경험에 따른 데이터를 활용하여 시각적 변화를 예측할 수 있다. 1. 사용성(Usability) 사용성이란 사용자가 제품·시스템에 대한 사용 방법을 얼마나 빠르고 쉽게 배울 수 있는 지, 얼마나 편리하고 효율적으로 사용할 수 있는지 등과 같은 사용의 용이성을 의미한다. 사용성은 사용자 인터페이스를 설계할 때 가장 우선적으로 고려해야 할 뿐만 아니라 인터 페이스 디자인을 평가하는 핵심 요소가 된다. 따라서 사용성은 배우고 사용하고 기억하기 가 쉬워야 한다. 실수를 일으키지 않고, 원하는 목적을 효율적으로 달성하여 개인적 만족 감, 성취감이 높아야 하며 사용자의 경험과 직..

디자인 가이드 구성 • 서비스, 제작물의 통합적인 아이덴티티를 고려하여 디자인 가이드를 조합할 수 있다. • 디자인 요소 중 심미적 요소를 활용하여 조형적 아름다움을 표현할 수 있다. • 트렌드 분석을 통해 전략적인 콘셉트를 확보할 수 있다. 1. 콘셉트과 트랜드 1.1 디자인 리서치(Design Research) 디자인을 기획하기 전에 과학적 연구의 방법과 도구를 기반으로 자료를 수집하고 분석하 는 활동이다. 영국 왕립예술대학의 크리스토퍼 프레이링(Sir Christopher Fryling) 경은 디 자인 리서치를 3가지의 중요 분류로 제안하였다. 디자인에 투입되는 리서치 전통적이고 역사적이며 심미적인 디자인과 예술에 대한 연구 활동을 말한다. 디자인을 통한 리서치 프로젝트 중심의 소재와 개발을 포함하..

정보설계 • 프로젝트 관련 디자인 개발에 필요한 요소를 파악할 수 있다. • 인터페이스(interface) 필요 요소와 항목들을 분석할 수 있다. • 전체적인 와이어 프레임(wire frame)을 작성할 수 있다. 1. 디자인 가이드를 위한 스토리보드 1.1 스토리보드의 구성 • 스토리보드는 표지, 개정 이력, 화면 설계, 서비스 흐름도의 구성으로 하며, 프레임의 사 용 여부와 메뉴의 구성 위치, 콘텐츠의 위치 등 전체적인 화면 구성을 보여 주어야 한 다. 이 때 메뉴 구성을 포함한 페이지의 구성은 디자인 요소 중 아주 중요한 부분을 차 지하게 된다. • 각 페이지의 정보를 요약하며, 저장될 디렉터리, 파일 이름, 페이지 타이틀 등을 메모하 듯이 작성한 후 링크 정보를 정리하여 작성하고 다양한 방법으로 ..