Divi를 위한 6가지 무료 반복 배경 패턴 다운로드

웹 사이트에 세부 사항에 대한 추가 주의를 기울이면 생각보다 전반적인 웹 디자인 스타일에 영향을 줄 수 있습니다. 일반적으로 사람들이 템플릿 종류의 웹 사이트와 사용자 정의된 웹 사이트를 구별하는 데 도움이 되는 것은 작은 세부 사항입니다.

고급 디자인을 달성하는 데 접근할 수 있는 몇 가지 방법이 있습니다. 할 수 있는 일 중 하나는 페이지의 모든 디자인 요소에 미묘한 배경 반복 패턴을 사용하는 것입니다. 이것은 배경 이미지 크기를 줄이는 데 도움이 될 뿐만 아니라 빈 배경을 압도하지 않고 채우는 데 도움이 됩니다.

이 게시물에서는 Divi로 모든 종류의 웹사이트를 구축할 때 사용할 수 있는 6가지 기본적이지만 다양한 배경 패턴을 다운로드할 수 있습니다. 이 패턴은 웹 디자인을 멋지게 꾸며야 할 때 주머니 뒤에 보관하는 것이 좋습니다.

시사

다음 배경 패턴을 사용하여 웹사이트에서 어떤 결과를 얻을 수 있는지 살펴보겠습니다.

무료로 배경 패턴 다운로드

무료 배경 패턴을 사용하려면 먼저 아래 버튼을 사용하여 다운로드해야 합니다. 다운로드에 액세스하려면 아래 양식을 사용하여 Divi Daily 이메일 목록에 가입해야 합니다. 신규 구독자는 매주 월요일과 금요일에 더 많은 Divi 혜택과 무료 Divi 레이아웃 팩을 받게 됩니다! 이미 목록에 있는 경우 아래에 이메일 주소를 입력하고 다운로드를 클릭하기만 하면 됩니다. "재구독"되지 않거나 추가 이메일을 받지 않습니다.

파일 다운로드

무료로 다운로드

Divi 뉴스레터에 가입하시면 최고의 Divi 랜딩 페이지 레이아웃 팩과 수많은 놀라운 무료 Divi 리소스, 팁 및 요령을 이메일로 보내드립니다. 따라하시면 ​​금세 Divi 마스터가 되실 것입니다. 이미 구독한 경우 아래에 이메일 주소를 입력하고 다운로드를 클릭하여 레이아웃 팩에 액세스하십시오.

다운로드

성공적으로 구독했습니다. 이메일 주소를 확인하여 구독을 확인하고 무료 주간 Divi 레이아웃 팩에 액세스하세요!

접근하다

• 폴더를 다운로드하고 압축을 풀면 5개의 다른 폴더를 찾을 수 있습니다.
• 이 폴더 각각은 1000×1000, 500×500, 100×100, 50×50, 25×25 등 서로 다른 차원 집합을 나타냅니다.
• 기술적으로 동일한 패턴이지만 웹 사이트의 최종 결과는 사용하기로 결정한 차원 집합에 따라 다르게 보일 것입니다.
• 이 패턴을 Divi의 배경 옵션과 결합하여 배경 반복 효과를 만듭니다.
• 이렇게 하면 배경 이미지가 일관되게 유지될 뿐만 아니라 고해상도 배경 이미지의 필요성도 줄어듭니다.

작동 원리

페이지에서 섹션 선택

이러한 배경 패턴을 페이지의 모든 디자인 요소에 적용할 수 있습니다. 섹션 배경으로 추가하여 보여드리겠습니다. 그러나 행, 열 및 모듈과 같은 다른 디자인 요소에도 이러한 동일한 패턴을 자유롭게 추가할 수 있습니다. 디자인 요소가 작을수록 원하는 모양과 느낌에 따라 패턴의 치수와 함께 더 작아야 합니다.

원하는 치수 선택

패턴 1: 1000×1000

배경 설정

위에서 공유한 결과를 얻으려면 다운로드한 1000×1000 폴더에서 패턴 #1을 찾으십시오. 그런 다음 섹션 배경 설정에 업로드하고 다음 설정을 함께 사용합니다.

• 배경 이미지 크기: 실제 크기
• 배경 이미지 위치: 중앙
• 배경 이미지 반복: 반복

그라디언트 오버레이 사용

그라디언트 배경을 사용하여 패턴을 혼합하고 싶습니까? 당신도 그렇게 할 수 있습니다. 아래 예에서는 혼합 효과를 만들기 위해 배경 이미지 위에 그라디언트를 배치하는 것과 함께 하나의 단색과 하나의 반투명한 색상을 사용했습니다.

• 색상 1: #E2E2E2
• 색상 2: rgba(255,255,255,0.37)
• 그라디언트 유형: 선형
• 기울기 방향: 181deg
• 시작 위치: 7%
• 최종 위치: 35%

패턴 #1 : 500×500

배경 설정

Divi의 내장 배경 옵션을 사용하여 패턴이 가로 또는 세로로만 나타나도록 할 수도 있습니다. 위의 예에서는 500×500 치수 패턴 #1 이미지 파일을 사용했습니다. 업로드 후 다음 배경 설정과 결합합니다.

• 배경 이미지 크기: 실제 크기
• 배경 이미지 위치: 상단 중앙
• 배경 이미지 반복: X(가로) 반복

패턴 #2 : 500×500

배경 설정

500×500 폴더의 두 번째 패턴을 사용하여 동일한 작업을 수행했습니다.

• 배경 이미지 크기: 실제 크기
• 배경 이미지 위치: 상단 중앙
• 배경 이미지 반복: X(가로) 반복

패턴 #3 : 100×100

배경 설정

다음 예에서는 100×100 차원 폴더에서 패턴 #3을 찾아 다음 배경 옵션과 결합하여 패턴이 전체 섹션을 차지하도록 합니다.

• 배경 이미지 크기: 실제 크기
• 배경 이미지 위치: 중앙
• 배경 이미지 반복: 반복

패턴 #4 : 50×50

배경 설정

치수가 작을수록 패턴 빈도가 높아집니다. 50×50 차원 폴더에서 배경 #4를 찾아 다음 배경 설정과 결합합니다.

• 배경 이미지 크기: 실제 크기
• 배경 이미지 위치: 상단 중앙
• 배경 이미지 반복: 반복

패턴 #5 : 100×100

배경 설정

다섯 번째 패턴은 다음 배경 설정과 함께 100×100 치수 세트를 사용할 때 놀랍고 미묘한 디자인을 제공합니다.

• 배경 이미지 크기: 실제 크기
• 배경 이미지 위치: 상단 중앙
• 배경 이미지 반복: 반복

패턴 #6 : 25×25

배경 설정

마지막으로 25×25 치수 폴더에서 패턴 #6을 찾아 다음 배경 설정과 함께 섹션 배경에 업로드합니다.

• 배경 이미지 크기: 실제 크기
• 배경 이미지 위치: 상단 중앙
• 배경 이미지 반복: 반복

행, 열 및 모듈 배경에도 패턴 사용

위에서 처리한 예는 선택할 수 있는 옵션 중 일부일 뿐입니다. 포함된 다른 치수로 실험하면 각 패턴에 대해 다른 결과를 얻을 수 있습니다. 그 외에도 Divi의 배경 옵션을 사용하여 다양한 결과를 생성할 수도 있습니다. 섹션에만 이러한 배경 패턴을 사용하는 것으로 제한되지 않습니다. Divi의 Visual Builder에서 모든 디자인 요소에 사용할 수 있습니다. 패턴의 크기는 요소의 크기와 일치해야 합니다. 행, 열 및 모듈 배경의 패턴을 사용하여 개인화되고 고유한 디자인을 만듭니다.

시사

이제 배경 패턴으로 얻을 수 있는 몇 가지 다른 최종 결과를 처리했으므로 최종 결과를 최종적으로 살펴보겠습니다.

마지막 생각들

웹 디자인에서는 세부 사항에주의를 기울이는 것이 중요합니다. 이를 수행하는 방법은 여러 가지가 있지만 이 게시물에서는 Divi를 사용하여 디자인 요소에 대한 미묘한 배경을 얻기 위해 배경 패턴을 사용하여 구체적으로 처리했습니다. 무료로 다운로드하여 사용할 수 있는 6가지 패턴을 제공했습니다. 각 패턴에 대해 페이지에서 사용된 다른 결과로 이어지는 다른 차원도 제공했습니다. 질문이나 제안 사항이 있으면 아래 의견 섹션에 의견을 남겨주세요!