2020 년을위한 15 가지 이상의 배경 디자인 트렌드 및 스타일
가장 중요한 초기 설계 결정 중 하나는 프로젝트를 수행 할 배경의 종류입니다. 무색의 단색이어야합니까, 기하학적 모양, 그라디언트 또는 나뭇결 패턴과 같은 트렌디 한 요소를 사용해야합니까? 아니면 견고한 배경 디자인이 프로젝트를 빛나게하는 데 도움이 될 수 있습니까?
배경 디자인 스타일로 트렌드를 유지하는 것도 중요합니다. 트렌디 한 배경 선택은 웹 사이트 디자인이 현대적이고 내용이 새롭다는 것을 보여줍니다. 최신 비주얼 프레임 워크는 사용자에게 자신의 요구에 대해 생각하고 있으며 더 나은 경험을 제공 할 수있는 도구를 최대한 활용한다는 신호를 보낼 수도 있습니다.
어떻게합니까? 2020 년의 10 가지 배경 디자인 트렌드와 스타일을 살펴보고 몇 가지 훌륭한 옵션을 시도해보십시오.
배경 질감 탐색
1. 전체 화면 비디오
비디오는 몇 년 동안 배경 디자인 요소로 사용되어 왔지만 전체 화면 배경 비디오라는 이러한 추세로 다소 재창조되고 있습니다.
반응 형 디자인을 통해 디자이너는 랜딩 화면을 채우도록 비디오의 크기를 조정할 수 있습니다. 위의 예와 같이이 트렌드는 최소한의 효과와 주변 요소를 가진 비디오에 중점을 둡니다.
거의 영화 같은 경험은 사용자를 끌어 들이고 올바른 비디오 클립에 매우 관심을 가질 수 있습니다. 이러한 배경 디자인 트렌드를 최대한 활용하려면 움직임과 동작이 많은 비디오를 찾으십시오.
시도 할 옵션
Envato Elements는 비디오 배경을 빠르게 시작해야하고 작업 할 것이없는 경우 500, 000 개가 넘는 클립의 스톡 비디오를 제공합니다.
2. 백그라운드의 텍스트
텍스트를 배경 요소로 생각하지는 않지만 가능합니다.
큰 단어가있는 강력한 서체는 배경을 둘러싼 이미지 요소가 있거나 배경으로 들어갈 수 있습니다.
가독성을 유지하면서 글자, 이미지 및 응답 성 사이의 균형을 유지해야하므로 이는 가장 까다로운 배경 트렌드 중 하나 일 수 있습니다.
시도하는 것
Boxer Typeface는 굵은 선으로 인해 배경 용으로 거의 사용되는 펑키 한 슬래브 디스플레이 서체입니다.
3. 미묘한 질감
백그라운드의 미묘한 텍스처는 프로젝트에 깊이와 치수를 추가 할 수 있습니다.
시도 할 텍스처 패턴에는 모든 종류가 있지만 주된 경향은 단색에 반점 (가장 일반적으로 흰색) 인 것 같습니다.
이 스타일의 질감은 배경에 거친 요소를 제공하며 디자인이 과도하게 연마되지 않았다는 느낌을줍니다. 이 트렌드의 가장 큰 부분은 실제로 모든 것이 작동하며 다른 백그라운드 트렌드와 파트너 관계를 맺을 수도 있다는 것입니다. (위의 예는 비디오와 텍스처를 사용합니다.)
시도하는 것
Procreate Texture Brushes는 iPad 앱 사용자를 위해 미묘한 모래 질감으로 포장 된 멋진 애드온입니다.
4. 호버 애니메이션
배경 이미지는 정적이어야한다고 누가 말했습니까?
호버 동작을 완벽하게 배치하면 정적 배경에 적절한 양의 움직임이 추가됩니다. 이 기술은 사진, 일러스트레이션, 심지어 패턴이나 질감에도 적용됩니다.
요령은 사용자 경험에 예기치 않은 즐거움 요소를 추가한다는 것입니다. 호버 동작이 나타날 때까지 사용자는 해당 동작이 무엇인지 알지 못합니다.
이 배경 트렌드를 최대한 활용하려면 미묘한 움직임을 만듭니다. 위의 예에서 이미지는 활성화 될 때 약간 바운스됩니다.
시도하는 것
Animative는 웹 사이트에서 사용할 수있는 이미지 호버 효과 모음입니다.
5. 계층화 된 장면 일러스트
진화하는 또 다른 배경 추세는 삽화의 사용입니다. 디자이너들은 배경에서 오랫동안 그림을 사용해 왔지만이 그림들은 레이어드 씬이나 심지어 애니메이션으로 더욱 정교 해졌습니다.
그림은 주목을 끌고 기억에 남을 수 있습니다. 일러스트레이션에서 어려운 것은 이러한 배경 디자인이 다소 바쁠 수 있으므로 다른 요소의 배치와 스타일을 신중하게 계획해야한다는 것입니다.
위의 예에서 그림을 사용하는 것은 거의 완벽합니다. 중심을 벗어난 배치와 애니메이션 힌트를 통해 텍스트와 디자인의 나머지 부분을 완벽하게 보완합니다.
시도하는 것
크리에이티브 플랫 디자인 비즈니스 컨셉은 컬러 팔레트와 스타일이 매우 유용한 트렌드 플랫 디자인입니다. 제작자는이 스타일에서 사용할 수있는 여러 일러스트레이션 옵션이 있습니다.
6. 컬러 블록 레이어
컬러 차단은 분야를 뛰어 넘는 디자인 트렌드입니다. 패션, 홈 데코 및 웹 사이트 디자인에서 찾을 수 있습니다.
디자인 배경에 대한이 스타일의 장점은 밝고 레이어링을 통해 시각적으로 재미있을 수 있다는 것입니다. 브랜드에 적합 할 수있는 다양한 색상 팔레트와 함께 작동하며 지나치게 복잡하거나 달성하기 어려운 배경을 만들지 않습니다.
밝거나 밝은 배경의 색상 차단 레이어를 사용하고 다른 색상으로 두 번째 "배경"을 추가하십시오. 위의 포트폴리오 웹 사이트 예제에서 흰색 배경과 함께 파란색 상자의 개별 요소를 사용하여이를 볼 수 있습니다.
시도하는 것
Qusq Pro는 레이어링이있는 컬러 블록 테마가있는 WordPress 테마입니다.
7. 플랫 컬러
평평한 디자인 tat의 부분 중 하나는 결코 사라지지 않았습니다. 스타일의 색상입니다. 이 색상은 배경색으로 돌아옵니다.
배경에 대담한 색상을 사용하는 스타일뿐만 아니라 평평한 방식으로 사용하는 스타일입니다. 그라디언트 나 변형이 없으며 단일 색조의 단색 배경 만 있습니다.
이러한 배경에는 종종 사실적인 레이어가 있고 때로는 테두리 나 그 뒤에 다른 배경이있어 깊이를 만듭니다. (위 이미지에서 위의 이미지가있는 베이지 색 배경 주위에 흰색 테두리가있는 경우 위의 전체 효과를 볼 수 있습니다.)
8. 도형
원, 다각형 및 기타 기하학적 요소는 2020 년 배경 디자인의 큰 부분입니다.
모양은 어린 시절을 연상케하거나 이전에 유행했던 모든 평면 단색 배경의 재미있는 대안 일 수 있습니다. 기하학에 대한 현대적인 감각을 얻으려면 모노톤 색상 팔레트를 사용하고 대비를 많이 가진 요소를 사용하여 배경을 최대한 활용하십시오.
이러한 배경 스타일은 위의 예와 같이 다소 화려하거나 미묘한 기하학적 언더 톤이있는 음소거 된 색상 팔레트를 포함 할 수 있습니다.
시도하는 것
선형 그림자 배경에는 재미있는 색상과 그라디언트가있는 10 개의 크고 작은 지리적 (또는 폴리) 모양이 포함되어 있습니다.
9. 선 패턴
미묘한 곡선에서 굵은 선에 이르기까지 선 패턴이 배경 디자인 요소로 인기가 높아지고 있습니다.
선을 작동시키는 것은 그것들이 무언가를 의미한다는 것입니다. 최고의 선 패턴은 사용자를 디자인에 끌어 들이고 위의 예에서 사용자 선 패턴과 같은 다른 시각적 요소로 눈을 인도하는 데 도움이됩니다.
선 패턴은 크거나 작을 수 있으며 프로젝트의 목표에 따라 두 가지 모두 효과적 일 수 있습니다.
시도하는 것
새겨진 벡터 패턴에는 배경에 대한 16 개의 반복 패턴이 포함됩니다. 이 키트에는 직선, 블록 및 곡선과 같은 거의 모든 선 스타일이 포함되어 있습니다. (패턴이 만나는“이음새”에 대해 걱정할 필요가 없기 때문에 반복 패턴이 좋습니다.)
10. 수채화
놀랍게도, 수채화 배경은 디자이너로부터 많은 반응을 불러 일으키는 경향이 있습니다.
많은 사람들이 위의 예와 같이 수채화 요소를 더 여성스러운 톤으로 연결하지만 반드시 그럴 필요는 없습니다. 중립 수채화를 사용하여 배경에 깊이 또는 균형을 추가하십시오.
수채화 배경은 페인트 된 요소를 모방하거나“페인트”의 선과 소용돌이를 포함 할 수 있습니다.
시도하는 것
창백한 수채화 배경은 색상이 거의 다른 디자인 체계와 작동하기 때문에 PNG 파일의 훌륭한 키트입니다. 옅은 파스텔을 사용하는 이러한 요소에는 배경의 깊이가 포함되어 있으며 거의 동시에 사라집니다.
11. 그라디언트
당신이 전혀 나처럼 있다면, 당신은 진정으로 그라디언트를 좋아하는 디자이너 중 하나입니다. (나는 그들을 충분히 얻을 수 없습니다.)
이 트렌드는 색상 만있는 배경 그라디언트, 이미지 또는 비디오를 오버레이하는 배경 그라디언트 또는 색상이 변하거나 디자인 전체에 떠 다니는 애니메이션 배경 그라디언트를 사용할 때 매우 유연합니다.
너무 많은 옵션을 사용하면 색상 표 및 디자인 구성표와 함께 작동하는 실행 가능한 솔루션을 찾을 수 있습니다.
12. 거품과 물방울
거품과 얼룩은 기하학적 모양과 비슷할 수 있지만, 이러한 요소 중 많은 부분이 움직임을 포함하고 모양이 다소 불완전하다는 점에서 종종 다릅니다.
이 추세는 배경 요소로 두 가지 방식으로 작동하는 경향이 있습니다.
- 시각적 관심을 위해서만 또는 전체 디자인에 약간의 색상을 추가하는 버블 또는 물방울 모양의 요소가있는 실제 배경.
- 위의 예와 같은 "전경"배경 요소로. 버블과 얼룩은 종종 더 많은 레이어 효과를 만들기 위해 디자인을 통해 떠 다니는 움직이는 모양이지만 사용자의주의를 끌기위한 것 이외의 다른 기능적 역할을하지 않기 때문에 "배경 요소"입니다.
시도하는 것
Vintage Bubble Backgrounds에는 10 가지 희미한 버블 이미지가 포함 된 실제와 같은 버블 스타일의 매력이 있습니다.
13. 추상적 인 모양
아름다운 배경을 만드는 많은 모양과 디자인이 있지만 어떤 범주에도 속하지 않습니다. 이러한 모든 요소는 포괄적 인 "추상"범주로 분류 할 수 있습니다.
추상적 인 배경 요소는 시각적으로 흥미를 유발할 수 있습니다. 그들은 사용자가보고, 공간과 깊이 감각을 개발하거나 다른 요소들이 앉을 수있는 레이어를 제공해야하는 요소 근처에 초점을 만들 수 있습니다.
추상적 배경은 "규칙이없는"디자인이지만, 디자인이 사용자에게 혼란스러운 분위기를 남기지 않도록하기 위해 약간의 조직과 패턴 감각을 갖는 것이 좋습니다.
시도하는 것
초록 줄무늬 배경에는 피사계 심도가 다른 10 가지 이미지 세트가 포함되어 있습니다.
14. 나뭇결
우드 그레인 배경은 제품 사진 및 장면 스타일 디자인과 관련하여 인기가 있습니다.
나뭇결 배경이 평평하지 않은 자연스러운 설정을 제공하기 때문에 둘 다이 요소와 잘 작동합니다. 흥미롭지 만 압도적이지는 않습니다. 그것은 배경에 앉아있는 것에 초점을 맞추는 데 도움이되는 흥미로운 위치를 제공합니다.
나뭇결 스타일을 최대한 활용하려면 나무의 채색을 전경 요소와 일치시키고 전경 요소를 기준으로 넓거나 얇은 판자를 찾으십시오. 널빤지 사이의 "균열"에 빠지는 요소를 피하십시오.
시도하는 것
Wooden Backgrounds에는 너비가 3, 000 픽셀 이상인 이미지의 색상 및 조명 변경과 함께 10 가지 옵션이 포함되어 있습니다.
15. 흰색과 회색
밝은 색 – 흰색 및 회색 – 배경은 계속 끊어지는 추세입니다. 대부분 미니멀리즘 트렌드에서 비롯된 이러한 배경은 사용자에게 간단하고 쉽습니다. 화면의 다른 요소에 대한 충분한 공간과 대비를 제공합니다.
대부분의 흰색과 회색 배경에는 창백한 그라디언트, 그림자를 사용하여 전경 요소와의 분리 또는 전체 패턴 또는 텍스처와 같은 일부 텍스처 요소가 있습니다.
시도하는 것
Showcase Backgrounds에는 흰색 만 옅은 회색으로 밝은 색 구성표가있는 12 개의 배경 이미지가 포함되어있어 완벽한 페이드 인 디맨드 디자인 옵션입니다.
결론
새로운 배경으로 오래된 디자인을 바꾸십시오. 디자인 캔버스의 모양을 변경하는 것만 큼 간단한 것은 프로젝트를 완전히 새로 고칠 수 있습니다.
디자인에 더 현대적인 느낌을 더하기 위해 최신 유행의 물건을 찾으십시오. 또한 위의 모든 "일대 다"옵션을 다운로드하여 사용할 수 있습니다.
