김은정 lionfriends

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

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

‘저스트 워크 아웃' 무인결제 시스템은 소비자가 매장에서 물건을 집어 들고 나가면 자동으로 신용카드 등으로 결제 청구가 진행되는 것이 특징이다. 소비자는 결제를 위해 계산대에서 시간을 허비할 필요가 없고, 매장 운영사는 인건비를 줄이고 24시간 영업이 가능하다는 것이 장점이다.

UI는 사용자가 제품/서비스를 사용할 때, 마주하게 되는 면 입니다. 즉, 사용자가 제품/서비스와 상호작용할 수 있도록 만들어진 매개체인 것 이지요. 따라서 UI 디자인은 폰트, 칼라, 레이아웃과 같이 사용자가 마주하게될 시각적인 디자인을 말합니다. UX는 사용자 경험의 약자로, 사용자가 어떠한 서비스/ 제품을 직간접적으로 이용하면서 느끼는 종합적인 만족을 의미합니다. UX 디자인이란 사용자에게 만족스러운 경험을 제공하는 UI를 디자인 하는 것입니다. 즉, 사용자가 만족할 수 있도록 사용자 중심적으로 설계된 디자인이라고 볼 수 있습니다.

정보설계 • 프로젝트 관련 디자인 개발에 필요한 요소를 파악할 수 있다. • 인터페이스(interface) 필요 요소와 항목들을 분석할 수 있다. • 전체적인 와이어 프레임(wire frame)을 작성할 수 있다. 1. 디자인 가이드를 위한 스토리보드 스토리보드(Storyboard)란 본래 영화나 애니메이션, 광고와 같은 영상매체를 만들기 전, 주요 장면을 사진 혹은 일러스트와 같은 시각적 형태로 정리해 놓은 문서를 의미하며, 영상매체를 제작하는 과정에서 스텝들 간의 원활한 의사소통을 하기 위해 제작된 문서이다. 1.1 스토리보드의 구성 스토리보드는 표지, 개정 이력, 화면 설계, 서비스 흐름도의 구성으로 하며, 프레임의 사용 여부와 메뉴의 구성 위치, 콘텐츠의 위치 등 전체적인 화면 구성을 보여 주어야..

콘텐츠 수집 제작 제작을 위한 기초 자료를 수집하고 필요한 이미지, 동영상을 촬영하거나 화면을 디자인할 수 있다 이미지의 형식 1.1 pad 포토숍의 기본 포맷 방식이다. 이미지의 레이어, 채널, 패스 등으로 작업한 정보를 그대로 저장할 수 있으며, 수정, 보완, 재사용이 가능하도록 다양한 작업 정보를 갖지만 용량이 커지는 단점과 포토숍 프로그램이 없으면 이미지를 확인 할 수 없다는 단점이 있다 1.2 bmp 비트맵 이미지의 대표적 파일 형식으로 입출력 속도는 빠르지만 압축하지 않은 상태로 저 장되며 픽셀이라는 개별적인 점들의 집합으로 각 픽셀의 위치 및 색에 대한 정보가 담겨 져있다 1.3 jpeg 파일의 용량을 압축하여 크기를 줄이는 방식이지만 그만큼 화질의 손실을 보게 되는 압축 방식의 이미지이다...

아이디어 시각화 1. 아이디어 발상법 1.1 브레인스토밍법 특정한 주제 또는 문제에 대해 참여자 모두가 아이디어를 사전 조율 없이 그대로 내놓는 방법이다. 집단적 사고의 전형적인 형태인 이 방법에서 전제하고 있는 기본 가정은 사고 의 양이 질을 결정한다는 것이며, 양적으로 축적된 아이디어를 목록별로 정리하고, 발전시 켜 최종 산출물을 얻는다. 1.2 체크 리스트 기법 어떤 일을 생각할 때 누락되는 것이 없도록 하나씩 체크해 가기 위한 알림표를 가리킨다. 체크리스 기법은 다양한 분야에서 활용할 수 있지만, 특히 제품 발상에 적합환 아이디어 발상 기법이라고 할 수 있다. 1.3 마인드 맵핑법 두뇌 활동이 주로 핵심 개념을 상호 관련시키거나 통합하는 방식으로 이루어진다는 연구 결과를 바탕으로 하는 시각적 사고..

스토리보드 구성 프로토타입 제작을 위한 스토리보드 구성과 인터렉션, 모션그래픽 또는 애니메이션을 제작할 수 있다. 1. 스토리보드 주요 화면을 장면이나 그림, 사진으로 정리한 계획표를 말한다. 내용을 보는 사람이 이해할 수 있도록 그림으로 그려 정리한 판. 기획 단계에서 구체적인 시각화하는 도구로 쓰이 며 개발자간의 주요한 의사소통을 위한 중요한 도구로 쓰인다. 2. 모션그래픽 컴퓨터그래픽 프로그램을 이용하여 사진 또는 이미지들을 움직이거나 효과를 주고 카메라를 이용하여 움직임을 만들어내어 타이포그래피, 2D, 3D 애니메이션을 통해 광고 및 정보 전달을 위한 영상물로 활용되고 있다. 3. HTML 인터넷 서비스인 월드와이드 웹을 통해 볼수 있는 문서를 만들 때 사용하는 프로그래밍 11 언어의 한 종류이..