Do you ever look at a website and think, why did they do that? Sometimes with website design trends, that’s the exact thought that can come to mind. What about an element works (or doesn’t) and why did it get so popular so fast? That’s the theme of this month’s roundup. Here’s what’s trending in […]
웹사이트를 보고 왜 그들이 그렇게 했는지 생각해 본 적이 있습니까? 때때로 웹사이트 디자인 트렌드가 떠오를 수 있는 정확한 생각입니다. 어떤 요소가 작동(또는 작동하지 않음)되며 왜 그렇게 빨리 인기를 얻었습니까? 이것이 이번 달의 정리의 주제입니다. 다음은 […]
요약 :)
트렌드를 사용해야 한다는 결론을 내리지 않고 트렌드에 대해 생각하는 것은 좋은 연습입니다.
웹사이트를 보고 왜 그들이 그렇게 했는지 생각해 본 적이 있습니까? 때때로 웹사이트 디자인 트렌드가 떠오를 수 있는 정확한 생각입니다. 요소가 작동하거나 작동하지 않는 경우는 어떻게 되며 왜 그렇게 빨리 인기를 얻었습니까? 이것이 이번 달의 정리의 주제입니다.
이번 달의 디자인 트렌드는 다음과 같습니다.
1. 가볍고 기발한 디자인
중요하거나 무거운 콘텐츠라도 가볍고 기발한 디자인이 트렌드입니다. 디자인과 콘텐츠의 다소 이상한 병치이며 일반적으로 자주 볼 수 없는 것입니다.
"무거운 내용"과 가벼운 미학을 가진 정보가 있는 디자인에는 다음과 같은 요소가 있는 경향이 있습니다.
더 밝은 색상 팔레트
실험적일 수 있는 비정형 글꼴 선택
움직임과 애니메이션
만화 모양 또는 문자
전체적인 디자인에 거의 아이 같은 느낌
사람을 보여주는 사진이나 동영상이 없습니다.
읽기 시작하면 진지한 콘텐츠
마지막 아이템은 이번 디자인 트렌드에서 가장 놀라운 부분입니다. 디자인만으로도 아이들을 위한 가벼운 콘텐츠나 정보 디자인을 기대할 수 있습니다. 그러나 이러한 예에서는 전혀 그렇지 않습니다.
OTR South 는 청소년을 위한 정신 건강 자원을 위한 것입니다. 디자인은 젊은 느낌이 나지만 내용과 주제가 상당히 무겁습니다.
Wild Fox Squad 는 NFT 구매를 요청하는 사전 출시 사이트입니다.
Chia Studios 는 웹사이트 디자인 에이전시입니다.
이 트렌드가 남기는 질문은 시각적 톤이 콘텐츠와 충분히 일치하여 웹사이트에 참여하거나 회사와 비즈니스를 하거나 온라인으로 물건을 구매하는 데 적합한 분위기나 신뢰성을 창출할 수 있습니까?
2. 애니메이션이 포함된 롱 스크롤
언뜻 보기에는 이러한 웹사이트 디자인 예제에 대해 많은 일이 진행되고 있지 않다고 생각할 수도 있습니다. 그러나 사이트에 참여하기 시작하면 분명한 추세가 있습니다. 모든 사이트에는 홈페이지 상단에서 하단까지 애니메이션이 포함된 긴 스크롤이 있습니다.
긴 스크롤은 사람들이 종종 강하게 느끼는 웹사이트 디자인 주제 및 트렌드 중 하나입니다. 어떤 사람들은 그것을 좋아합니다. 다른 사람들은 그것을 싫어합니다.
여기 긴 스크롤에 대한 문제가 있습니다. 데스크탑 크기에서 스크롤하는 것이 길어 보인다면 많은 콘텐츠를 제거하지 않는 한 더 작은 화면에서 스크롤하는 데 시간이 오래 걸립니다. 이것은 다음과 같은 질문을 던집니다. 사용자가 홈페이지에서 필요한 모든 것을 보고 읽을 수 있습니까? 만약 그것이 예외적으로 길다면?
다음은 이러한 각 예제에서 긴 스크롤과 애니메이션을 함께 사용하는 방법입니다.
Match Artists 는 사이트가 로드될 때 애니메이션과 함께 열리고 정적 홈 화면으로 전환됩니다. 스크롤하면 사진이 미묘한 애니메이션과 함께 프레임에서 확장됩니다. 스크롤 속도가 빠를수록 이 웹사이트가 더 생생하게 보입니다. 읽을 내용이 많지 않아 이미지-스크롤-애니메이션 조합을 더 쉽게 소화할 수 있습니다.
Myla Yeomans 는 거의 비어 있는 홈 스크롤을 가지고 있으며, 모든 스크롤 화면이 애니메이션과 함께 색상이 변경되는 텍스트가 많은 스크롤(아래 참조)로 이동합니다. 효과는 가혹하지 않지만 디자인의 텍스트 크기와 볼륨으로 인해 천천히 스크롤하지 않으면 멀미가 날 수 있습니다.
Reyes Holdings 는 이 예제 세트 중 가장 바쁜 애니메이션 스크롤을 가지고 있을 수 있습니다. 거의 모든 방향에서 요소가 들어오는 것처럼 보이기 때문에 영웅 영역의 콘텐츠에 대해 왼쪽에서 오른쪽으로 이동하는 슬라이더 애니메이션과 페이지 아래로 시차 및 로딩 스크롤 애니메이션이 있습니다.
3. 핑크
핑크는 강한 느낌이 많이 가미된 트렌드 컬러입니다. 색상만으로도 사용자가 사이트에 참여하기 전에 웹사이트 디자인이나 콘텐츠에 대한 가정을 만들 수 있습니다.
이런 색상으로 디자인할 때마다 동의 여부와 상관없이 그에 따른 짐을 생각해야 합니다.
핑크는 종종 여성스러움과 관련이 있으며, 일부 예에서 옅은 핑크는 아기와 관련이 있으며 강한 색조로 자주 보이지 않습니다. 분홍색과 관련된 일반적인 의미와 연관성에는 달콤함, 건강, 낭만주의, 순수함 등이 있습니다. 이 색상이 디자인 계획의 일부일 때 이러한 모든 개념을 고려해야 합니다. 이를 염두에 두고 이들 웹사이트는 핑크색 트렌드를 상당히 다른 방식으로 사용합니다.
목요일 은 싱글 웹사이트/앱입니다. 모던한 분위기를 풍기며 여기의 핑크는 베이지에 가까운 톤으로 차분합니다. 사용자에 대한 질문은 모든 유형의 사람들에게 어필할 수 있는 충분한 분위기가 있습니까? 데이트 앱에서 중요해 보이는 것.
피부 클리닉 은 웹사이트와 사무실에서 핑크 톤으로 올인합니다. 색상에 대해 어떻게 느끼는지 도무지 이해하기 힘든 경우입니다. 온통 하얗게 느껴지지 않는 것이 좋은데, 모든 피부가 이 색도 아니다. 전체적으로 디자인과 시설에 대해 어떻게 느끼는지에 대한 이상한 예인선을 만들 수 있습니다.
Pixel Bakery 는 이상하게 어린아이 같은 느낌을 주는 디자인을 위해 약간의 분홍색 음영을 사용합니다. 아마도 그것은 거의 베이비 블루와 음과 양의 대비 조합일 것입니다. 그런 다음 이것이 있습니다. 디자인 관점에서 "일치하는" 것은 없습니다. 옅은 분홍색 배경, 더 짙은 분홍색 로고 및 텍스트, 거의 빨간색 분홍색 클릭 유도문안. 시각적으로 소화할 것이 많습니다.
결론
이번 달에 소개된 모든 트렌드 디자인에 대해 어떻게 생각하십니까? 그것들은 당신이 시도할 수 있는 것처럼 보입니까? 웹 디자인 트렌드는 거의 불타오르는 것처럼 보이기 때문에 그런 면에서 흥미롭습니다. 누군가는 새로운 것을 시도하고 다른 누군가는 계속해서 디자인 아이디어와 반복을 사용합니다. 때로는 이러한 아이디어가 훌륭하게 작동하고 때로는 다소 밋밋합니다.
트렌드를 사용해야 한다는 결론을 내리지 않고 트렌드에 대해 생각하는 것은 좋은 연습입니다. 때로는 자신의 디자인으로 시도하지 말아야 할 것에 대한 교훈이 될 수도 있습니다.
