현재 모바일 환경 변화의 가속화와 모바일 기기의 대중화로 인하여 사용자들이 모바일 기기를 선택할 때, 구매 요인들이 다양해지고 있다. 2007년 미국 샌프란시스코에서 처음으로 선보인 ‘애플(Apple)'사의 ’아이-폰(i-Phone)‘이 첫 선을 보이면서 모바일 기기에 대한 관심이 큰 폭으로 증가되었으며, 2012년 이후에는 모바일 디스플레이 안에서 구동되는 UI(User Interface) 디자인에 대한 관심이 높아지고 있다. 높은 관심에 비해 UI 디자인의 시각적 요소들에 관한 연구는 미비한 실정이다. 모바일 환경에서 UI 디자인은 사용자들과의 시각적 커뮤니케이션의 수단으로 작용하고 있는데, 사용자들은 이것이 당연하단 듯, 태도로 받아들이고 있다. 이에 본 연구는 모바일 환경의 변화된 원인을 화면 디스플레이의 다양화로 보고 변화되는 환경에서의 UI 디자인을 알아보았다. 모바일 환경은 작은 화면에서의 디스플레이, 제한된 하드웨어의 키, 저용량, 사용자 환경, 피드백을 통한 특징으로 변화된 상황을 설명하였고, 사용자중심에서의 UI 디자인을 살펴봄으로써 모바일 환경에서의 UI 디자인의 중요성을 알 수 있었다. 또한, UI 디자인에서 일반적으로 사용되고 있는 시각적 요소들을 알아보고, 국내 뉴스 애플리케이션의 사례를 통하여 시각적 요소들의 활용을 살펴보고자 한다. UI 디자인의 시각적 구성요소는 ...
현재 모바일 환경 변화의 가속화와 모바일 기기의 대중화로 인하여 사용자들이 모바일 기기를 선택할 때, 구매 요인들이 다양해지고 있다. 2007년 미국 샌프란시스코에서 처음으로 선보인 ‘애플(Apple)'사의 ’아이-폰(i-Phone)‘이 첫 선을 보이면서 모바일 기기에 대한 관심이 큰 폭으로 증가되었으며, 2012년 이후에는 모바일 디스플레이 안에서 구동되는 UI(User Interface) 디자인에 대한 관심이 높아지고 있다. 높은 관심에 비해 UI 디자인의 시각적 요소들에 관한 연구는 미비한 실정이다. 모바일 환경에서 UI 디자인은 사용자들과의 시각적 커뮤니케이션의 수단으로 작용하고 있는데, 사용자들은 이것이 당연하단 듯, 태도로 받아들이고 있다. 이에 본 연구는 모바일 환경의 변화된 원인을 화면 디스플레이의 다양화로 보고 변화되는 환경에서의 UI 디자인을 알아보았다. 모바일 환경은 작은 화면에서의 디스플레이, 제한된 하드웨어의 키, 저용량, 사용자 환경, 피드백을 통한 특징으로 변화된 상황을 설명하였고, 사용자중심에서의 UI 디자인을 살펴봄으로써 모바일 환경에서의 UI 디자인의 중요성을 알 수 있었다. 또한, UI 디자인에서 일반적으로 사용되고 있는 시각적 요소들을 알아보고, 국내 뉴스 애플리케이션의 사례를 통하여 시각적 요소들의 활용을 살펴보고자 한다. UI 디자인의 시각적 구성요소는 정적방식과 동적방식으로 나누어 살펴볼 수 있었다. 정적방식은 레이아웃, 컬러, 그래픽 요소, 타이포그래피, 내비게이션으로 분류하였고, 동적방식은 애니메이션&동영상으로 구분하였다. 그리고 UI 디자인의 원칙과 시각적 인지과정을 통하여 사용자들의 시각에 어떻게 영향을 주고 있는지에 대하여 살펴볼 수 있었다. 그 결과, UI 디자인의 레이아웃은 기본적으로 1단과 2단을 사용하고 있으며, 미세한 오차범위 안에서 변화를 주고 있고, 내비게이션은 상단과 하단에 배치하여 사용자들이 편리하게 시스템을 이용할 수 있게 길안내를 해주고 있었다. 뉴스 애플리케이션이기 때문에 컬러의 사용은 자제하고 있었고, 타이포그래피는 가독성을 높이는 돋움체와 차별화를 준 명조체의 사용으로 인하여 사용자들이 잘 읽을 수 있도록 도와주고 있다. 또한 UI 디자인의 시각적 요소에서 중요한 그래픽 요소들 중 아이콘은 7개가 넘어가지 않는 기준을 볼 수 있었고, 버튼의 사용도 5개 이하로 구성된 것이 많았다. 마지막 동적방식은 광고의 사용으로 인하여 시각적 즐거움을 주고 있지만, 엉뚱한 방향으로 나가버리는 광고 때문에 시각적 효과가 떨어지므로 주의해야 할 것이다. 본 연구는 UI 디자인에서 시각적 활용 요소들이 어떻게 보여 지고 있는지에 대하여 사례를 분석하였으며, 본 연구에서 알아본 시각적 활용 요소들이 UI 디자인을 하는데 있어 기본적인 자료에 도움이 되기를 기대한다.
현재 모바일 환경 변화의 가속화와 모바일 기기의 대중화로 인하여 사용자들이 모바일 기기를 선택할 때, 구매 요인들이 다양해지고 있다. 2007년 미국 샌프란시스코에서 처음으로 선보인 ‘애플(Apple)'사의 ’아이-폰(i-Phone)‘이 첫 선을 보이면서 모바일 기기에 대한 관심이 큰 폭으로 증가되었으며, 2012년 이후에는 모바일 디스플레이 안에서 구동되는 UI(User Interface) 디자인에 대한 관심이 높아지고 있다. 높은 관심에 비해 UI 디자인의 시각적 요소들에 관한 연구는 미비한 실정이다. 모바일 환경에서 UI 디자인은 사용자들과의 시각적 커뮤니케이션의 수단으로 작용하고 있는데, 사용자들은 이것이 당연하단 듯, 태도로 받아들이고 있다. 이에 본 연구는 모바일 환경의 변화된 원인을 화면 디스플레이의 다양화로 보고 변화되는 환경에서의 UI 디자인을 알아보았다. 모바일 환경은 작은 화면에서의 디스플레이, 제한된 하드웨어의 키, 저용량, 사용자 환경, 피드백을 통한 특징으로 변화된 상황을 설명하였고, 사용자중심에서의 UI 디자인을 살펴봄으로써 모바일 환경에서의 UI 디자인의 중요성을 알 수 있었다. 또한, UI 디자인에서 일반적으로 사용되고 있는 시각적 요소들을 알아보고, 국내 뉴스 애플리케이션의 사례를 통하여 시각적 요소들의 활용을 살펴보고자 한다. UI 디자인의 시각적 구성요소는 정적방식과 동적방식으로 나누어 살펴볼 수 있었다. 정적방식은 레이아웃, 컬러, 그래픽 요소, 타이포그래피, 내비게이션으로 분류하였고, 동적방식은 애니메이션&동영상으로 구분하였다. 그리고 UI 디자인의 원칙과 시각적 인지과정을 통하여 사용자들의 시각에 어떻게 영향을 주고 있는지에 대하여 살펴볼 수 있었다. 그 결과, UI 디자인의 레이아웃은 기본적으로 1단과 2단을 사용하고 있으며, 미세한 오차범위 안에서 변화를 주고 있고, 내비게이션은 상단과 하단에 배치하여 사용자들이 편리하게 시스템을 이용할 수 있게 길안내를 해주고 있었다. 뉴스 애플리케이션이기 때문에 컬러의 사용은 자제하고 있었고, 타이포그래피는 가독성을 높이는 돋움체와 차별화를 준 명조체의 사용으로 인하여 사용자들이 잘 읽을 수 있도록 도와주고 있다. 또한 UI 디자인의 시각적 요소에서 중요한 그래픽 요소들 중 아이콘은 7개가 넘어가지 않는 기준을 볼 수 있었고, 버튼의 사용도 5개 이하로 구성된 것이 많았다. 마지막 동적방식은 광고의 사용으로 인하여 시각적 즐거움을 주고 있지만, 엉뚱한 방향으로 나가버리는 광고 때문에 시각적 효과가 떨어지므로 주의해야 할 것이다. 본 연구는 UI 디자인에서 시각적 활용 요소들이 어떻게 보여 지고 있는지에 대하여 사례를 분석하였으며, 본 연구에서 알아본 시각적 활용 요소들이 UI 디자인을 하는데 있어 기본적인 자료에 도움이 되기를 기대한다.
Due to the change and acceleration of the current mobile environment and the popularization of mobile devices, the purchasing factors when selecting a mobile device are becoming more diverse. Interests in mobile devices have greatly increased along with Apple's i-Phone first appearance, first in...
Due to the change and acceleration of the current mobile environment and the popularization of mobile devices, the purchasing factors when selecting a mobile device are becoming more diverse. Interests in mobile devices have greatly increased along with Apple's i-Phone first appearance, first introduced in San Francisco, US in 2007, and since 2012, interests in UI(User Interface) ran inside the mobile display are increasing. Compared to the high interests, studies on the visual factors of UI design are inadequate. UI design in mobile environments works as a method of visual communication with the users, and the users accept this as something granted. Hereupon, this study viewed the reason for the changes in mobile environments as a diversification of screen display, and examined UI design in the changing environment. Mobile environments explains the changed situations through display, limited hardware and keys, low volume, user environment, and feedback, and by examining UI design focused on the users, the importance of UI design in a mobile environment was understood. Also, this study intends to find out the visual factors generally used in UI design, and examine the usage of the visual factors through cases of domestic news applications. The visual components of UI design were divided into a static method and dynamic method. The static method was classified into layout, color, graphic factors, typography, and navigation, while the dynamic method was classified into animation & video. Also, the effects on the perception of the users through the principles and visual cognitive process of UI design were investigated. As a result, the layout of UI design basically uses level1 and level2, giving changed within a small error range, and the navigation provided directions so that the users can use the system conveniently by placing them at the top and bottom. Since it is a news application, the usage of colors was refrained, and the typography used Dot-um-chae that enhances readability and Myung-jo-chae that gives differentiation to help the users read better. Also, among the important graphic factors of the visual factors of UI design, the number of icons did not exceed 7, and the use of buttons as well were usually under the number of 5. Finally, the dynamic method provided visual entertainment from the use of advertisement, but due to the advertisements going in a completely different direction, it can drop visual effects, and so it must be dealt with caution. This study analyzed the cases of how visual utilization factors are shown in UI design, and is excepted to provide help to basic resources in the UI designing of visual utilization factors.
Due to the change and acceleration of the current mobile environment and the popularization of mobile devices, the purchasing factors when selecting a mobile device are becoming more diverse. Interests in mobile devices have greatly increased along with Apple's i-Phone first appearance, first introduced in San Francisco, US in 2007, and since 2012, interests in UI(User Interface) ran inside the mobile display are increasing. Compared to the high interests, studies on the visual factors of UI design are inadequate. UI design in mobile environments works as a method of visual communication with the users, and the users accept this as something granted. Hereupon, this study viewed the reason for the changes in mobile environments as a diversification of screen display, and examined UI design in the changing environment. Mobile environments explains the changed situations through display, limited hardware and keys, low volume, user environment, and feedback, and by examining UI design focused on the users, the importance of UI design in a mobile environment was understood. Also, this study intends to find out the visual factors generally used in UI design, and examine the usage of the visual factors through cases of domestic news applications. The visual components of UI design were divided into a static method and dynamic method. The static method was classified into layout, color, graphic factors, typography, and navigation, while the dynamic method was classified into animation & video. Also, the effects on the perception of the users through the principles and visual cognitive process of UI design were investigated. As a result, the layout of UI design basically uses level1 and level2, giving changed within a small error range, and the navigation provided directions so that the users can use the system conveniently by placing them at the top and bottom. Since it is a news application, the usage of colors was refrained, and the typography used Dot-um-chae that enhances readability and Myung-jo-chae that gives differentiation to help the users read better. Also, among the important graphic factors of the visual factors of UI design, the number of icons did not exceed 7, and the use of buttons as well were usually under the number of 5. Finally, the dynamic method provided visual entertainment from the use of advertisement, but due to the advertisements going in a completely different direction, it can drop visual effects, and so it must be dealt with caution. This study analyzed the cases of how visual utilization factors are shown in UI design, and is excepted to provide help to basic resources in the UI designing of visual utilization factors.
※ AI-Helper는 부적절한 답변을 할 수 있습니다.