상세 컨텐츠

본문 제목

다가오는 2022년! 웹페이지 제작 디자인 트렌드 미리보기

홈페이지 제작 Tip

by 10page 2021. 10. 20. 17:26

본문

 

안녕하세요. 10page입니다.


벌써 2021년이 얼마 남지 않았는데요.

미리 내년을 계획하시는 분들도 많으실 겁니다.

 

그래서 오늘은 다가오는 2022년!

웹페이지 제작 디자인 트렌드를 준비했습니다.


올해에는 편안한 컬러, 큰 타이틀 활용 등이 인기였는데요.

내년엔 어떻게 변화하는지 지금부터 함께 살펴보겠습니다.

 

 


1. 과감하고 밝은 컬러

 

 

최근 몇 년 동안 파스텔톤의 컬러가 인기였다면,

2022년에는 밝고 채도 높은 대담한 컬러가 주목받을 것으로 보입니다.

과감하고 밝은 색상의 배경은 대비 효과를 통해 

텍스트와 시각 자료를 더 쉽게 읽을 수 있게 만들어주는데요.

혼잡한 온라인 환경 속에서,

짧은 시간 동안 시선을 사로잡고

효과적인 내용 전달이 가능하죠.

 

 

출처: https://materials.8card.net/product/888/

 

하지만 지나친 사용은 눈에 피로를 줄 수 있는데요.

 

그렇기 때문에 웹사이트 제작 시,

전체적으로 사용하는 것보다

일부에 적용할 때 더욱 효과적입니다.

 

메인 페이지나 강조하고 싶은 요소에

적절하게 활용하는 것이 좋겠죠?

 

 


2. 마이크로 인터랙션

 


또 하나의 웹페이지 제작 디자인 트렌드는

마이크로 인터랙션입니다.

 

마이크로 인터랙션이란, 

사용자와 웹사이트 간의 상호작용을 말하는데요.

쉽게 말하면 웹 페이지에서의 디테일한 애니메이션 효과를 의미합니다.

 

생소한 개념일 수 있지만

마이크로 인터랙션은 우리가 인식하지 못하고 있는 사이에

이미 많이 사용되고 있는데요.

 

예를 들면, 업로드 및 다운로드를 위한 진행 표시 줄이나

페이스북에서 좋아요를 눌렀을 때 나오는 애니메이션이 있죠.

 

 

출처: 드리블 (https://dribbble.com/shots/1853526-Download)

 

마이크로 인터랙션은 시각적인 효과를 통해 재미를 주며

사용자의 관심을 끌 수 있습니다.

 

또한 사용자의 행동에 대한 즉각적인 피드백이 이뤄지기 때문에

사이트 경험에 대한 만족도를 높여주기도 합니다.

 

홈페이지 만들 때,

로그인에 실패하면 흔들리는 애니메이션이나

메뉴에 마우스 커서가 닿으면 메뉴 색깔이 바뀌는 요소 등을

적용한다면  더욱 시선을 사로잡는 웹페이지가 될 수 있겠죠?

 

 


3. 글래스모피즘

 


마지막으로 볼 트렌드는 글래스모피즘입니다.

 

2021년에 웹페이지 제작 디자인으로 뉴모피즘이 인기였다면,

2022년에는 글래스모피즘이 더 각광받을 것으로 보입니다.

글래스모피즘은 블러 효과와 투명도를 사용하여

불투명한 유리를 덧 댄 것 같은 느낌을 주는데요.

 

평면인 화면에 수직적인 입체감을 더해줘

감각적이면서도 효과적인 내용 전달이 가능합니다.

 

 

출처: UX Collective (https://uxdesign.cc/glassmorphism-in-user-interfaces-1f39bb1308c9) 

 

글래스모피즘은 투명도를 이용하기 때문에

비비드한 컬러의 과감한 배경을 쓰는 것이 좋은데요.

 

위 이미지를 보시면 아시겠지만,

밋밋한 배경보다 화려한 배경이

더욱 입체적이고 효과적으로 작용하기 때문입니다.

 

이는 처음에 언급한 웹페이지 제작 디자인 트렌드인

밝고 과감한 컬러와 연결되는 부분이기도 하죠.

 

 


 

 

지금까지 내년의 웹페이지 제작 디자인 트렌드

미리 살펴보았는데요.

 

웹페이지 제작 혹은 리뉴얼을 고민 중이셨다면,

새롭게 달라질 트렌드를 참고해 적용해보시는 건 어떠신가요?

 

 

 

저희 10page합리적인 가격

제작비 45만 원부터 웹사이트 제작이 가능한데요.

 

20년 경력의 4,000여 개의 프로젝트를 진행한 제작노하우

다양한 업종별 제작 포트폴리오를 가지고 있어

믿고 맡기셔도 됩니다.

 

웹페이지 제작을 고민 중이시라면,

아래 링크를 통해

10page 서비스를 확인해보세요!

 

그럼 다음에도 좋은 콘텐츠로 인사드리겠습니다.

감사합니다.

 

 

 

 

관련글 더보기

댓글 영역