본문 바로가기

웹122

UIUX 디자인 트렌드 9가지 UIUX 디자인을 하기 위해서는 전체적인 디자인 트렌드와 UIUX의 트렌드를 파악할 필요가 있습니다. 최근의 UIUX 디자인 트렌드는 불필요한 요소를 제거하고 사용자 경험에 더욱 집중하는 추세입니다. 단순히 보기 좋다거나 시각적으로 아름다운 것보다, 사용자의 경험을 더 중요시하는 것이죠. 트렌드라고 해서 무조건 사용할 필요는 없고, 각자의 서비스와 상황에 맞게 응용해보면 좋을 것 같아 소개해드리려고 합니다. 그럼 최근 디자인 트렌드에서는 어떤 요소들을 이용하고 있는지 알아보겠습니다. 크게 일반 디자인과 UIUX 디자인 트렌드로 나누어 소개해드리겠습니다. 디자인 트렌드 1. 맞춤형 일러스트레이션 대담하고 생생한 색상, 재미있는 스타일의 맞춤형 일러스트레이션은 다른 시각 콘텐츠보다 7배 이상 효과가 좋다고 .. 2022. 5. 17.
UX와 UX 디자인 개념 이해하기 UX와 UX 디자인 개념을 정리해보았습니다. 먼저, UI와 UX에 대해 우리가 흔히 하는 오해를 짚고 넘어가겠습니다. UI는 UX 디자인의 결과물이다. UX는 UI 디자인보다 더 큰 개념이다. UX는 인터페이스를 디자인하는 것이다. 이렇게 UI와 UX를 이분법적으로 구분하는 것은 합리적이지 않습니다. UI 디자인에서도 UX적인 측면이 필요하고, UX 디자인에서도 UI를 고려해야하는 만큼 그 영역이 겹쳐있음을 이해해야합니다. 그럼에도 UX가 무엇인지에 대해서 정의하자면, UX는 UI를 만드는 과정을 의미한다고 보는 것이 맞습니다. 경험은 눈에 보이지 않기 때문에, 다양하게 조사해서 새로운 경험을 설계하고 그것을 실체화하는 프로세스라고 볼 수 있습니다. 아무리 좋은 디자인을 하더라도, 사용자가 원하지 않은 .. 2022. 5. 17.
모바일 콘텐츠를 제작할 때 알아야할 4가지 모바일 콘텐츠를 제작하려면 터치 영역과 제스처를 비롯한 스마트폰 모바일 환경의 특징, 모바일 사용자의 특징, 모바일 콘텐츠의 특징, 모바일 앱의 제작 방식 등을 알 필요가 있습니다. 이러한 내용을 파악하고 모바일 웹이나 앱을 제작한다면, 어떤 콘텐츠를 어떤 방식의 UIUX로 제작해야하는지 도움을 얻을 수 있습니다. 또한 앱이나 웹을 제작하는 방식에 따른 장점과 단점도 정리해두었으니 참고해주세요. 이 글에서는 다음과 같은 내용을 알아보겠습니다. 1. 모바일 환경의 특징 모바일 환경은 PC보다 좁은 영역에서 UI를 구현해야 합니다. 따라서 터치 제스처, 각종 센서와 상호작용 하는 UX가 더욱 중요합니다. 모바일 환경은 특징은 다음과 같습니다. 모바일 기기 하드웨어와의 연관성 기기 센서와의 연관성 사용자가 항.. 2022. 5. 17.
UI를 제작할 때 고려할 점 15가지 UI를 제작할 때 고려할 점과 UI 평가 기준을 정리했습니다. 어떤 기준으로 UI를 만들어야할지 막막하다면, 사용 편의성을 높여줄 수 있는 5가지 항목을 체크리스트로 활용할 수 있습니다. 또한 프로토타입 단계에서 UI를 평가하는 휴리스틱의 10요소를 확인해서, UI가 잘 제작되었는지 평가 후 보완할 수 있습니다. 먼저, 어떤 기준으로 UI가 좋은지를 평가할 수 있는지 알아보겠습니다. 0. UI 평가의 기준 UI 평가는 '사람과 사물 또는 시스템간의 소통이 잘 되는가'를 평가하는 것입니다. 핵심적으로는 '정보 자원을 디자인을 통해 쉽게 소통할 수 있는가'를 평가합니다. 여기서 디자인은 미술적인 것만을 얘기하는 게 아니라, 설계적인 부분도 포함합니다. UI를 평가할 때 구체적인 판단 기준이 되는 것은 '사용.. 2022. 5. 16.
인터페이스와 UI의 종류 UI가 무엇이고 실제로 UI를 제작할 때 어떻게 제작해야할지 이해하려면, 인터페이스와 UI 종류에 대해 알 필요가 있습니다. 이는 인간에 대한 것, 환경에 대한 것, 기술에 대한 것 등 여러 가지 요소가 모두 포함되어 있습니다. 이 글에서는 다음과 같은 내용을 알아봅니다. 먼저, UI는 유저 인터페이스의 약자입니다. 그럼 인터페이스는 뭘까요? 1. 인터페이스의 구분 인터페이스는 접속 장치 또는 매개체라고 부릅니다. 매개체는 입력과 출력이 가능해야 합니다. 크게 하드웨어 인터페이스, 소프트웨어 인터페이스, 사용자 인터페이스 3가지로 구분합니다. 하드웨어 인터페이스 : 컴퓨터와 모니터처럼 기계와 기계를 연결하는 것 소프트웨어 인터페이스 : 소프트웨어 끼리 예를 들면 운영 체제와 응용 프로그램이 상호작용할 수.. 2022. 5. 16.
iOS 디자인과 안드로이드 머티리얼 디자인 가이드의 특징 iOS 디자인의 간단한 변천사와 플랫 디자인의 특징, 안드로이드 구글 머티리얼 디자인 가이드의 특징에 대해 요약해보았습니다. 본격적인 디자인을 제작하기에 앞서, 지금까지의 UIUX 디자인 종류는 어떤 것이 있었는지 앞으로 어떤 디자인을 추구해야할지 정리해보는 시간을 가져보겠습니다. 이전에는 iOS와 안드로이드 이 두가지 모바일 운영 체제에 의해 모바일 UIUX 디자인이 양분화되었었습니다. 이에 따라서, 모바일 콘텐츠를 만들때 그 운영체제가 가이드하는 디자인을 따르는 식이었죠. 그러나 이제는 각 운영체제별로 확연히 구분되기 보다는, 각자의 장점을 차용한 디자인이 발전되고 있습니다. 각각의 디자인 가이드에는 장단점이 있으므로, 살펴보신 후 표현하려고 하는 서비스의 상황에 따라서 유동적으로 사용하는 것이 좋겠.. 2022. 5. 16.
메뉴 트리, 정보구조도 작성 방법 정보 구조 설계에 해당하는 메뉴 트리, 정보 구조도(IA) 작성은 기획과 디자인 두 분야에서 통용되는 단계입니다. 기획자 뿐만 아니라 디자이너도 이와 같은 내용을 알면 디자인을 설계하고 표현하는데 있어서 매우 효율적인 작업을 할 수 있습니다. 이러한 정보 구조 설계를 마친 이후에 화면이 어떻게 보여지는지 와이어 프레임, 프로토 타이핑을 진행할 수 있습니다. 정보 구조를 설계하는 것의 핵심은, 사용자가 편리하게 이용할 수 있게 정보를 구성하는 것입니다. 어떤 구조가 사용자가 이용하기 편리한지 판단하는 근거는 디자인 리서치와 모델링, 아이디어 도출, 사용자 시나리오 등 지난 글들을 통해 알 수 있습니다. 이에 따라 사용자 경험을 이해하고 정보를 해체하고 재조합하면서, 논리적인 탐색 구조를 설정하도록 해봅시다.. 2022. 5. 16.
목록 썸네일 이미지 W3C 웹 표준, 웹 접근성 연구소 체크리스트 정리 웹 표준을 준수하여 웹 접근성을 높일 수 있도록, W3C 권고안과 웹 접근성 연구소 지침을 정리해보았습니다. 웹 표준은 세계적인 기관인 W3C에서 웹을 제작할 때 권고하는 표준 권고안이며, 웹 접근성은 웹 표준을 지킴으로서 향상됩니다. 0. 웹 표준, 웹 접근성을 신경써야하는 이유 그럼 웹 접근성은 왜 향상되어야 할까요? 우리가 웹 표준을 지켜야하는 이유는 다음과 같습니다. 다양한 환경(브라우저, 기기, 상황)에서 접속할 수 있습니다. 사용자 입장에서는 필요한 정보를 손쉽게 검색해서 접근할 수 있습니다. 제작자 입장에서는 따로 홍보를 하지 않아도, 검색에 쉽게 노출되어 광고 비용을 줄일 수 있습니다. 웹 접근성은 모든 사용자가 신체적인 조건, 교육 수준, 환경적인 조건에 상관없이 웹에 접근할 수 있는 정.. 2022. 5. 12.

티스토리툴바