2020 년 웹 디자인 트렌드

2020 년 웹 디자인 트렌드 : 새로운 18 년 동안 기대할 수있는 상위 XNUMX 개 트렌드.

2020 년에는 모든 비즈니스 소유자와 웹 디자이너가 알아야 할 흥미로운 최신 웹 디자인 트렌드가 있습니다. 과장하고 트렌디 한 요소로 전체 사이트를 채우고 싶지는 않지만 몇 가지 현재 모양을 추가하면 사이트 방문자에게 사이트가 최신이고 현대 비즈니스를 이해하고 있음을 보여줍니다. 내년을 내다 보면 놀라운 웹 사이트 개발에 흥미 진진한시기라는 것을 알게 될 것입니다. 반응 형 웹 디자인 2020 년 트렌드.

현재 웹 디자인 트렌드와 가장 흥미로운 트렌드를 되돌아 보면 많은 것을 배울 수 있습니다. 2019 년 웹 디자인 트렌드, 음성 인터페이스, 이미지 기반 검색 및 Alexa와 같은 스마트 스피커가 사람들이 인터넷과 상호 작용하는 방식을 어떻게 바꾸고 있는지 등. 어떤 트렌드는 그저 재미있을뿐 아니라 다른 트렌드는 어떤 방식 으로든 목적을 달성하거나 현재 기술과 연결되는 데 도움이됩니다.

현재 웹 디자인 트렌드를 알고 브랜드에 맞는 트렌드를 사용하는 것이 좋지만 경쟁 업체와 차별화 할 수있는 기회를 찾아야한다는 점을 명심하십시오. 이는 새로운 디자인을위한 길을 마련하거나 과거에 특히 잘 작동했던 기능으로 돌아가는 것을 의미 할 수 있습니다. 다음은 2020 년 웹 디자인 트렌드에 대한 몇 가지 예측과이를 자신의 사이트에 구현해야하는 이유입니다. 현재를 이해하는 것도 좋은 생각입니다. SEO 이는 더 나은 전환을 위해 웹 디자인을 최적화하는 데 도움이 될 것입니다.

1. 특대 편지

2020 년 웹 디자인 트렌드를 빠르게 확인할 수있는 영역 중 하나는 타이포그래피입니다. 사용자의주의를 끌고 전체 경험을 기발하고 재미있게 만드는 거대한 특대 글자를 기대하십시오. 한 단어가 전체 페이지를 차지합니다. 그러나이 방법을 아껴서 사용하고 스마트 폰과 같은 작은 화면에 반응하는지 확인하십시오. 그렇지 않으면 사이트 방문자 중 일부를 잃을 위험이 있습니다.

2020 년 현재 웹 디자인 트렌드

그라니온 이 스타일을 사용하여 이벤트가 시작될 때까지 여름이 끝나더라도 여름을 축하해야하는 이벤트에 사람들을 초대합니다. 그들은 사용자의 관심을 끌기 위해 두 줄로 나뉘어 진 거대한 글자로 여름이라는 단어를 사용합니다. 온라인 초대장에 특 대형 글자를 사용하는 것은 사이트의 기본 모양을 변경하지 않고 현재 추세를 활용하는 현명한 방법입니다. 큰 글자를 사용하는 것을 고려하십시오. 방문 페이지예를 들어.

2. 깨진 그리드

2019 년에 우리는 모든 것이 그리드에 정렬 될 필요가없는 비대칭 디자인의 시작을 보았습니다. 이 추세는 웹 디자인뿐만 아니라 다양한 매체에서 2020 년까지 계속 될 것으로 예상됩니다. 깨진 그리드는 상자가 서로 겹치고 보는 사람에게 미적으로 만족스러운 요소의 레이어를 만드는 곳에서 더 인기를 끌 것입니다. 이 접근 방식은 웹 사이트에 더 예술적이고 고급스러운 모습을 제공합니다. 더 이상 그리드가 필요하지 않으며 사이트가 약간 오래된 것처럼 보일 수도 있습니다.

3. 더 나은 모바일 디자인

지난 몇 년 동안 디자이너들은 얼마나 많은 사람들이 스마트 폰을 통해 사이트에 액세스하는지 깨달았습니다. 최근 보고서에 따르면 2025 년까지 약 3.7 억 인터넷 사용자 모바일 전용입니다. 아직 작은 화면을 위해 디자인하지 않았다면 올해는 시장 포화도가 더 높아지기 전에 확실히이 추세에 뛰어들 때입니다.

귀하의 사이트가 아직 모바일 우선 설계를 기반으로하지 않았다면 지금이 독자에게 콘텐츠를 제공하는 방법과 그들이 실제로 귀하의 사이트에 액세스하는 위치 (예 : 전화 또는 데스크톱 컴퓨터)를 살펴볼 때입니다.

4. 간단

일부 사이트는 단순함을 위해 비명을 지 릅니다.. 대상 인구 통계를 고려하십시오. 대부분의 사용자가 베이비 붐 세대 인 경우 필요한 요소를 쉽게 찾을 수 있도록 전통적이고 단순하게 유지하는 것이 좋습니다. 반면에 청중이 Z 세대라면 트렌디 한 디자인 요소가 필요하고 사이트 사용 방법을 알아내는 것에 대해 걱정할 필요가 없습니다.이 세대는 기술에 매우 능숙합니다. 그들은 당신이 들어보기도 전에 2020 년 디자인 트렌드의 중요성을 이미 생각했을 것입니다.

5. 3D 요소

디자인에 대한 360 차원 추가는 한동안 존재했지만 내년에는 더 많은 것을 볼 것으로 예상됩니다. 사람들은 안락한 거실 소파를 떠나지 않고도 직접 경험을 원합니다. 동영상을 추가하고 XNUMX 차원 디자인으로 튀어 나오는 제품과 문자를 XNUMX도 볼 수 있습니다.

웹 디자인 트렌드 2020 : 3D 요소

키스톤 슈팅 센터 소매점 내부를 보여주는 XNUMX 차원 비디오를 제공합니다. 매장을 둘러보고, 다양한 디스플레이를 둘러보고, 인형 집보기를 사용하여 전체 건물을 볼 수 있으며, 디스플레이 케이스에 가까이 다가가 내부 내용을 볼 수도 있습니다. 실제로 매장을 방문하는 것이 차선책입니다.

6. 커스텀 스케치

다양한 웹 사이트에서 삽화가 유행하는 것을 눈치 채 셨을 것입니다. 그들은 특정 기발한 요소를 추가합니다. 사이트의 분위기와 목적에 완벽하게 일치하도록 점점 더 커스터마이징 될 것으로 예상됩니다. 2020 년 웹 디자인 트렌드를 활용하려면 경쟁 업체와 차별화되는 브랜드 그에 맞는 이야기를 생각해보세요. 일러스트 레이터와 협력하여 사이트의 목적과 개성과 완벽하게 일치하는 그림을 만드십시오.

7. 콘텐츠 분할

귀하의 비즈니스에는 이중 목적이 있습니까? 분할 콘텐츠 디자인은 또 하나가 될 궤도에 있습니다 웹 디자인 2020 년 트렌드, 이미 아티스트 웹 사이트 및 일부 전자 상거래 사이트. 분할 된 콘텐츠를 사용하면 페이지를 중간으로 나누고 한쪽은 밝게, 한쪽은 어둡게하는 등 회사 성격의 양면을 보여줍니다.

단일 배경 위에 투명한 색상을 겹쳐서이 모양을 만들거나 분할을 더 거칠게 만들고 양면을 완전히 다르게 만들 수 있습니다. 중앙 통나무와 같이 두면을 함께 묶는 요소가 있어야합니다.

8. 애니메이션

애니메이션은 결코 유행을 타지 않는 트렌드이지만 더 빠르고 더 빠른 인터넷 속도와 함께 2020년에는 웹 디자인 트렌드에 점점 더 많은 애니메이션이 등장할 것으로 예상됩니다. 5G 연결로 스트리밍이 더 쉽고 빨라집니다. 그 어느 때보다. 공급자는 다음을 기대합니다. 속도 20 배 증가 5G over LTE의 도입과 함께.

애니메이션 웹 디자인 트렌드

월요일 안녕하세요 만들 수있는 애니메이션 유형을 보여줌으로써 서비스를 소개합니다. 그들은 수영장에 뛰어 들어 춤을 추거나 다른 모양과 의상으로 변신하는 것과 같은 다양한 작업을 수행하는 남녀를 보여줍니다.

9. 숨겨진 탐색

2020 년 웹 디자인 트렌드 중 일부는 2019 년의 다른 트렌드와 맞물려 있습니다. 미니멀리즘이 인기를 얻고 있습니다.예를 들어, 초기에 페이지에 더 적은 요소를 배치하여 트렌드에 숨겨진 탐색 태그를 추가합니다. 외출을 알리는 햄버거 메뉴는 사용자가 내비게이션 바를 필요로 할 때까지 귀중한 공간을 차지하지 않고 내비게이션이 어디에 있는지 보여주는 방법으로 다시 등장했습니다. 또한 일부 사이트는 "메뉴"라는 단어를 사용하여 사용자가 필요할 때 사이트를 탐색 할 수있는 방법을 알립니다.

10. 대담한 색상

대담한 색상의 사용은 2020 년 웹 디자인 트렌드에서 그다지 새로운 플레이어가 아닙니다. 대담한 색상은 지난 몇 년 동안 사용되어 왔으며 선명한 파란색, 진한 분홍색 및 밝은 보라색으로 내년까지 계속됩니다. 강조 색상으로 사용되지만 완전한 배경이나 이미지에 투명한 오버레이로 나타납니다. 처음에는 색이 엉망이지만 확실히 사용자의 관심을 끌다. 대담한 색상을 사용하는 열쇠는 흰색이나 검은 색과 같은 중성 색과 조화를 이루는 것입니다.

11. 모핑

인기가 높아지고있는 또 다른 디자인 트렌드는 이미지 변형입니다. 사용자가 페이지의 요소 위로 마우스를 가져 가면 이동, 변형 및 다른 것으로 바뀌어 전체 사이트가 더 상호 작용하고 사용자 참여 유지 페이지에 도착한 후 오래. 모핑은 이탈률을 줄이고 사이트 방문자가 랜딩 페이지에 더 오래 머무르게하는데 도움이 될 수 있습니다. 그러면 방문자는 귀하가 제공해야하는 것을 더 많이 보게됩니다.

2020 년 모핑 웹 디자인 트렌드

행 탐색 신발, 재킷, 배낭 등 하이킹 및 야외 활동을위한 다양한 제품을 제공합니다. 홈페이지에 처음 방문하면 탐험 할 수있는 지형 유형 (숲, 산, 협곡 및 요소) 중 XNUMX 가지를 선택할 수 있습니다. 페이지의 네 모서리에 세로로 배치 된 각 단어 위로 마우스를 이동하면 해당 설정의 이미지가 표시됩니다. 이미지가 이동하고 함께 혼합 된 다음 이동하는대로 변경됩니다. 이 스타일은 재미 있고 사용자가 아래로 스크롤하여 제품을 확인하기를 원할 수 있도록 몇 분 동안 계속 찾게합니다.

12. 시차 스크롤링

Super Mario Bros.와 같은 비디오 게임을 해본 적이 있다면 시차 스크롤링을 경험 한 것입니다. 이 디자인 기법은 2019 년 내내 더욱 인기를 얻었으며 2020 년에도 주요 웹 디자인 트렌드 중 하나가 될 것입니다. 시차 스크롤을 사용하면 사용자가 스크롤 할 때 서서히 사라 지므로 페이지의 특정 요소를 강조하여 다른 요소보다 더 오래 시야를 유지할 수 있습니다.

13. SVG

SVG (Scalable Vector Graphics)는 새로운 것이 아닙니다. 그들은 인쇄를 위해 쉽게 확장 및 축소되기 때문에 수년 동안 디자인 옵션으로 사용되어 왔습니다. 그러나 사람들이 인터넷에 액세스하는 데 사용하는 다양한 장치로 인해 향후 몇 년 동안 웹 디자인에서 이러한 그래픽이 점점 더 자주 사용되는 것을 볼 수있을 것으로 예상됩니다. 디자이너는 모바일 및 데스크톱 트래픽을 처리하기 위해 두 개의 별도 웹 사이트를 만드는 데 지쳤습니다. SVG를 사용하면 두 번째 디자인 없이도 이미지 크기를 쉽게 늘리거나 줄일 수 있습니다.

14. 음성 사용자 인터페이스

VUI (음성 사용자 인터페이스)를 통해 사용자는 Siri, Alexa 또는 Cortana를 통해 음성 명령을 사용하여 웹 사이트와 상호 작용할 수 있습니다. 이러한 유형의 디자인은 시각 장애가 있고 텍스트가 아닌 구두로 명령을 내릴 필요가있는 개인에게도 유용합니다. 2020 년의 웹 디자인 트렌드가 기본적인 접근성 표준을 따라 잡을 때가되었고, VUI는이를 가능하게하면서도 손으로 다른 작업을 수행하지만 동시에 사이트의 다른 페이지로 이동하려는 사람에게 편의를 제공합니다.

15. 방문 페이지

페이스 북은 인공 지능이 (AI)는 소셜 미디어를 바꿀 것입니다 앞으로 몇 년 동안 우리가 알고있는 것처럼. 현재 AI 덕분에 떠오르는 트렌드 중 하나는보다 개인화 된 웹 사이트 경험입니다.

2020 년 웹 디자인 트렌드와 관련하여 전통적인 홈페이지를 잃는 것이 가장 큰 변화 중 하나입니다. 사이트 방문자에게 진정으로 개인화 된 경험을 만들려면 디자이너는 해당 사용자의 관심사와 일치하는 랜딩 페이지를 만들어야합니다. 모든 것을 예측하는 것은 불가능합니다 AI의 발전, 그러나 확실히 이전 변경 사항을 살펴보고 우리가 필요하다는 사실을 거의 알기 전에 우리의 요구를 충족시키는보다 개인화되고 직관적 인 세상으로 향하고 있음을 알 수 있습니다.

16. 잔인 함

잔인 함은 정의하기가 조금 어렵지만 그것을 보면 그 모습을 알게 될 것입니다. 날카로운 모서리, 대칭 부족, 대담하게 대조되는 색상 및 충돌하는 디자인이 모두이 새로운 트렌드를 구성합니다. 인터넷에 안전한 다양한 색상과 공백이없는 색상 블록이이 스타일을 차별화합니다. 외형은 다른 어떤 것보다 독특하며 실제로 소비자의 관심을 끌고 있습니다.

Brutalism 웹 디자인 동향

주스 박스 공백의 힌트를 제거하고 거친 색상 블록을 사용합니다. 페이지의 글자조차도 대비가 높고 고르지 않습니다. 사이트는 더 단순한 시간을 비명을 지르며 주스를 원할 때 생각하는 것일 수 있습니다.

17. 마이크로 인터랙션

웹 사이트를 방문하여 양식을 제출 한 적이 있다면 양식로드가 100 %에서 XNUMX %까지 표시되는 막대를 보셨을 것입니다. 이 프로세스는 마이크로 인터랙션이며 사용자에게 자신의 행동에 결과가 있음을 보여줍니다. 더 단순화 된 디자인이 대중화됨에 따라 이러한 작은 작업은 여전히 ​​사람들의 관심을 끄는 사이트를 유지합니다. 매우 관점에서 생각 작은 방아쇠에 대한 좁은 반응, 그러면 개념을 좀 더 잘 이해할 수 있습니다. 동일한 페이지에 여러 마이크로 인터랙션이있을 수 있습니다.

18. 증강 현실

요즘 보는 거의 모든 곳에서 증강 현실 (AR)이 최전선에 있습니다. 아무 영화관 에나 가면 모바일 앱 큰 화면을 보면서 휴대 전화에서 게임을 할 수 있습니다. 잡지를 열면 스마트 기기의 도움으로 페이지가 경험으로 바뀝니다. 2020 년의 큰 웹 디자인 트렌드 중 하나가 AR이 될 것으로 예상합니다. 전자 상거래 사이트.

일부 사이트에서 이미 사용 기술, 주문하기 전에 사진을 업로드하고 안경이 얼굴에 어떻게 보이는지 확인할 수 있습니다. 옷을 입어보고, 새 러그를 실제 거실 이미지에 꽂거나 새 보석을 입어 볼 수 있습니다. 기술이 점점 보편화되고 발전함에 따라 점점 더 많은 웹 사이트에서 볼 수있을 것으로 기대합니다.

이 주제에 대해 여러 업계 전문가를 인터뷰했습니다.
그들의 반응은 다음과 같습니다.

Paige Arnof-Fenn, 설립자 겸 CEO Mavens & Moguls 씁니다;

음성 사용자 인터페이스 디자인과 엄격하게 관련되지는 않지만 사용자가 음성 명령을 통해 웹 사이트와 상호 작용할 수 있으므로 사이트에 유용성과 기능이 추가되어 제한 및 장애가있는 사용자를 포함한 모든 사용자가 액세스 할 수 있습니다. ADA, 책임감있는 웹 디자인 및 기업의 사회적 책임 목표를 준수하는 것뿐만 아니라 더 많은 청중에게 도달함으로써 수익에 도움이됩니다. 포용은해야 할 옳은 일이며 비즈니스에 좋습니다. 스마트 스피커는 앞으로 점점 더 대중화되고 있으므로 음성은 계속 유지됩니다.

대담한 색상과 공백을 더 잘 사용하여 경쟁에서 돋보입니다. 경향 단순하고 미니멀 한 디자인 새해에는 적을수록 더 많습니다. 웹 사이트는 세상이 더 미쳐지고 기술이 점점 더 작아지고 빨라지고 복잡 해짐에 따라 단순성과 편리함에 초점을 맞춰야합니다. 사람들은 그 어느 때보 다 삶을 단순화 할 새로운 방법을 찾고 있습니다. 결국 단순함은 궁극적 인 정교함입니다 ..

안에 모바일 퍼스트 월드, 사람들을 사로 잡을 시간이 적고주의 시간이 그 어느 때보 다 짧아서 비디오가 훨씬 더 많이 사용되고, 최대의 영향을주지 않는 쇼, 풍부한 콘텐츠가 참여, 견인 및 성장을 주도합니다. 세계는 모바일 우선 또는 모바일 전용으로 이동하고 있으며, 큰 화면에서 웹에 액세스하는 사람이 줄어들어 모든 사람이 그에 따라 사이트, 메시지 및 콘텐츠를 조정하고 있습니다.

Tim Mehta, 수석 CRO 전문가 캐리, Inc, 쓴다;

1. 접근성.
많은 양의 인터넷 사용자 (가장 중요한 것은 인간 그룹)를 제외한 사이트를 구축 한 결과와 결합하여 사이트의 접근성에 대한 인식이 높아지면서 디자이너는 디자인이 접근성을 충족하는지 확인하는 데 더 많은주의를 기울일 것입니다. 표준.

2. Bye bye 드롭 다운.
드롭 다운 필드 (특히 모바일)의 열악한 UX를 노출하고 더 유용한 대안을 강조하는 많은 기사와 사용성 연구가 나옵니다.

3. 영웅 지역에서 더 높은 빈도의 형태.
양식을 페이지의 랜딩 뷰로 이동하여 양식 채우기 비율이 증가 할 수 있음을 입증하는 수많은 AB 테스트를 통해 웹에서 더 많은 것을 볼 수 있습니다.

 

Anastasia Dyachenko, CEO 카다 브라 스튜디오, 디자인 및 개발 회사, 씁니다;

1. 마이크로 인터랙션 (UI 애니메이션)

"살아있는"것처럼 보이게하고 사용자가 사이트에서 자신의 행동을 느끼도록 돕는 사이트의 작은 동작. 약간 커지는 버튼, 가리키면 업로드 성공 표시 줄, 웹 페이지를 아래로 스크롤 할 때 제품에 표시되는 가격표, 영웅 페이지의 애니메이션 로고 또는 작은 애니메이션 요소 등이 모두 예입니다. 마이크로 인터랙션. 디자인 요소는 이미 2019 년에 유행했지만 여전히 진화하고 있으며 내년에는 더 많은 회사에서이를 사용할 것입니다. UI 애니메이션은 디지털 제품을 더 인간적으로 만들고 사용자가 XNUMX과 XNUMX이 아닌 사용자가 무언가를 할 때 살아 있고 이해하고 반응하는 무언가로 상호 작용하는 것처럼 느끼도록 도와줍니다. 그렇기 때문에 사람들은 그러한 마이크로 인터랙션이있는 사이트에 대해 더 따뜻한 감정을 느끼고 거기에서 더 많은 시간을 보내는 경향이 있습니다.

2. 음성 기술 (VUI)

음성 명령 시스템은 이미 매우 효과적이고 편리하며 사용하기 쉬운 것으로 입증되었습니다. Siri에서 시작하여 우리 중 많은 사람들이 지금 집에있는 스마트 스피커로 끝납니다. 따라서 웹 디자이너는 웹 사이트에도 음성 기술과 AI를 구현하기 시작했습니다. VUI는 디자인을보다 간단하고 간단하게 만드는 데 도움이됩니다.

3. 미니멀리즘

미니멀리즘 디자인은 몇 년 동안 트렌드였으며 2020 년에는 사라지지 않을 것입니다.하지만 트렌드가 컬러 팔레트에 변화를 가져올 것으로 예상합니다. 내년에 웹 디자이너는 깊고 대담한 색상을 사용할 것입니다. 색상은 사용자의 관심을 끌고 브랜드를 돋보이게하는 데 큰 역할을합니다.

 

전 통화

2020 년 최고의 웹 디자인 트렌드가 설레게 빛날 것입니다. 대부분의 트렌드가 그러 하듯이 일부는 사라질 것입니다. 이러한 사실을 염두에두고 타겟 고객에게 가장 적합한 기존 기능을 파악하고 기능에 적합하거나 최신 뉴스를 확인하기 위해 트렌드를 사용하십시오. 마지막으로, 전환이 강력하고 전반적인 요소가 잘 작동하는 경우 사이트를 그대로 두는 것을 두려워하지 마십시오.

작성자 바이오

Lexie는 그래픽 디자이너이자 UX 전략가입니다. 그녀의 작품은 Manta, Marketo, Website Magazine, Creative Bloq 및 Sunlight Media에 실 렸습니다.

그녀의 디자인 블로그 인 Design Roast를 확인하고 Twitter @lexieludesigner에서 팔로우하세요.

5 코멘트

  • MLA 웹 디자인 22 년 11 월 2019, 9 : 41 오전

    읽을 수있는 멋진 게시물입니다. 경험과 아이디어를 공유해 주셔서 감사합니다.

  • 웹 디자인 서비스 23 년 11 월 2019, 5 : 05 오전

    이 기사에서 언급 한 상위 18 개 트렌드는 야심 차고 전문적인 웹 디자이너에게 큰 도움이 될 것입니다. 웹 디자이너뿐만 아니라 비즈니스 웹 사이트 소유자에게도 도움이되기 때문에 인기있는 웹 디자인 트렌드를 식별하는 훌륭한 접근 방식입니다.

    • 안젤로 프리시나 28 년 11 월 2019, 6 : 43의 오후

      의견을 보내 주셔서 감사합니다. 우리 게시물에서 가치를 얻었다는 소식을 듣고 기뻤습니다.

  • MLA 웹 디자인 1월 5, 2020에서 2 : 17 오전

    훌륭한 설명, 간단하고 집중합니다. 앞으로도 힘써주세요!

  • 소리 5 유월 2020, 1 : 52의 오후

    훌륭한 블로그, 정말 감사합니다.

코멘트를 게시

댓글이 검토됩니다. 귀하의 이메일은 비공개로 유지됩니다. 필요 입력 사항은 표시되어 있습니다 *