Hanna's study ownnood

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

1. 콘셉트과 트랜드 1.1 디자인 리서치(Design Research) 디자인을 기획하기 전에 과학적 연구의 방법과 도구를 기반으로 자료를 수집하고 분석하 는 활동이다. 영국 왕립예술대학의 크리스토퍼 프레이링(Sir Christopher Fryling) 경은 디 자인 리서치를 3가지의 중요 분류로 제안하였다. (1) 디자인에 투입되는 리서치 전통적이고 역사적이며 심미적인 디자인과 예술에 대한 연구 활동을 말한다. (2) 디자인을 통한 리서치 프로젝트 중심의 소재와 개발을 포함하는 활동을 말한다. (3) 디자인을 위한 리서치 앞서 연구된 활동의 가치를 증명하는 활동을 말한다. 1.2 비주얼 콘셉트(Visual Concept) 디자인 리서치를 한 후 디자이너가 전달하고자하는 주제인 잘 표현될 수 있도록 여..

2020년 04월 09일 (목요일) "프로토타입 조별 첫번재 발표 PPT" 짧은 기간이였지만 조원들이 함께 단합해서 만족스러운 결과물이 나왔다!

2020년 04월 03일 (금요일) "UIUX 첫번째 발표 PPT" 자기소개 이후 처음한 발표여서 많이 떨렸지만 잘 마무리했당.

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

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

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

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