표제지
국문초록
목차
I. 서론 12
1. 연구 배경 및 목적 12
2. 연구 방법 및 범위 15
II. 미니멀리즘 이론적 고찰 16
2.1. 미니멀리즘의 정의 16
2.2. 미니멀리즘의 배경 고찰 17
2.3. 개념과 조형 특성 26
2.3.1. 단순성 26
2.3.2. 명료성 31
2.3.3. 반복성 35
2.3.4. 사물성 37
III. 스마트폰 GUI 디자인 현황 및 활용사례 45
3.1. 국내 45
3.1.1. 삼성 Galaxy S4 45
3.1.2. 엘지 G2 49
3.1.3. 팬택 베가 아이언 53
3.2. 국외 57
3.2.1. 애플 iPhone 5S 57
3.3. GUI 디자인 분석 61
3.3.1. 레이아웃 61
3.3.2. 그래픽 요소 64
3.3.3. 컬러 66
3.3.4. 애플리케이션 심벌 아이콘과 배경이미지와의 시각적 관계 69
3.3.5. 웹에서의 GUI 디자인 활용 71
IV. 미니멀리즘 활용사례 74
4.1. 국외 74
4.1.1. 애플 74
4.1.2. 마이크로소프트 83
4.1.3. 구글 87
4.2. 국내 92
4.2.1. 네이버 92
V. 효율적 디자인 방안 99
5.1. 효율적 스마트폰 GUI 디자인 방안 99
5.1.1. 레이아웃 99
5.1.2. 그래픽 요소 101
5.1.3. 컬러 103
5.1.4. 종합 표 105
5.1.5. 수정 GUI 디자인 연구 107
VI. 결론 112
참고문헌 114
ABSTRACT 117
[표. 1] Dieter Rams의 디자인 10계명 22
[표. 2] 조사대상 스마트폰 GUI디자인 레이아웃 현황 61
[표. 3] 조사 대상 스마트폰 주요 홈스크린 레이아웃 현황 63
[표. 4] 조사 대상 스마트폰 주요 심볼 아이콘 형(形) 현황 65
[표. 5] 조사 대상 스마트폰 주요 GUI 컬러 적용 현황 67
[표. 6] 조사 대상 스마트폰 주요 홈스크린화면 현황 69
[표. 7] 웹에서의 스마트폰 GUI 디자인 활용 현황 71
[표. 8] 미니멀리즘적 레이아웃 디자인 특징 99
[표. 9] 미니멀리즘적 GUI 디자인 아이콘 디자인 특징 101
[표. 10] 미니멀리즘적 GUI 디자인 컬러 디자인 특징 103
[표. 11] 미니멀리즘적 GUI 디자인 특징 종합 표 106
[표. 12] 수정 디자인 연구 1안 107
[표. 13] 수정 디자인 연구 2안 108
[표. 14] 수정 디자인 연구 3안 109
〈그림. 1〉 1911~1921년 동안 몬드리안 작품의 단순화 사례 18
〈그림. 2〉 말레비치 흰 바탕에 검은 네모꼴 (1912) 19
〈그림. 3〉 게릿 리트벨트의 레드블루 체어 1918(좌)와 지그재그 의자(우) 1934 20
〈그림. 4〉 독일 브라운사의 대표디자이너 Diter Rams와 그의 제품들 21
〈그림. 5〉 Dieter Rams(브라운) 디자인과 Jonathan Ive(애플)의 대표적 디자인들 비교 23
〈그림. 6〉 미니멀리즘적 디자인이 적용된 애플의 주요 제품들 23
〈그림. 7〉 미니멀리즘적 디자인이 적용된 2012, 2013 Mac Pro 24
〈그림. 8〉 애플 IOS7의 미니멀리즘적인 디자인 프로세스 사례 24
〈그림. 9〉 DONALD JUDD Untitled (1968-76), 1968-1976 27
〈그림. 10〉 Robert Moriss의 작품(좌)과 Tony smith의 작품(우) 27
〈그림. 11〉 게슈탈트 관점에서 본 올림픽 오륜 심벌마크(좌)와 밤하늘 이미지(우) 28
〈그림. 12〉 John Isaacs, Ah! Donald Judd, My Favourite!(1991) 29
〈그림. 13〉 남성과 여성의 단순화의 예시 29
〈그림. 14〉 iOS6(좌)와 iOS7(우)의 아이콘 디자인 요소 비교분석 30
〈그림. 15〉 homage-to-the-square series (Josef Albers 1949-1959) 31
〈그림. 16〉 도널드 저드의 명료성이 나타나는 미니멀리즘 작품 사례 32
〈그림. 17〉 높은 명료성의 아이폰의 IOS7 GUI 아이콘 디자인 32
〈그림. 18〉 zambezi (Frank Stella 1959) 33
〈그림. 19〉 신호등 이미지(좌)와 교통 표지판(우) 사례 34
〈그림. 20〉 반복성이 나타나는 미니멀리즘 작품 사례 35
〈그림. 21〉 반복성이 나타나는 윈도우8의 GUI디자인 사례 35
〈그림. 22〉 안드로이드 반복성(좌)과 아이폰의 미니멀리즘 적 반복성(우) 비교 36
〈그림. 23〉 안드로이드 반복성(좌)과 아이폰의 미니멀리즘적 반복성(우) 비교 36
〈그림. 24〉 뒤샹의 샘과 (좌) 말레비치의 흰 바탕 위에 검은 사각형(우) 37
〈그림. 25〉 인간의 감각과 경험을 통한 단순화의 예시 39
〈그림. 26〉 남성과 여성의 단순화에서 정보의 가감에 대한 예시 41
〈그림. 27〉 스마트폰 아이콘의 사물성 43
〈그림. 28〉 갤럭시S4의 홈스크린 대표화면 45
〈그림. 29〉 갤럭시S4의 주요 GUI화면 46
〈그림. 30〉 갤럭시S4의 주요 아이콘 디자인 47
〈그림. 31〉 갤럭시S4의 주요 GUI의 적용 컬러 48
〈그림. 32〉 엘지 G2의 주요 홈스크린 디자인 49
〈그림. 33〉 엘지 G2의 주요 GUI디자인 50
〈그림. 34〉 엘지 G2의 주요 GUI 아이콘 디자인 51
〈그림. 35〉 엘지 G2의 주요 GUI디자인 적용 컬러 52
〈그림. 36〉 팬택 베가 아이언의 주요 홈스크린 화면 53
〈그림. 37〉 팬택 베가 아이언의 주요 GUI화면 54
〈그림. 38〉 팬택 베가 아이언 주요 GUI 아이콘 디자인 55
〈그림. 39〉 팬택의 베가 아이언 주요 GUI 디자인 적용 컬러 56
〈그림. 40〉 애플 아이폰5S의 주요 홈스크린 디자인 57
〈그림. 41〉 애플 아이폰5S의 주요 GUI 디자인 58
〈그림. 42〉 애플 아이폰5S의 주요 아이콘 디자인 59
〈그림. 43〉 애플 아이폰5S의 주요 GUI 디자인 적용 컬러 60
〈그림. 44〉 단순명료성을 추구하는 애플 iOS7 홍보영상 캡처 74
〈그림. 45〉 단순화되는 애플사 로고의 변천 과정 75
〈그림. 46〉 IOS6에서 IOS7으로의 아이콘 디자인 변화 76
〈그림. 47〉 애플의 단순화를 통한 통일성 높은 디자인 사례 77
〈그림. 48〉 명료성이 높아진 아이폰5S 홈스크린 디자인 78
〈그림. 49〉 높은 명료성을 갖는 아이폰5S 아이콘 디자인 79
〈그림. 50〉 높은 반복성을 갖는 아이폰 홈스크린 디자인 79
〈그림. 51〉 높은 반복성을 갖는 애플의 아이폰 디자인 80
〈그림. 52〉 높은 반복성을 갖는 IOS7의 컬러의 적용 사례 81
〈그림. 53〉 높은 반복성을 갖는 IOS7의 GUI 디자인 그래픽 요소 81
〈그림. 54〉 높은 사물성을 갖는 IOS7의 아이콘 디자인 82
〈그림. 55〉 단순화 되어가는 윈도우GUI디자인 83
〈그림. 56〉 단순화 되어가는 윈도우 심벌 아이콘 디자인 84
〈그림. 57〉 급진적 단순화와 높은 명료성을 갖는 윈도우8 GUI 디자인 84
〈그림. 58〉 높은 반복성을 갖는 윈도우 8 주요 GUI디자인 85
〈그림. 59〉 윈도우 8의 명료성 높은 픽토그램과 사물성 86
〈그림. 60〉 단순성이 높은 구글의 메인 GUI 87
〈그림. 61〉 단순성이 증대된 구글 로고 디자인 87
〈그림. 62〉 최소한의 요소로 구성된 구글 아이콘 디자인 87
〈그림. 63〉 높은 단순성을 갖는 구글의 주요 GUI 디자인 88
〈그림. 64〉 높은 명료성을 갖는 구글 주요 아이콘 디자인 89
〈그림. 65〉 높은 반복성을 갖는 구글의 GUI 디자인 90
〈그림. 66〉 높은 사물성을 갖는 구글의 주요 아이콘 디자인 91
〈그림. 67〉 단순화되어가는 네이버 심벌로고 디자인 사례 92
〈그림. 68〉 네이버 대표 심벌 아이콘 디자인의 급진적 단순화 사례 93
〈그림. 69〉 네이버 주요서비스 아이콘 디자인의 급진적 단순화 사례 93
〈그림. 70〉 급진적 단순화로 인한 명료성 증대 사례 94
〈그림. 71〉 높은 명료성을 갖는 네이버 주요 서비스 아이콘 디자인 95
〈그림. 72〉 높은 명료성을 갖는 네이버 웹 서비스 디자인 96
〈그림. 73〉 높은 반복성을 갖는 네이버 모바일 주요 서비스 GUI 사례 97
〈그림. 74〉 명확한 사물성을 갖는 네이버 주요 서비스 아이콘 디자인 98