인터페이스 디자인의 시각적 무게 = Visual Weight of Interface Design

다국어 초록 (Multilingual Abstract)

In this study, we found that the design can be configured according to the visual weight in the design of the interface. First of all, interface design has gone through the era of squeeze morphism to express depth and dimension by borrowing part of material design or head design from flat design. This is due to the characteristics of metro UI and flat design, which are difficult to express depth and dimension, but in material design, there was no separate device for inducing eyes, so Gestalt theory showed the principle of visual weight. Positive and negative, the size and placement of regions, proximity, closure, and notion were closely related to visual weight and orientation, and in some cases, it could be applied to the interface.

국문 초록 (Abstract)

본 연구에서는 인터페이스의 디자인에 있어 시각적 무게에 따라 디자인을 구성할 수 있음을 알아보았다. 우선 인터페이스 디자인은 스큐어모피즘의 시대를 거쳐 플랫디자인에서 머티리얼 디자인 또는 머리티얼 디자인 일부를 차용해 심도와 차원을 표현하고 있었다. 이는 심도와 차원을 표현하기 어려운 메트로 UI와 플랫디자인의 특징에 의한 것이지만 머티리얼 디자인에서는 시선 유도를 위한 별도의 장치는 없었기에 게슈탈트 이론에서 시각적 무게를 구분할 수 있는 원리에 대해 알아보았다. 포지티브와 네거티브, 영역의 크기와 배치, 근접성, 폐쇄성 그리고 관념성이 시각적 무게와 방향에 대해 밀접한 관련이 있었으며 그를 통해 몇 가지 사례를 통해 인터페이스에 적용될 수 있음을 알 수 있었다.

참고문헌 (Reference)

1 나소미, "증강현실이 재현하는 영상커뮤니케이션 연구" 한국디지털정책학회 14 (14): 507-512, 2016

2 나재민, "이미지 표현 유형이 계획된 행동 이론 속성에 미치는 영향 연구" 한국융합학회 10 (10): 255-260, 2019

3 노수현, "안정 및 불안정 지지면에서 시각 조건이 정적 균형에 미치는 영향" 한국융합학회 10 (10): 47-54, 2019

4 이영주, "스마트폰의 정보구조와 사용자경험" 한국디지털정책학회 13 (13): 383-390, 2015

5 강재신, "멀티 디바이스 환경에서 반응형 웹의 사용자 경험" 한국디지털정책학회 16 (16): 465-470, 2018

6 백승철, "디지털 융합시대의 디자인 사고 기반 사회문제 해결 아이디어 구체화 프로세스에 관한 연구" 한국디지털정책학회 15 (15): 155-163, 2017

7 전인규, "고령화 세대의 스마트폰 사용자를 위한 GUI 디자인 융복합 가이드라인 연구" 한국디지털정책학회 13 (13): 323-331, 2015

8 "https://vanseodesign.com/about/"

9 S. Palmer, "Vision Science. Photons to Phenomenology" MIT Press 1999

10 K. H. Lee, "UX / UI design to create a user experience" Freerack 2018

11 Y. J. Lee, "UI / UX Design Theory and Practice" HanbitAcademy 2015

12 K. Koffka, "Principles of Gestalt Psychology" Harcourt, Brace 1935

13 Y. J. Lee, "Mobile UI / UX Design Practice" HanbitAcademy 2015

14 D. Todorović, "Laws of Seeing" 28-180, 2007

15 W. Köhler, "Gestalt Psychology" Liveright 1929

16 P. R. Roelfsema, "Cortical Algorithms for Perceptual Grouping" 29 : 203-227, 2006

17 A. Bregman, "Auditory Scene Analysis: the perceptual organization of sound" The MIT Press 1990