회원들이 가장 많이 본 디자인 뉴스
디자인 연구
페이스북 아이콘 트위터 아이콘 카카오 아이콘 인쇄 아이콘

디지털 제품의 GUI(Graphic User Interface) 디자인 가이드북 홍익대학교(최대석), 2003

디지털 제품의 GUI(Graphic User Interface) 디자인 가이드북
홍익대학교(최대석), 2003

주관기관 : 홍익대학교 미술디자인 공학연구소
위탁기관 : (주)아이디벤쳐
총괄책임자 : 최대석
위탁책임자 : 김종규
연구원 : 조성근, 최현민
위탁연구원 : 이병재
총사업기간 : 2002-09-01 ~ 2003-08-30

연구 목적

연구목표
디지털 제품에 관한 문헌 연구
디지털 제품의 GUI 디자인 가이드북의 개발방향 설정
디지털 제품의 GUI 디자인 원리
디지털 제품의 GUI 디자인 프로세스
디지털 제품의 아이콘 디자인 방법

목차
Ⅰ. GUI 디자인의 이해
1. UI의 개념
(1) 유저 인터페이스
(2) 유저 인터페이스 디자인
2. GUI의 개념
(1) GUI
(2) GUI 변천 과정
(3) 디자인에 있어서 GUI 적용의 필요성
(4) GUI의 기본 구성요소 및 기능
3. GUI 디자인의 개념
(1) GUI 디자인
(2) GUI 디자인 관련 이론적 모델
4. GUI 디자인에 관련된 인간공학적 요인
(1) 시각
(2) 시각표시장치의 유형과 특성
(3) 시지각
(4) RGB 컬러 모델과 CMYK 컬러 모델
Ⅱ. 디지털 제품의 이해
1. 디지털 기술의 특성
(1) 디지털 기술의 정의 및 특성
(2) 디지털 기술의 발전 방향
(3) 디지털 환경에 따른 사회 변화
2. 디지털 제품의 개념 및 구분
(1) 디지털 제품의 정의 및 특성
(2) 디지털 제품의 구분
III. 디지털 제품의 GUI 디자인 가이드북의 개발방향
1. 디자인 가이드북에 대한 이해
(1) 디자인 가이드북의 개념
(2) 디자인 가이드북의 중요성
2. 실무 차원의 GUI 디자인 가이드북의 개발 방향
(1) 기존 GUI 디자인 교재의 현장 평가
(2) 기존 GUI 가이드북의 콘텐츠 분석
(3) GUI 디자인 가이드북의 개발 방향
3. 디지털 제품의 GUI 디자인 가이드북 개발의 당위성
(1) 제한된 크기의 디스플레이 문제
(2) 인지적 과부하 문제
IV. 디지털 제품의 GUI 디자인 원칙
1. GUI 디자인의 기준
(1) 가시성
(2) 이해도
(3) 사용편의성
(4) 심미성
2. GUI 디자인 원칙
(1) 메타포를 활용하기
(2) 직접 조작하기
(3) 보고 선택하도록 하기
(4) 반응과 대화를 이끌어내기
(5) 관대하기
(6) 정보를 시각적으로 표현하기
(7) 사용자를 이해하기
(8) 접근 가능성 높이기
(9) 조직성 있게 하기
(10) 경제성 있게 하기
3. 디지털 컬러
(1) 비트 정보로서의 디지털 컬러
(2) 디지털 컬러의 색 재현
(3) 디지털 팔레트
(4) 모니터에서 색 조정
(5) 화면 안의 제한적인 색 변화
(6) 포토샵에서의 컬러 조절
(7) 모니터와 표면색 사이의 일치
(8) 디스플레이 장치와 프린터의 색역은 다름
4. 그래픽 사용의 방법
(1) 실생활의 이미지를 보여줄 경우
(2) 컬러나 패턴을 표현할 경우
(3) 공간의 절약이 필요할 경우
(4) 직접 조작할 경우
(5) 수치정보를 표현할 경우
5. 컬러 사용의 방법
(1) RGB 색 좌표계를 사용 한다.
(2) 컬러 팔레트의 선택이 디자인의 분위기를 바꾼다.
(3) 다른 색이라도 바탕색에 따라 같게 보일 수 있다.
Ⅴ. 디지털 제품의 GUI 디자인 프로세스
1. UI 및 GUI 디자인 프로세스
(1) 제품 개발 프로세스
(2) UI 프로세스
(3) GUI 디자인 프로세스
2. 실무 위주의 GUI 디자인 프로세스
3. 디지털 제품에 있어서 물리적 인터페이스(Physical Interface)와 상관성을 고려한 GUI 디자인 프로세스
(1) 문제점 제기
(2) 연구의 주안점 및 연구방법
(3) GUI 디자인 프로세스
(4) 제품 디자인 단계에서 물리적 인터페이스(Physical Interface)를 처리하고 양산 단계에서 GUI 디자인을 하는 경우
(5) 양산 단계전에 GUI 디자인을 하는 경우
(6) 제품 디자인 단계에서 물리적 인터페이스(Physical Interface)와
GUI 디자인을 동시에 진행하는 경우
VI. 디지털 제품의 GUI 디자인 프로세스에 따른 방법
1. 8단계 모델을 적용한 프로세스별 디자인 작업(work) 방법
(1) 사양(Specification) 확정 및 제한 요인의 분석(1단계)
(2) GUI 기획 및 컨셉 설정(2단계)
(3) 스토리 보드 작성(3단계)
(4) GUI 디자인 컨셉의 설정(4단계)
(5) GUI 베이직 디자인(5단계)
(6) GUI 어플리케이션 디자인 (6단계)
(7) 디자인 가이드 라인 작성 및 데이터 소스 이관(7단계)
(8) 하자유지보수(Mainterance) (8단계)
2. GUI 디자인 평가를 위한 체크리스트
(1) 구성 요소별
(2) 정보처리 방법별
VII. 디지털 제품의 아이콘 디자인 방법
1. 아이콘 디자인을 위한 기본 원칙과 특징
(1) 아이콘
(2) 아이콘의 용도
(3) 아이콘 디자인
(4) 아이콘의 특징
(5) 아이콘의 모양
(6) 아이콘의 사용목적
2. 정적 아이콘, 동적 아이콘의 디자인 사례
(1) 동적(Active) 아이콘
(2) 정적(Static) 아이콘
(3) 구체형(Advance) 아이콘
3. 도널드 노만의 7단계 행위 모델에 의거한 아이콘 분석
(1) 직관적 아이콘
(2) 인지적 아이콘
(3) 학습적 아이콘
4. 웹디자인 아이콘과 제품의 아이콘 비교












"디지털 제품의 GUI(Graphic User Interface) 디자인 가이드북 홍익대학교(최대석), 2003"의 경우,
공공누리"출처표시+상업적 이용금지+변경금지" 조건에 따라 이용할 수 있습니다. 단, 사진, 이미지, 일러스트, 동영상 등의 일부 자료는
발행기관이 저작권 전부를 갖고 있지 않을 수 있으므로, 자유롭게 이용하기 위해서는 반드시 해당 저작권자의 허락을 받으셔야 합니다.

목록 버튼 이전 버튼 다음 버튼
최초 3개의 게시물은 임시로 내용 조회가 가능하며, 이후 로그인이 필요합니다. ( 임시조회 게시글 수: )