DOI QR코드

DOI QR Code

인터페이스 디자인의 시각적 무게

Visual Weight of Interface Design

  • 박찬익 (청운대학교 멀티미디어학과)
  • 투고 : 2019.09.23
  • 심사 : 2019.12.20
  • 발행 : 2019.12.28

초록

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

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.

키워드

참고문헌

  1. Y. J. Lee. (2015). UI / UX Design Theory and Practice. Seoul : HanbitAcademy.
  2. Y. J. Lee. (2015). Mobile UI / UX Design Practice. Seoul : HanbitAcademy.
  3. K. H. Lee. (2018). UX / UI design to create a user experience. Seoul : Freerack.
  4. https://vanseodesign.com/about/
  5. A. Bregman. (1990). Auditory Scene Analysis: the perceptual organization of sound. Boston, MA: The MIT Press.
  6. W. Kohler. (1929). Gestalt Psychology. New York: Liveright.
  7. K. Koffka. (1935). Principles of Gestalt Psychology. New York: Harcourt, Brace.
  8. S. Palmer. (1999). Vision Science. Photons to Phenomenology. Cambridge, MA: MIT Press.
  9. D. Todorovic. (2007). W. Gestalt Theory. Metzger: Laws of Seeing, 28, 176-180.
  10. P. R. Roelfsema. (2006). Cortical Algorithms for Perceptual Grouping. Annual Review of Neuroscience, 29, 203-227 https://doi.org/10.1146/annurev.neuro.29.051605.112939
  11. J. S. Kang. (2018). User experience of responsive web on multi-device environment. Journal of Digital Convergence, 16(11), 465-470. DOI : 10.14400/JDC.2018.16.11.465
  12. S. C. Beak. (2017). A Study on the Process of Refining Ideas for Social Problem Solving Based on Design Thinking in Digital Convergence Era. Journal of Digital Convergence, 15(2), 155-163. DOI : 10.14400/JDC.2017.15.2.155
  13. I. K. Chun. (2015). Study of GUI design convergence guideline for the users of aged generation. Journal of Digital Convergence, 13(7), 323-331. DOI : 10.14400/JDC.2015.13.7.323
  14. Y. J. Lee. (2015). A Study on Information Architecture & User Experience of the Smartphone. Journal of Digital Convergence, 13(11), 383-390. DOI : 10.14400/JDC.2015.13.11.383
  15. S. M. Na. (2016). The Visual communication by Augmented Reality. Journal of Digital Convergence, 14(11), 507-512. DOI : 10.14400/JDC.2016.14.11.507
  16. S. H. Noh et al. (2019). Effect of Support Surface and Visual Condition on Static Balance. Journal of the Korea Convergence Society, 10(7), 47-54. https://doi.org/10.15207/JKCS.2019.10.7.047
  17. J. M. Na. (2019). The Effect of Different Types of Visual Images on the Variables of the Theory of Planned Behavior. Journal of the Korea Convergence Society, 10(2), 255-260. https://doi.org/10.15207/JKCS.2019.10.2.255