본문 바로가기

분류 전체보기3892

★ 해당 카테고리는... 해당 내용은 웹 및 모바일 기획 및 디자인에 처음 입문하는 학생 및 초보 기획자를 대상으로 작성된 내용입니다. 이에 일부 용어는 한글화 또는 쉽게 풀어 사용되었습니다. 또한 일부 서비스의 경우 기획 의도와는 다르게 설명을 위한 목적으로 분석된 내용들도 있습니다. 이점 고려하여 내용을 이해해 주시기 바랍니다. 2011. 1. 6.
(1/2) 뉴 미디어 디자인의 기본요소 - 스마트폰/태블릿 PC를 중심으로... 1. 뉴미디어디자인의 개념 1) 뉴미디어 정의 전통적인 개념의 디자인 은 크게 인쇄매체(신문, 잡지, 책 등)와 전자매체(TV, 라디오 등) 디자인으로 정의되었다. 불과 몇 년 전 까지는 위에서 언급한 매체를 제외한 다른 device상에서 구현되는 서비스를 뉴미디어 (인터넷 등)로 정의하였으나, 최근 스마트폰, 태블릿 등의 새로운 device가 등장하면서 뉴 미디어에 대한 정의가 다시 이루어지고 있다. 이번 단원에서 정의하는 뉴 미디어는 최근 2~3년 사이에 새로 출시되었거나 각광받고 있는 device를 기반으로 기존매체와의 디자인적인 특징과 차이점을 정의 하고자 한다. 또한 학습할 부분도, 스마트폰, 태블릿PC 등을 중심으로 언급하고자 한다. 2) 뉴미디어 디자인의 특징 (1) 쌍방향성/상호작용성 뉴미.. 2011. 1. 6.
(2/2) 뉴 미디어 디자인의 기본요소 - 스마트폰/태블릿 PC를 중심으로... (4) 개인화 불특정 다수를 대상으로 배포되는 기존의 미디어와 다르게 뉴미디어의 경우에는 이용자 개개인에 맞추어 페이지가 구성되거나 서비스가 제공된다. 뉴미디어 디자인의 경우 이와 같은 특장점을 고려하여 디자인에 반영하여야 한다. 아래 네이버어세 제공하는 ‘네이버 me’서비스의 경우 개인화된 서비스를 중심으로 페이지를 구성하여 제공한다.이를 통하여 초기페이지에서 개인화된 서비스에 대한 접근성을 높이고 이용자의 만족도를 극대화 할 수 있다. 아래 이미지는 IP-TV에서 개인화 기능에 대한 예시이다.이용자가 방송을 시청하면서 자주보는 채널이나 콘텐츠를 등록할 수 있으며, 초기 화면에서 해당 목록에 바로 접속이 가능하게 구성되어 있다. 이러한 특징은 기존의 올드 미디어에서는 구현할 수 없는 기능이며, 많이 사.. 2011. 1. 6.
(1/3) 뉴미디어 UI의 개념 - Bar : The Status Bar, Navigation Bar, Tool Bar, Tap Bar 1. 개요 최근 스마트폰과 태블릿 PC의 보급이 급속화 되면서, 해당 디바이스에 대한 UI의 중요성이 대두되고 있다. 해당 디바이스의 경우 기존 PC에서 사용하는 방식과 큰 차이를 느끼지 못하지만, 해당 기기에 최적화된 차별화된 UI 요소들이 지원되고 있다. 여기에서는 스마트폰과과 태블릿PC에서 구현되는 주요한 UI구성에 대하여 학습하고, 해당 요소들이 어떠한 개념을 가지고 서비스에 적용되는지를 학습하도록 한다. 2. Bar 1) The Status Bar 상태바는 해당기기의의 중요한 정보 및 상태를 보여주는 바이다. 아래와 같이 전화 및 무선접속 상태, 베터리 잔량, 현재 시간 등 해당 기기를 사용하면서 이용자가 꼭 알아야 하는 중요한 정보를 제공하는 부분이다. 아래 이미지는 아이패드와 아이폰, 옵티머.. 2011. 1. 6.
(2/3) 뉴미디어 UI의 개념 - Content Views 1 : Popover, Split View, Table View 1) Popover 팝오버는 사용자가 어플리케이션을 이용하는 과정에서 네비게이션 바의 컨트롤 버튼을 클릭하거나 화면에서 지정된 링크를 클릭 하였을 때 기존 화면위에 오버되어 출력되는 기능이다. 해당 기능은 아이패드 등 태블릿 PC에서만 지원되며, 기존 스마트 폰 사용시 반복적으로 화면을 오고가는 불편을 해결해 주는 기능이다. 오른쪽 이미지는 일정을 입력하는 과정에서 반복기능을 호출하는 화면이다. 배경에 일정이 출력되어 있는 상태에서, 어떠한 주기로 일정을 반복할까에 대한 옵션을 팝오버로 출력해 주고 있다. 이러한 기능을 통하여 메인화면이 유지된 상태에서 각각의 옵션을 쉽게 호출하고 닫을 수 있는 UI를 제공한다. 또한 팝오버 화면에서는 아래와 같이 테이블, 이미지, 지도, 텍스트, 웹 등의 다양한 구성물.. 2011. 1. 6.
(3/3) 뉴미디어 UI의 개념 - Content Views 2 & Controls : Alert, Action Sheet, Modal View 4) Alert 경고창은 어플리케이션이나 기타 서비스를 이용하는 과정에서 사용자 주의를 요하는 경우 또는 추가 옵션이나 기능을 제공하고 이용자가 이를 인지하거나 선택 할 수 있도록 하는 기능이다. 기능적으로 해당 창은 화면의 중앙에 위치하도록 배열하며, 이용자가 이를 확인(해지)하기 전에는 현재 실행중인 응용 프로그램을 사용할 수 없게 구성한다. 또한 경고창의 내용은 가능하면 짧고 간결하게 제공되어야 한다. 오른쪽 하단의 이미지와 같이 긴 문장의 경고문은 피해야 한다. 통상 한줄에서 두줄로 간결하게 내용이 제공되어야 한다. 5) Action Sheet 액션 시트는 사용자가 실행한 작업과 관련하여 기능을 선택할 수 있도록 구성한 세트를 정의한다. 엑션 시트의 경우 아이폰과 아이패드에서 구현되는 방식과 디자.. 2011. 1. 6.

티스토리툴바