메뉴 건너뛰기
.. 내서재 .. 알림
소속 기관/학교 인증
인증하면 논문, 학술자료 등을  무료로 열람할 수 있어요.
한국대학교, 누리자동차, 시립도서관 등 나의 기관을 확인해보세요
(국내 대학 90% 이상 구독 중)
로그인 회원가입 고객센터 ENG
주제분류
인문학
인문학 일반 역사학 철학 종교학 어문학 기타 인문학
사회과학
사회과학 일반 경영학 관광학 교육학 군사학 문헌정보학 법학 사회학 신문방송학 심리과학 정치외교학 지리학 행정학 경제학 무역학 인류학 기타 사회과학
자연과학
자연과학 일반 물리학 생물학 생활과학 수학·통계학 천문학 지구과학 화학 기타 자연과학
공학
공학 일반 건축공학 기계공학 산업공학 재료·에너지공학 전기전자공학 조선해양공학 화학공학 컴퓨터학 기타공학
의약학
의학 일반 간호학 수의학 약학 한의학 기초의학 임상의학 기타 의약학
농수해양학
농수해양학 일반 농학 수산학 식품과학 임학 축산학 해상운송학 기타 농수해양학
예술체육학
예술 일반 디자인 미술 미용 사진 음악학 의상 체육 공연매체예술 기타 예술체육학
복합학
학제간연구 과학기술학 뇌인지과학 기술정책 기타 복합학

ENG

추천
검색

논문 기본 정보

자료유형
학위논문
저자정보

황승현 (홍익대학교, 홍익대학교 대학원)

지도교수
이현진
발행연도
2021
저작권
홍익대학교 논문은 저작권에 의해 보호받습니다.

이용수110

표지
AI에게 요청하기
추천
검색

이 논문의 연구 히스토리 (3)

2022

다크 모드에서 모바일 시각정보요소 카드의 시각적 인지도와 피로도 연구
황승현 ,  이현진 한국색채학회논문집 2022.02 학술저널

2021

낮은 조도에서 모바일 디스플레이 다크모드 배색의 시각적 인지도와 피로도에 대한 색채 연구 : 구글 머티리얼 디자인의 색채 팔레트를 중심으로
황승현 디자인·공예학과 2021.01 학위논문

2019

모바일 앱을 위한 배색 추천 시스템에 관한 연구 -머티리얼 디자인 컬러 시스템의 색채 추천 방법을 중심으로
황승현 ,  이현진 한국콘텐츠학회논문지 2019.10 학술저널

초록· 키워드

오류제보하기
디지털 기술의 발달과 사회 환경의 변화에 따라 모바일 폰과 함께 휴대형 정보통신기기의 기능 활용도 활발해지고 있으며, 그에 따라 사용자의 라이프스타일에 맞춘 사용자 중심의 시각 인지 연구가 지속적으로 이루어지고 있다. 최근 낮은 조도에서 디스플레이의 시각적 사용 위험을 줄이기 위해 어두운 배경 화면인 다크모드를 지원하기 시작하였으며, 모바일 OS 서비스들은 다크모드를 위한 색상 팔레트를 제공하고 있다. 모바일의 시각 정보 요소와 색채는 사용자의 상호작용에 크게 관여하는 요소이며, 어두운 사용자 환경을 위한 시각 정보 요소와 색채의 시각 인지 연구가 요구되고 있다.
본 연구는 낮은 조도에서 모바일 디스플레이 다크모드의 배색에서 시각적 인지도와 피로도를 고려한 최적의 색상과 색채의 채도 범위를 분석하여 다크모드에 적합한 색채 활용을 제안하였다. 다크모드에 활용되는 색조 단계와 색상이 모바일의 인터페이스를 구성하고 있는 시각 구성 요소인 카드 및 버튼과 플로팅 액션 버튼 그리고 텍스트의 시각적 인지도와 피로도에 미치는 영향을 분석하고, 시각 구성 요소별 시각적 피로도가 낮고 인지도가 높은 색조 단계별 색상과 채도 범위를 분석하였다. 그리고 선행 연구의 텍스트에 대해 시각적 피로도는 낮고 가독성(인지도)은 높은 무채색과 같이 유채색 범위를 분석하여, 배색 구성을 제안하는 것에 연구의 목적이 있다.
연구를 위해 모바일 안드로이드 시스템의 다크모드 색상 팔레트의 색조 단계와 색상을 활용하여 실험 방법을 구성하였고, 구조 요소인 카드, 조작 요소인 버튼과 플로팅 액션 버튼, 정보 전달 요소인 텍스트에 대한 시각 정보 요소의 역할을 중심으로, 모바일 다크모드의 색채 활용을 위한 시각적 인지도와 피로도에 영향을 미치는 요인을 색상별 개별 평가와 서열 평가 방법에 따라 사용자의 시각적 인지도와 피로도 정도를 분석하였다.
연구 결과 첫째, 100, 300 색조 단계에서 시각적 인지도가 높은 색상은 Yellow로 분석되었고, Yellow 외에 100 색조 단계에서 버튼과 플로팅 액션 버튼은 Blue와 Purple, 텍스트는 Blue 색상으로 분석되었다. 300 색조 단계에서 버튼과 플로팅 액션 버튼의 배경 카드가 있는 디자인은 Teal, 배경 카드와 관계없이 Purple이 시각적 인지도가 높은 것으로 분석되었다. 텍스트의 배경 카드가 없는 디자인은 Teal, 배경 카드와 관계없이 Blue가 분석되었다. 카드는 100, 300 색조 단계에서 Yellow가 시각적 인지도가 가장 높은 색상으로 분석되었다.
둘째, 100, 300 색조 단계에서 시각적 피로도가 낮은 색상은 Blue이며, Blue 외에 100 색조 단계에서 카드는 Purple이 시각적 피로도가 낮게 분석되었고, 카드는 배경 카드와 관계없이 눈 시림 항목에서 Purple이 Blue보다 시각적 피로도가 낮은 색상으로 분석되었다. 버튼과 플로팅 액션 버튼은 Teal이 분석되었고, 텍스트는 Teal과 배경 카드가 있는 디자인에서 Yellow가 시각적 피로도가 낮은 색상으로 분석되었다. 300 색조 단계는 카드에서 Yellow와 Teal이 분석되었고, 버튼과 플로팅 액션 버튼은 Teal, 텍스트는 Teal과 배경 카드가 있는 디자인은 Purple이 시각적 피로도가 낮게 분석되었다.
셋째, 50, 100 색조 단계의 텍스트에서 Gray와 같이 시각적 인지도는 높고, 피로도가 낮은 유채색으로 50 색조 단계에서는 Blue와 Teal이 분석되었고, 100 색조 단계에서는 Blue가 분석되었다.
넷째, 색조 단계와 색상이 시각 구성 요소의 시각 인지와 피로에 미치는 유의 수준의 결과로 카드, 버튼과 플로팅 액션 버튼 및 텍스트의 시각적 인지도와 피로도는 색조 단계별 색상에 따라 차이가 있었고, 색조 단계 또는 색상에 따라서도 차이가 있는 것으로 분석되었다. 그리고 시각적 피로도에 대해 배경 카드가 있는 버튼과 플로팅 액션 버튼 및 텍스트는 색상에 따라 시각 피로 항목에서 차이가 있었다. 그러나 카드의 색상 이해와 구성 이해 항목, 배경 카드가 없는 버튼과 플로팅 액션 버튼의 기능 이해 항목, 배경 카드가 있는 버튼과 플로팅 액션 버튼의 눈 시림 항목은 색조 단계 또는 색상에 따른 시각적 인지도 및 피로도의 차이는 나타나지 않았다.
다섯째, 시각적 인지도가 높게 분석된 색조 단계별 색상은 다른 색상들보다 채도(S) 값이 높았고, 시각적 피로도가 낮게 분석된 색조 단계별 색상은 다른 색상들보다 밝기(L) 값이 상대적으로 높게 분석되었다.
본 연구는 낮은 조도의 모바일 디스플레이 환경에서 사용자를 고려한 다크모드의 색채 활용과 배색 적용을 위한 기초 자료로 관련 연구의 토대를 제공한다는 것에 본 연구의 의의가 있다.

목차

국문 요약 ⅰ
목 차 ⅳ
표 목차 ⅶ
그림 목차 ⅸ
Ⅰ. 서 론 1
1. 연구의 배경 및 목적 1
2. 연구의 내용 및 방법 3
Ⅱ. 이론적 고찰 7
1. 디스플레이에서의 디지털 색채 특성 7
1.1. 디스플레이 환경의 디지털 색채 7
1.2. 디스플레이 환경의 디지털 색채 시스템 8
1.2.1. 색 공간의 비교 12
1.3. 모바일 디스플레이의 색채 표현 14
2. 모바일 디스플레이의 다크모드 특징 18
2.1. 낮은 조도의 디스플레이 특징 19
2.2. 모바일 시스템의 다크모드 특징 20
2.2.1. iOS의 애플 시스템(Apple System) 21
2.2.2. 안드로이드의 머티리얼 디자인 시스템(Material Design System) 25
2.2.3. 안드로이드의 삼성 시스템(Samsung System) 33
2.3. iOS와 안드로이드 다크모드 색상 특징 비교 37
3. 디스플레이 환경의 시지각 인지와 시각적 피로도 선행 연구 42
3.1. 시지각 인지와 시각적 피로도의 이해 43
3.2. 낮은 조도의 시각적 피로도 선행 연구 46
3.3. 낮은 조도의 가독성에 관한 시각적 피로도 선행 연구 48
3.4. 짧은 텍스트와 문장의 시각적 인지도 연구 50
3.5. 색조와 인지도 및 시각적 피로도의 상관관계 연구 53
3.6. 크기와 색채 속성에 관한 색 인지 연구 55
Ⅲ. 시각 정보 요소의 시각적 인지도와 피로도 평가 분석 방법 58
1. 연구 내용 58
2. 연구 문제 및 연구 가설 58
3. 연구 구성 및 연구 내용 62
3.1. 모바일 인터페이스의 시각 정보 요소 62
3.1.1. 구조 요소 카드(Card) 64
3.1.2. 조작 요소 버튼과 플로팅 액션 버튼(FAB) 65
3.1.3. 정보 전달 요소 텍스트(Text) 66
3.2. 모바일 앱 디자인 구성 67
3.3. 모바일 앱 색채 구성 70
3.4. 모바일 앱 배색 구성 74
4. 연구 과정 및 연구 분석 방법 80
4.1. 연구 대상 및 예비 실험 80
4.2. 본 실험 구성 83
4.3. 평가 항목 구성 88
4.4. 변수와 측정 기준 91
4.5. 실험 결과 분석 방법 92
Ⅳ. 시각 정보 요소의 시각적 인지도와 피로도 평가 분석 결과 94
1. 연구 대상자 특성 94
2. 측정 도구의 신뢰도 분석 95
3. 시각 정보 요소에 따른 시각적 인지도와 피로도 평가 분석 결과 97
3.1. 시각 정보 요소에 따른 시각 인지 항목의 유의 수준 98
4. 시각 정보 요소별 색조에 따른 시각적 인지도와 피로도 분석 결과 102
4.1. 100, 300 색조 단계의 시각적 인지도와 시각적 피로도 103
4.1.1. 시각적 인지도 높은 색조 단계별 색상 103
4.1.2. 시각적 피로도가 낮은 색조 단계별 색상 116
4.2. 50, 100 색조 단계 텍스트의 시각적 인지도와 시각적 피로도 126
4.2.1. 시각적 인지도 높은 색조 단계별 색상 126
4.2.2. 시각적 피로도가 낮은 색조 단계별 색상 130
4.3. 버튼과 플로팅 액션 버튼의 배색에 따른 시각 인지 평가 분석 결과 135
4.3.1. 시각 인지 항목의 유의 수준 136
4.3.2. 시각 인지 항목의 평균 결과가 높은 색조 단계별 배색 137
4.4. 피험자 관찰 인터뷰 138
5. 연구 문제의 가설 검증을 위한 분석 결과 139
5.1. 100, 300 색조 단계의 시각적 인지도 139
5.1.1. 100 색조 단계 시각적 인지도 높은 색상의 채도 범위 139
5.1.2. 300 색조 단계 시각적 인지도 높은 색상의 채도 범위 141
5.2. 100, 300 색조 단계의 시각적 피로도 145
5.2.1. 100 색조 단계 시각적 피로도 낮은 색상의 채도 범위 145
5.2.2. 300 색조 단계 시각적 피로도 낮은 색상의 채도 범위 147
5.3. 50, 100 색조 단계 텍스트의 시각적 인지도와 시각적 피로도 151
5.3.1. 50 색조 단계 시각적 인지도가 높고 피로도는 낮은 색상의 채도 범위 151
5.3.2. 100 색조 단계 시각적 인지도가 높고 피로도는 낮은 색상의 채도 범위 153
6. 시각적 인지도가 높고 시각적 피로도가 낮은 배색 제안 156
6.1. 100 색조 단계의 시각적 인지도가 높고 시각적 피로도가 낮은 배색 156
6.2. 300 색조 단계의 시각적 인지도가 높고 시각적 피로도가 낮은 배색 161
6.3. 50 색조 단계 텍스트의 시각적 인지도가 높고 시각적 피로도는 낮은 배색 166
6.4. 100 색조 단계 텍스트의 시각적 인지도가 높고 시각적 피로도는 낮은 배색 167
6.5. 시각 정보 요소별 컬러 가이드와 배색 디자인 제안 171
Ⅴ. 결론 175
1. 연구의 요약 175
2. 후속 연구를 위한 제언 180
참고 문헌 182
영문 요약(Abstract) 186
부 록 190

최근 본 자료

전체보기

댓글(0)

0