디자인 트렌드 : 버블 & 블롭 배경
최근 디자인 프로젝트에서 모든 유동적이고 무한한 모양을 발견 했습니까? 거품과 얼룩의 사용이 추세입니다. 단순한 원에서 상호 연결 루프, 이동 및 이동하는 전체 화면 블로 브, 단순한 "불쾌한"애니메이션에 이르기까지이 추세는 어느 곳에서나 나타나고 있습니다.
좋은 점은 거품과 물방울을 사용하는 것이 유행 디자인 요소이며, 여러 가지 방법이 있으며, 유행 요소를 추가하려는 것처럼 보이는 디자인으로 끝나지 않는다는 것입니다.
여기에는 버블 및 얼룩 디자인 트렌드를 특징으로하는 웹 사이트 디자인에 대한 미니 사례 연구 모음이 있습니다.
배경 질감
수제
Wed'ze는 모양이 정의되지 않은 약간 둥근 요소로 정의 된 시원한 색의 얼룩을 사용하여 제품을 강조 표시합니다. 얼룩은 모양이 동일하게 유지되지만 뚜렷한 색상 변화로 각기 다른 스키 고글에 초점을 맞 춥니 다.
뚜렷한 흰색 배경에 재미있는 모양과 색상을 사용하면 초점이 만들어지고 실제로 시각적으로 흥미로운 것이 아닌 제품이 만들어집니다.
크기 덕분에 각 얼룩은 화면에서 왼쪽에서 오른쪽으로 방향성 흐름을 만들어 사용자가 모양, 고글 및 항목 설명을 볼 수있게합니다.
리버 파이버 그룹
Liber Finance Group은 일련의 애니메이션 버블을 사용하여 아트 요소를 만듭니다. 거품 (둥근 모양과 탄력있는 디자인 요소로 더 정의 됨)에는 스틸 부분과 움직이는 부분이있는 단단하고 채워진 원이 포함됩니다.
이 디자인의 버블은 시각적 스레드 역할을하며 디자인 전체에서 웹 사이트의 일부를 연결합니다. 모양은 스크롤 아래에 사용되어 텍스트 및 클릭 가능한 요소에 대한 시선을 끌고 시각적 정보가 많지 않은 디자인의 테마를 만들 수 있습니다.
간단한 모양으로 관심을 끌 수있는 효과적인 방법은 애니메이션을 사용하는 것입니다.
드립 팝
Drop Pop은 배경이 너무 바빠서 얼룩을 로고 마크로 사용합니다. 링크를 클릭하면 동작 속도에주의하십시오.
마크는 워드 마크의 컨테이너 요소이며 바쁘고 화려한 디자인에서 브랜딩을 볼 수 있기 때문에 제시된 디자인 옵션과 함께 작동합니다.
이 로고 처리는 여기서 흥미롭지 만이 장기적인 기법을 사용하는 것이 더 어려울 수 있습니다.
조쉬 딩
일련의 겹치는 얼룩이 John Dring의 포트폴리오 웹 사이트에 대한 시각적 콜라주를 만듭니다.
색상과 흥미로운 모양을 사용하여 사이트가 따뜻하고 매력적입니다. 그가 어떤 유형의 작업을하는지 100 % 확신 할 수는 없지만 추상 디자인은 클릭을 유도합니다.
얼룩이있는 배경을 사용할 때 심도 효과를 만들기 위해 레이어 요소를 고려하십시오. 이를 통해 눈을 끌고 디자인을 더욱 매력적으로 만들 수 있습니다.
앤디 패트릭
Andy Patrick은 자신의 포트폴리오 웹 사이트에 블롭을 사용하지만 완전히 다른 접근법을 사용합니다. 이전 예제에 정적 얼룩이있는 경우이 디자인의 모양은 약간의 애니메이션으로 이동하고 이동합니다.
각 얼룩의 둥근 특성을 강조하는 그라디언트 색상 선택 덕분에 각 얼룩에 거의 3 차원 느낌이 있습니다. 거의 이러한 요소에 손을 뻗어 닿을 수 있습니다. (나는 그들이 좋은 스트레스 볼의 부드럽고 질긴 질감을 가지고 있다고 생각합니다.)
이코 르
Iqor는 하늘 장면의 일부로 길쭉한 거품을 사용하여 사용자가 구름 너머를보고 회사가하는 일을 볼 수 있도록합니다.
이 기포는 본질적으로 정적 인 반면, 움직이는 물체 (하늘의 구름)와의 연관성 덕분에 방향성 움직임을 제공합니다. 그들은 예술과 유익한 요소로 제공되는 정보에 힘 입어 매우 잘 작동합니다.
스튜디오 볼블로드
Studio Volbloed는 정보 페이지의 바닥 글에있는 이미지에 다른 정적 기포를 사용하여 회사 뒤의 여성을 보여줍니다.
대부분의 사람들은 처음에는 거품을 장식 모양으로 생각하지만 이미지의 컨테이너 요소로도 사용할 수 있습니다. 이 거품을 작동시키는 것은 모양이 하나의 이미지를 형성하기 위해 연결되는 아름다운 방법입니다.
원형 모양은 시각적으로 조화로운 가벼운 버블의 존재를 위해 디자인 전체의 다른 위치에도 반영됩니다.
운터 프레임 힘멜
Unter Freiem Himmel은 화면이로드 될 때 거품처럼 보이는 두 개의 애니메이션 거품을 사용합니다. 사이트 이름 위에 거의 완벽하게 둥근 모양을 유지하기 위해 애니메이션이 빨리 멈 춥니 다.
커서도 간단한 버블입니다.
이 디자인에서 애니메이션 거품의 단순한 아름다움은 인상적이고 아름답습니다. 이 예제는 영향력있는 디자인을 위해 많은 요소와 기술을 추가 할 필요가 없음을 보여줍니다. 이 웹 사이트에서 볼 수 있듯이 단순함에 선천적 인 아름다움이 있습니다.
해시 웍스
이 컬렉션의 마지막 예제는 Hashworks입니다. 언뜻보기에는 실제로 얼룩을 보지 못할 수도 있습니다. 회사의 로고 역할을하는 연결된 장치입니다. 그러나 오른쪽의 큰 로고 버전에는 시원하고 매우 부드러운 애니메이션이 포함되어 있습니다. 클릭하여 작동 상태를 확인하십시오.
애니메이션 블롭에는 명확한 분리가 가능한 유체 설계로 물에 기름 방울처럼 기능하는 여러 조각이 포함되어 있습니다. 모션의 각 개별 블롭이 연결된 단일 블롭 로고를 형성 할 때까지 이동 및 접기 및 바운스됩니다.
간단하고 화려한 애니메이션 중 하나입니다. 너무 훌륭해서 볼 수 있습니다. 전체 디자인 프로젝트는 아니지만이 예제는 이러한 추세의 주요 예입니다.
모든 거품은 다릅니다
디자인 트렌드에 나만의 기술을 적용하면 좋습니다. "모두"가 비슷한 색조를 가진 단일 색조 또는 간격 또는 그룹화 추세를 사용하는 색상 추세와 달리 거품과 얼룩을 사용하는 것은 프로젝트마다 매우 다를 수 있습니다.
위의 미니 사례 연구의 사례 중 일부는 비슷해 보이며 다양한 유형의 산업을 대표하며 전 세계의 다른 위치에 있습니다. 그리고 그들은 모두 거품과 얼룩을 공통으로 사용합니다.
