WORK ABOUT LAB CONTACT
contact@yellow-finger.com
02.2205.4128
UX/UI Article

3 Essential Design Trends, August 2023

3가지 필수 디자인 트렌드, 2023년 8월

3 Essential Design Trends, August 2023
There’s an overall movement in website design right now where there are no dominant hero image or video on the homepage. Look at some of your most visited websites, and you might see this trend in action. You’ll surely see it among the three other trends we explore in website design here.
현재 웹사이트 디자인에서는 전반적인 움직임이 있는데, 웹사이트에는 지배적인 영웅 이미지나 동영상이 없습니다. 가장 많이 방문한 웹사이트 중 일부를 보면 이 추세가 실행되고 있음을 알 수 있습니다. 여기 웹사이트 디자인에서 우리가 탐구하는 다른 세 가지 트렌드 중에서 확실히 볼 수 있을 것입니다.
1 . 원형의 애니메이션 텍스트 요소 당신이 보는 곳마다 텍스트의 회전하는 원이 있는 것 같습니다. 이러한 요소는 가장 읽기 쉽지는 않지만 사용자에게 흥미를 유발합니다. 이 회전하는 콘텐츠로 무엇을 해야 합니까? 딸깍 하는 소리? 그냥 봐? 용도는 디자인에 따라 크게 다를 수 있지만 한 가지는 확실합니다. 그것은 당신의 관심을 끌고 디자이너들은 지금 이 기술을 좋아하는 것 같습니다. 원형 텍스트 요소의 거의 모든 용도에는 텍스트에 수반되는 원형 동작이 있습니다. 대부분의 경우 모션은 시계 방향으로 회전합니다. 이는 자연스러운 가독성을 따릅니다. 항상 그런 것은 아닙니다. 또 다른 공통점은 이러한 요소가 종종 몇 개의 단어만 포함하여 가독성을 더욱 높인다는 것입니다. 다음은 비슷하지만 다른 방식으로 이를 수행하는 세 가지 예입니다. Thirteen 23은 관심을 끌기 위해 메인 헤드라인 위에 회전하는 큰 텍스트 요소를 사용합니다. 동작은 실제로 마우스 호버로 시계 방향과 시계 반대 방향 사이에서 이동합니다. 서틴23 Pear는 브랜딩 옆에 있는 텍스트의 퀵모션 링을 사용하여 사용자가 아래 앱을 시작하기 위한 빠른 클릭 유도 문안에 집중할 수 있도록 합니다. 이것은 이 스타일에서 본 큰 텍스트 크기 사용 중 하나이며 동작이 매우 빠릅니다. 배 Danilo DeMarco는 포트폴리오 웹 사이트에 단순하고 동그란 애니메이션 텍스트 요소를 사용합니다. 이 요소는 스크롤 방향으로 관심을 끌고 포트폴리오 웹 사이트에 더 깊이 들어갈 수 있도록 설계되었습니다. 다닐로 데마르코 2 . 콜라주 스타일 이미지 트리트먼트 홈페이지용 큰 이미지나 동영상이 없을 때는 작은 이미지 여러 개를 사용해도 됩니다. 우리가 보아온 많은 콜라주 스타일 처리에는 다양한 모양과 크기의 대화형 구성 요소가 포함된 작은 사진이 상당히 많이 포함되어 있습니다. 이것은 자신의 삶을 갖기 위해 모든 규칙을 깨는 것처럼 보이는 디자인 트렌드 중 하나입니다. 대부분의 경우 이 시각적 혼돈은 어느 정도 논리를 거스르지만 여전히 작동하는 것처럼 보입니다. Tora는 레스토랑에 대한 느낌을 얻을 수 있도록 반대 방향으로 천천히 스크롤되는 두 줄의 이미지로 작업합니다. 이 콜라주는 매우 계획적인 느낌의 타이트하고 정돈된 그리드를 사용합니다. 토라 Lisniakkk는 호버링 시 확대 효과로 움직이는 작은 그림 사진을 홈페이지에 겉보기에 아무렇게나 배치했습니다. 또한 각 예술 작품을 클릭할 수 있습니다. 여기서 가장 흥미로운 점은" 콜라주"가 겹칩니다. 이것은 이 스타일의 다른 디자인에서는 흔하지 않습니다. 리스니아크 Cosmos는 서로 다른 크기, 모양 및 다양한 그리드의 여러 이미지를 사용하여 대화형 쇼피스를 만듭니다. 호버 및 스크롤에서 발생하는 상호 작용이 있어 이미지 속으로 더 깊이 들어갈 수 있습니다. 코스모스 3 . 거대한 텍스트 처리 텍스트 요소에 비해 너무 큰 크기는 얼마입니까? 이러한 각 웹사이트 디자인은 그 경계를 확장합니다. 기분이 어때? 텍스트 크기가 불편하거나 신선하고 다른가요? 공통점은 이러한 각 디자인이 브랜딩뿐만 아니라 주요 예술 요소로 하나의 거대한 단어를 사용한다는 것입니다. 각 예제는 또한 다음을 사용합니다.사용자를 고유하게 끌어들이기 위해 다른 방식으로 " 대단한 단어". Zajno는 실제보다 더 큰 브랜드 이름으로 리드합니다. 내비게이션 요소는 작으며 대형 헤드라인과 같은 공간에 있습니다. 활자체의 무게감이 크지만 활자 처리는 빡빡하고 콤팩트합니다. 멋져 보이지만 사이트가 무엇인지 알고 있습니까? 자이노 Boldly Foods는 나머지 디자인이 들어오는 동안 로드 화면으로 밝은 배경에 거대한 글자를 사용합니다." 대담하게" 브랜드 요소.) 대담한 음식 Konrad는 크고 아름다운 글꼴을 사용하여 타이프 하우스의 글자를 보여줍니다. 거대한 텍스트 요소가 정확한 서체를 보여주고 판매하는 데 도움이 되기 때문에 이것은 우리가 본 이 기술의 가장 좋은 용도 중 하나일 수 있습니다. (Keen eyes는 홈페이지 화면 하단에 있는 동그란 애니메이션 원 안에 있는 활자 표본의 사용과 여기에서 하나의 두 가지 트렌드에 대해 주목할 것입니다.) 콘라드 결론 모든 웹 사이트 디자인 트렌드가 동일하게 만들어지는 것은 아니지만 일부는 다른 것보다 더 유용합니다. 이러한 각 트렌드는 배포가 매우 간단하며 작업할 멋진 아트가 많지 않을 때 디자인에 시각적인 것을 제공하는 데 도움이 될 수 있습니다. 이러한 사례가 이러한 유형의 프로젝트에 영감을 주기를 바랍니다.