Professional Documents
Culture Documents
148
요약
Abstract
Although a great deal of research has been carried out recently with the rise of importance of the
UI design, little research has been conducted on the new Neumorphism design. Given the paucity of
the research, we demonstrated the development process of GUI design, focusing on the UI design
trends, Skeuomorphism, Flat, Material design and the emerging Neumorphism design. Based on this,
the aim of the study is to look into the possibility of Neumorphism design, which is currently drawing
attention, as the new UI design trends. This study was ordered as follows in two ways. First, drawing
from the work of literature, we illustrated the UI design trends by considering the Skeuomorphism, Flat,
and Material Design which were before the advent of the Neumorphism design. In addition, we
conducted a study on the characteristics and limitations of the UI design trends through actual cases
in which UI designs were applied. Second, the Material design as the most recent UI design trends
and the Neumorphism design were compared with the method of expression based on the definition
and characteristics of Neumorphism design that we investigated. In this context, we also analyzed the
possibility of Neumorphism becoming the new UI design trend. We proposed an application of the
design to maximize the benefits. This study is meaningful in that the Neumorphism design, which has
yet to be studied, is likely to become the UI design trends in the future.
2.4 플랫 디자인의 한계
‘단순함’에 입각한 플랫 디자인은 제한된 범위 내에서
정보를 과도하게 함축하고자한 점에서 한계를 보인다.
예를 들어 사용자가 버튼을 눌렀을 경우 색상 변화로
이루어지는 피드백이 진행되어야 한다. 하지만 그림자
와 깊이감이 없는 해당 디자인의 경우 배경과 합치되어
동작을 시각적으로 명확하게 알리지 못한다[28]. 이러
그림 8. 안드로이드 6.0 마쉬멜로우 안드로이드 롤리팝 내비게
한 구성을 통해 정보 구조에 기초한 우선순위를 인지하 이션 바[34]
기 어려울 뿐만 아니라, 행동개시버튼(CTA: Call To
Action) 버튼으로서의 역할도 수행하지 못하게 된다 3.2 머티리얼 디자인의 특징
[29]. 이를 개선하기 위해 그라데이션(Gradation)과 머티리얼 디자인은 질감이 느껴지는 종이 같은 현실
블러(Blur)로 표현된 플랫 2.0 디자인이 제시되었다. 결 적인 요소에 그림자 효과를 더해 움직임과 입체감을 부
과적으로 이러한 시도가 반복되면서, 스큐어모피즘 디 여한 시차적 효과인 패럴랙스(Parallax)를 보였다
자인과 플랫 디자인의 장점을 집약한 구글의 머티리얼 [21][32][35]. 이러한 시각적 차이를 둔 효과를 통해 사
디자인(Material Design)이 등장하게 되었다[21][23]. 용자로 하여금 우선순위를 보여 정보 구조를 쉽게 인지
할 수 있게 한다[23].
3. 머티리얼 디자인 또한, 머티리얼 디자인의 컴포넌트(Component)는
그림 9. 아이콘[37]
그림 12. 다크 모드를 적용한 애플 iOS 13[42]
저 자 소 개