0 / 100
keyboard_arrow_up
keyboard_arrow_down
keyboard_arrow_left
keyboard_arrow_right

2020 TREND REPORT

디자인 트렌드

디자인 트렌드는 소비자의 라이프 스타일과 가치관에 따라 다양한 문화, 기술 변화와 영향을 주고받으며 변화합니다.
상품이나 서비스를 개발하는데 있어 미래에 소비자가 선호하는 디자인 요소를 예측하는 것은 매우 중요하며, 필수적인 단계입니다.
인터랙션, 비주얼, 모션, 프로토타입 등 다양한 디자인 분야 중에서
우리는 사용자 경험과 그래픽 디자인을 중심으로 2020년 디자인 트렌드를 소개하고자 합니다.

00

사용자 경험 디자인

UX DESIGN

빠르게 발전하는 기술들이 적용된 다양한 기기들은 우리의 삶을 이끌어가고 있습니다.
새로운 기술과 기기들은 끊임없이 나오며 우리의 삶을 다양한 방법으로 변화시킵니다.
UX 트렌드는 기기와 함께 사는 우리들의 경험에 대해 집중합니다.

사용자 경험 디자인이란?
소비자가 제품이나 서비스를 이용할 때 다각적으로 발생하는 상호 작용을 고려해야 합니다.
제품이나 서비스를 이용할 때 소비자의 만족감을 최대화할 뿐만 아니라
총체적인 경험에서 새로운 가치를 만들 필요가 있습니다.

01

감정 표현을 다각화 하다

#비대면적 소통 #욜로(YOLO)의 진화

디지털로 대화하는 Z세대는 비대면적 소통에 익숙합니다. 특히 TV 속 예능, 유튜브, SNS 등을 통해 자신의 신분을 밝히지 않고 다른 사람들의 감정에 공감하는 것을 즐깁니다. 또한 전화나 메시지 등으로 직접 소통하기보다 나의 모습, 상황, 표정 등을 사진, 영상으로 남겨 다른 사람의 반응을 끌어냅니다. 카카오톡 '라이브톡', 인스타그램 '스토리, 라이브' 등의 서비스가 사랑받고 있으며 나를 표현하는 비대면적 소통 방법이 더욱 진화할 것으로 보입니다.

Instagram Story (L), Non face-to-face Communication (R)

02

섬세하게 편리함을 제공하다

#대화하는 인공지능 비서 #능동적인 행동

VUI는 '대화'라는 익숙한 경험을 바탕으로 합니다. 설계에 따라 원하는 정보의 복합적인 검색 과정을 줄여줄 수 있으며, 감성 욕구를 채워주기도 합니다. 아직은 정확한 명령에 반응하는 수동적인 모습을 보이고 있지만, 머지않아 사용자보다 먼저 신체 및 감정 변화를 감지하고 딥러닝을 통해 개인 성향과 주변 환경을 고려하여 능동적으로 해답을 제시하는 비서로 발전할 것입니다.

BMW Intelligent Personal Assistant (L), BMW Natual Interaction (R)

03

움직이며 에너지를 제어하다

#자동화 시스템 #자율주행자동차

전기자동차와 자율주행기술은 에너지 소비에 변화를 줍니다. 전기자동차의 확대는 에너지 소비 효율을 높이며 도시의 환경을 쾌적하게 바꿉니다. 집, 차량과 교통시스템이 연결된 자율주행기술은 우리의 삶을 보다 효과적으로 만들며 에너지 및 사회적 비용을 줄여줄 것입니다. 이를 위해서는 안정된 시스템을 구축하고 사용자들이 충분히 알 수 있도록 표현해 신뢰를 쌓아야 합니다.

Intelligent Behavior of Autonomous Vehicles

04

함께 같은 공간을 느끼다

#가상현실 #직관적인 의사소통

가상현실은 헤드셋 속에서 입체적인 화면으로 새로운 공간을 보여줍니다. 네트워크가 발달함에 따라 이러한 공간은 혼자가 아닌 함께하는 공간으로 탈바꿈합니다. 독립된 공간에 홀로 있었던 사용자는 친구의 모습을 서로 바라보며 같이 행동합니다. 자신을 중심으로 제공되었던 UI는 연결된 사용자와 빠르게 소통하기 위해 단순하거나 유동적으로 정보가 제공될 필요가 있습니다.

Networked in Virtual Reality

05

현실위에 정보를 그리다

#증강현실 #집중된 공간

증강현실이 스마트폰을 넘어 스마트 글래스, 스마트 거울 등 다양한 형태로 제공되기 시작하면서 사용자는 더욱 창의적인 활동이 가능해졌습니다. 차량 내 탑승자에게 제공되는 AR 내비게이션은 시선을 돌리지 않고도 원하는 정보를 바로 제공할 수 있습니다. 작업자는 작업 공간을 주시한 채 필요한 정보와 조작 패널을 연결 지어 확인할 수 있습니다. 디스플레이의 틀에 대한 제약없이 사용자의 시선을 인식하고, UI를 제공할 수 있다면 시선의 흔들림 없는 집중된 공간을 만들 수 있습니다.

BMW Natual Interaction 2019

06

유연하고 넓게 사용하다

#디스플레이의 변화 #유동적인 인터페이스

TV, 스마트폰 등 디스플레이가 사용되는 영역은 구부러지거나 접히면서 사각형의 틀을 벗어나고 있습니다. 넓고 유연한 디스플레이는 현실 공간 속에 자연스럽게 녹아 들며 기존의 정형화된 시각적 경험에 변화를 줍니다. 차량, 가구, 가전 등 일상 제품들 속에서 마치 이전부터 한 몸이었던 것처럼 버튼과 계기반을 대체하며 넓고 유연한 디스플레이의 특징을 살린 가변적인 UI를 제공 할 것입니다.

BMW i Inside Future Concept (L), Mercedes-Benz F 015 Luxury in Motion (R)

07

생략하며 신뢰를 얻다

#생체인식 #기기와 상호작용

안면 인식으로 휴대폰을 잠금해제하고 지문으로 자동차 시동을 켜는 경험은 이제 익숙한 경험이 되었습니다. 프로세스의 발달로 인해 인식하는 과정은 사용자가 인지하기 힘들 정도로 빨라졌습니다. 하지만 개인 정보는 사용자에게 중요하고 민감한 사항이며, 이러한 정보가 활용되고 있는 상황에서는 사용자가 충분히 인지할 수 있도록 하여 기기와 사용자 간의 신뢰를 얻을 필요가 있습니다.

Face Recognition Technology in Car (L), Fingerprint Recognition Technology in Santa Fe (R)

00

그래픽 디자인

GRAPHIC DESIGN

고화질 디스플레이의 발달은 밀도 높은 시각적 콘텐츠를 추구하게 만들었고, 이는 감각들을 동시 다발적으로 자극합니다. 정밀하게 표현되는 사물과 사용자의 시선을 끌 수 있는 시각적 효과가 중요해졌습니다. 그래픽 트렌드는 기기에 자극받는 감각적 밀도에 집중합니다.

그래픽 디자인이란?
제품이나 광고매체에서 소비자의 호감을 사기 위해 심미성을 강조하는 디자인 요소입니다. 쓰임에 따라 표현되는 방법이 다르고, 제품과 서비스의 가치를 높이는데 사용됩니다.

01

공간의 해방으로 즐겁다

#무중력의 흐름 #중첩의 깊이

디스플레이 프레임을 벗어나 화면 내부 및 외부에 떠있는 것처럼 중력이 없는 환경은 사용자의 상상력을 자극합니다. 공간 내 중첩된 레이어의 변화, 공간 속의 공간, 3차원 공간 속 움직임 등은 사용자를 놀라게 합니다. 이는 다양한 형태, 크기의 디스플레이 속에서 많은 콘텐츠를 효과적으로 보여주기 위한 자연스러운 현상입니다. 하지만 이러한 공간 디자인 시 사용자는 디지털 매체의 역동적인 움직임에 많이 익숙해졌기 때문에 새로운 자극이 될 수 있는 인터랙션 디자인으로 차별화를 주어야 할 것입니다.

Apple Watch (L), The Amazon Fire TV interface (R)

02

단독으로 강렬하다

#고퀄리티 이미지 #선명한 단색

고화질의 디스플레이가 대중화되면서 사용자에게 보다 깨끗하고 정리된 이미지를 보여줄 수 있게 되었습니다. 많은 색상을 사용하기보다 하나의 색상을 잘 사용했을 때 강렬한 인상을 줄 수 있으며, 그 중 선명하고 생생한 색상은 우리에게 자극적이며 시선을 끌기에 충분합니다. 하지만 색상을 선택할 때 브랜드가 추구하는 방향과 어울리는지, 제품의 기능 및 디자인이 돋보일 수 있는지 고려해야 합니다.

iPhone X PRODUCT RED (L), Toyota C-HR (R)

03

섬세하고 부드럽게 보이다

#간결하고 단순한 정보 #기기의 배려

많은 기기들은 사용자에게 정보와 기능을 알려주기 위해 온갖 방법을 동원하고 있지만 의식을 하지 않는 이상 한 번에 많은 정보들을 인지하기는 어렵습니다. 하지만 스마트 홈, 자율 주행 자동차 등 우리의 삶에서 기기의 역할은 점점 늘어나고 있으며, 자동화된 기기들은 스스로 사용자에게 가장 필요한 정보를 정리할 필요가 있습니다. 선별된 정보는 단순화된 그래프와 아이콘, 명확한 색상을 통하여 사용자로 하여금 공격적이지 않고 친숙함을 느끼게 할 것입니다.

JUSTINMIND Microinteractions guide (L), Like, Cristian Dina (R)

04

화면 속 리얼함을 더하다

#기능의 디지털화 #경험의 강화

기술이 고도화됨에 따라 단순함을 넘어 얼마나 디테일하고 리얼하게 보여주는 것이 중요해졌습니다. 멈춰 있어도 움직일 것만 같은 생동감을 주는 그래픽은 사용자로 하여금 감동을 줍니다. 단순하고 익숙했던 정보를 보다 몰입할 수 있게 도와주며, 보편적인 기능에 재미를 더합니다. 자동차의 디지털 클러스터와 같이 빠른 움직임에 반응해 변화하는 그래픽은 이러한 경험을 극대화합니다.

Genesis G70 3D Cluster (L), Realistic 3D Weather by Micha Sambora (R)

05

메세지에 힘을 불어 넣다

#서체의 변화 #메세지 전달

패션, 광고 등에서 소비자의 마음을 유혹하는 메시지에 힘을 불어 넣기 위해 서체는 다양한 방법으로 변형될 수 있습니다. 크기의 변화로 특정 단어나 음절을 강조하거나, 조형미를 따라 역동적인 움직임을 가지거나 기하학적인 형태를 띠기도 합니다. 이렇게 변형된 서체는 단어 의미를 넘어 형태 그 자체로 메시지를 전달할 수 있으며, 단어의 의미를 강화하거나 중의적인 의미를 담아 재미를 주기도 합니다. 기존의 방식에서 탈피한 이러한 서체의 표현방법은 더 다양해 질 것입니다.

2019 Women's Just Do It

06

풍부하고 유쾌하게 보이다

#그림이야기 #풍부한 표현

일러스트레이션은 새로운 관점으로 현실을 재해석하거나 사물과 드로잉을 새롭게 결합하여 재치와 신선함을 전달합니다. 다양한 그림체와 색상으로 표현하여 시각적 언어의 풍부함을 가지며, 메시지로 직접적인 이야기를 전달하는 방법과 달리 보는 이의 상상력을 자극합니다. 한 장의 그림으로 전달해야 하는 포스터 같은 인쇄 매체 외에도 서비스의 기능과 가치에 대한 소개, 프로모션 영상과 같은 디지털 매체를 기반으로 한 스토리텔링에서도 강력한 힘을 발휘할 것입니다.

Error message - Halloween edition by Katarzyna Dziadu? (L), Traveltrip landing page concept by Aliffajar (R)