2021년 웹 디자인 및 UI 트렌드

다크 모드

다크 모드는 어디에나 있습니다. 대부분의 브라우저와 모바일 기기는 밝은 모드와 어두운 모드를 전환할 수 있으므로, 기본 설정이 아니더라도 다크 모드를 적용했을 때 앱이 어떻게 보일지 고려해야 합니다.

다크 모드가 사용자들 사이에서 가장 인기 있는 선택이 되면서, 점점 더 많은 디자이너들이 전반적인 웹사이트와 사용자 인터페이스 디자인에 점점 더 어두운 색상 팔레트를 사용하고 있습니다.

이러한 프로젝트는 종종 양극화 효과를 가져오므로 옵션을 전환할 계획이 없더라도 다크 모드가 메시징의 전반적인 분위기와 웹사이트 디자인의 콘텐츠에 어떤 영향을 미치는지 고려하는 것이 중요합니다.

가벼운 인터페이스를 만드는 디자이너의 경우, 사용자가 다크 모드를 선택한 후 어떻게 보일지 고려하고 디자인해야 합니다. 다크 모드는 단순히 색상 팔레트를 뒤집는 것이 아니라, 밝은 모드와 동일한 시각적 효과를 내면서도 가독성과 기능성을 유지하는 어두운 색상과 어두운 색상을 의도적으로 조합해야 한다는 점을 기억하세요.

웹사이트 디자인에서 다크 모드를 최대한 활용하기 위한 몇 가지 팁은 다음과 같습니다.

"흰색"과 "검정색"을 꼭 사용할 필요는 없습니다. 밝고 어두운 모드에서 밝고 어두운 색상을 생각하세요. (진한 보라색 배경에 밝은 회색을 사용해도 좋습니다.)

어두운 배경에 채도가 높은 색상은 피하세요.

색상 변화(밝음과 어둠)를 사용하여 계층 구조를 설정합니다.

사용자가 모양 디자인을 선택할 수 있도록 밝은 모드와 어두운 모드를 위한 토글 스위치를 제공합니다.

다크 모드에서는 접근성을 잊지 말고 크기와 대비에도 주의하세요.

실험적 글꼴 

실험적 글꼴은 웹사이트와 모바일 앱 프로젝트에서 점점 더 인기를 얻고 있습니다.

이러한 글꼴은 독특하고, 프로젝트에 맞게 제작되었거나 맞춤 제작되었습니다. 실험적인 글꼴은 아름다운 예술 작품부터 표준 글꼴 디자인의 일부로 사용되는 놀라운 글꼴까지 다양합니다.

실험적 글꼴은 단색 스타일일 수도 있고, 색상을 포함할 수도 있고, 애니메이션을 적용할 수도 있으며, 전체 또는 약어 문자 집합을 포함할 수도 있습니다.

실험적 글꼴을 최대한 활용하는 몇 가지 방법은 다음과 같습니다.

1. 이러한 글꼴은 시각적으로 무거울 수 있으므로 나머지 디자인은 간단하게 유지하세요.

2. 가독성이 높은 보조 글꼴과 함께 사용하세요.

3. Designmodo 로고에 사용된 것과 같은 주요 요소에 맞춤형 실험적 글꼴을 고려하세요.

얼굴이 너무 많지 않은 디자인

이러한 추세는 디자이너와 인력이 줄어든 전 세계 코로나바이러스 팬데믹의 직접적인 결과일 수 있습니다.

그 이유는 실용적입니다. 사람들이 대규모로 마스크를 쓰지 않기 때문에 디자이너들은 기존 이미지들을 활용하여 적절한 이미지를 구축할 방법을 찾고 있습니다. 또는 사람이 없는 이미지를 선택하기도 합니다.

여러분이 다양한 웹사이트를 탐색하는 것은 이번이 처음일 수도 있고, 거의 본 적이 없을 수도 있습니다.

지금은 큰 추세이긴 하지만, 사람들이 다시 큰 무리로 모이기 시작하는 팬데믹 이후에도 이런 추세가 장기적으로 지속될 거라고 기대하지는 마세요.