brunch

You can make anything
by writing

C.S.Lewis

by The Compass 더컴퍼스 Jul 17. 2023

2023 최신 웹사이트 트렌드 5가지

트렌드에 따라가는 디자이너가 되어보자

트렌드를 쫒고 예상하여 디자인을 해 내는 것이

크리에이티브 한 디자이너의 필수 요건이라고 생각합니다.


웹 디자인은 끊임없이 진화하고 변화하고있으며 새로운 트렌드가 계속 등장하고 있습니다.

이 글에서는 올해 주목해야 할 최신 웹사이트 트렌드 5가지를 소개해드리고자 합니다.



다크모드

네이버 다크모드

다크 모드는 눈의 피로를 줄이고 디바이스 배터리 수명을 연장하는 데 도움이 되는 인기 있는 트렌드입니다.

이를 통해 사용자 경험을 더욱더 개선할 수 있습니다.

다크 모드 콘셉트로 만 웹 사이트를 제작하는 사이트들도 있지만 라이트 모드와 다크 모드 모두를 토글 형태로 On/Off 할 수 있는 형태로 제작되고 있습니다.


내년에는 더 많은 웹사이트가 다크 모드를 지원할 것으로 예상됩니다.



3D 디자인

아더에러 스니커즈 페이지 中

3D 디자인은 VR 기술이 대중화되면서 트렌드로 떠오르고 있습니다.

3D 디자인은 스크롤, 애니메이션 등을 사용하여 놀라운 시각적 경험을 제공합니다.

아더에러의 스니커즈 상세페이지에서는 Vrism(브리즘)이라는 3D 패션 메타버스 개발 플랫폼을 통해 제작된 인터렉티브한 3D 오브젝트를 확인해볼 수 있습니다.

이러한 기술은 더욱 혁신적인 디자인을 구현하는데 도움이 됩니다.



스크롤 애니메이션

 https://creatorlabs.google

스크롤 애니메이션이란 웹사이트를 스크롤 할 때 웹사이트의 요소가 스크롤에 맞춰 움직이는 것을 말합니다. 인터렉티브한 기능으로 웹사이트를 매력적으로 만들어낼 수 있습니다.


더컴퍼스에서 제작하는 모든 웹사이트에는 이러한 스크롤 애니메이션이 작동합니다.



스크롤 애니메이션을 효과적으로 사용하기 위해서는 다음과 같은 사항이 고려되어야 합니다.

- 스크롤 애니메이션의 종류
- 스크롤 애니메이션의 속도
- 스크롤 애니메이션의 크기
- 스크롤 애니메이션의 위치

스크롤 애니메이션은 웹사이트의 종류에 관계없이 적용할 수 있습니다.

스크롤 애니메이션을 효과적으로 사용해야만 웹사이트를 더욱 매력적이고 
사용자 친화적으로 만들 수 있습니다.


스크롤 애니메이션의 속도는 웹사이트의 콘텐츠와 목적에 맞게 조절되어야 합니다.

너무 빠르면 사용자의 시선을 끌 수 없고

너무 느리면 사용자의 지루함을 유발할 수 있습니다.


스크롤 애니메이션의 크기는 웹사이트의 디자인 조화를 이루도록 조절해야합니다.

너무 크면 웹사이트의 디자인을 방해할 수 있고,

너무 작으면 사용자의 눈에 잘 보이지 않을 수 있습니다.



미니멀리즘 디자인

https://www.squarespace.com/

웹사이트 미니멀리즘 디자인은 불필요한 요소를 제거하고 핵심 콘텐츠에 집중하는 디자인입니다.

미니멀리즘 디자인은 사용자의 집중도를 높이고

사용자의 경험을 향상시키는데 도움이 됩니다.


미니멀리즘 디자인은 웹사이트 종류에 관계없이 적용할 수 있다는 것이 실무적으로 가장 큰 특징입니다.

미니멀리즘 디자인을 효과적으로 사용하면 웹사이트를 더 매력적이고 사용자 친화적으로 만들 수 있습니다.



인터랙티브 디자인

https://activetheory.net/home

웹사이트 인터랙티브 요소는 사용자와 웹사이트가 상호 작용을 하는데 사용되는 요소입니다.

인터랙티브 요소는 사용자 경험을 향상시키고, 사용자 참여를 유도하며, 웹사이트의 기능을 향상시키는데 도움이 됩니다.

버튼, 링크, 슬라이더, 폼, 게임, 동영상, 애니메이션 등의 요소들이 있습니다.

인터랙티브 요소는 웹사이트의 디자인과 기능에 따라 다양하게 사용될 수 있습니다.





©2023 thecompass. All rights reserved




매거진의 이전글 [Vue3]안드로이드 키보드 스크롤 관련 이슈 2부
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari