ekqld12 마붕

와이어 프레임 작성 • 인터페이스(interface) 필요 요소와 항목들을 분석하여 요소별 적용할 수 있다. 1. 와이어 프레임의 개념 와이어 프레임(wire frame)이란 실제로 디자인을 진행하기 전에 화면에 표시될 구성, 정보 체계, 기능, 콘텐츠에 대한 전체적 레이아웃을 간단한 선(wire)으로 단순하게 표현한 스케 치를 의미하며, 색상, 타이포그래피, 이미지 등의 정보를 최소화하여 도식(schematic), 청사 진, 프로토타입(prototype) 형식으로 보여 줄 수 있다. 와이어 프레임은 그래픽 요소나 시 각적 요소의 표현보다는 계층 요소의 구현을 중심으로 표현해야 한다. 2. 와이어 프레임 작성 와이어 프레임을 작성할 때에는 웹 브라우저, 모바일 웹 등 다양한 매체의 화면 비율을 고려하여 ..

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

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

문화콘텐츠앱 UX 디자인 전략 앞서, 학습한 내용과 같이 디자인 분야별로 사용자가 추구하는 가치와 니즈를 반영할 수 있도록 다음과 같이 인터랙션 디자인 전략, 정보디자인 전략, 비주얼 디자인 전략을 수립하여 본다. 1. 인터랙션 디자인 전략 퍼소나가 앱과의 상호작용 과정에서 경험할 수 있는 대표적인 인터랙션 디자인의 문제점들에는 다음과 같은 것들이 있을 수 있다. (1) 복잡한 입력, 출력 환경 퍼소나가 원하는 콘텐츠에 접근하고자할 때 많은 단계의 입력과 조작을 요구하거나 콘텐츠 출력 과정이 간단, 명료하지 않을 경우, 너무 많은 선택지를 제공하는 등의 상호작용 방식은 사용 편의를 떨어뜨리는 요인이 될 수 있다. (2) 조작 방법의 어려움 퍼소나가 한눈에 보고 조작법을 알 수 있도록 해야 하고, 인터랙션..

UI : User Interface 1. UI는 인터페이스 즉, 정보보기나 사용자가 앱을 사용할 때 마주하는 화면의 디자인, 레이아웃, 기술적인 부분 등 사람과 접하는 면을 설계하는 것을 의미합니다. 2. 누구에게나 편리하고 아름답고 유용한 소프트웨어, 즉 보편성을 지향합니다. 3. 과학적 엄밀성을 위하여 정량조사를 중시합니다. 4. 보편적 인간을 모델로 "분석" 합니다. UX : User Experience 1. UX(사용자 경험)는 소프트웨어를 사용하는 사용자의 경험 즉, "느낌", "태도", "행동"을 의미합니다. 2. 기능의 제거나 제약에 따른 개성있는 소프트웨어를 만들기 위해 특정한 사람만 만족시키는 주관성을 지향합니다. 3. 개별정황의 차이가 잘 드러나는 정성조사를 중시합니다. 4. 특정 사용..

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

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

아이디어 시각화 • 아이디어를 시각화하기 위한 디자인 기획을 바탕으로 스케치를 할 수 있다. • 아이디어 스케치한 결과물을 구현이 가능하도록 설명할 수 있다. 1. 아이디어 발상법 창의성의 발현을 돕기 위해 개발되어 있는 다양한 발상 방법들은 다음과 같다. 1.1 브레인스토밍법 특정한 주제 또는 문제에 대해 참여자 모두가 아이디어를 사전 조율 없이 그대로 내놓는 방법이다. 집단적 사고의 전형적인 형태인 이 방법에서 전제하고 있는 기본 가정은 사고의 양이 질을 결정한다는 것이며, 양적으로 축적된 아이디어를 목록별로 정리하고, 발전시켜 최종 산출물을 얻는다. 1.2 체크 리스트 기법 어떤 일을 생각할 때 누락되는 것이 없도록 하나씩 체크해 가기 위한 알림표를 가리킨다. 체크리스 기법은 다양한 분야에서 활용할..