Divi 디자인 쇼케이스: 2021년 4월부터 새로운 제출물

월간 Divi 쇼케이스에서는 커뮤니티 회원이 만든 10개의 놀라운 Divi 웹사이트를 살펴봅니다. 매달 우리는 커뮤니티에서 제출된 최고의 Divi 웹사이트를 선보이며 오늘은 4월 한 달 동안의 상위 10개 웹사이트를 공유하고자 합니다. 게시물 전체에서 각 웹 사이트로 나를 끌어들이는 내가 가장 좋아하는 디자인 기능 중 일부를 지적할 것입니다.

나는 당신이 그들을 좋아하기를 바랍니다!

Divi 디자인 쇼케이스: 2021년 4월부터 새로운 제출물

1. 지젤 앨런

이 사이트는 Leslie Tagorda가 제출했습니다. 이 사이트는 색상을 잘 활용합니다. 보라색과 황갈색의 다양한 음영 사이의 배경. 각 섹션에는 각진 구분 기호가 포함되어 있습니다. 글꼴은 배경과 잘 어울립니다. 또한 이미지 및 CTA와 같은 다른 요소 주위에 배치된 그래픽도 포함합니다. 이미지에는 스타일이 지정된 테두리와 배경에서 눈에 띄는 독특한 모양이 포함됩니다. 이미지의 많은 배경이 다른 그래픽 요소와 일치합니다. 배경 패턴도 마음에 듭니다.

지젤 앨런 방문

2. 에이다 트린다데

이 사이트는 Duo Digital에서 제출했습니다. 이 사이트는 글꼴과 배경색을 잘 활용합니다. 영웅 섹션과 여러 배경은 눈에 띄고 시각적 질감을 주기에 충분할 정도로 눈에 띄는 패턴 배경을 표시합니다. 많은 텍스트 요소에는 모양과 CTA를 만들기 위해 함께 작동하는 테두리가 포함되어 있습니다. 일부는 관심을 끌기 위해 시각적 요소를 구축하는데, 이는 평가에 적합합니다. 또한 시각적 공간을 차지하는 하나의 그래픽 요소가 있다는 점도 마음에 듭니다.

에이다 트린다데 방문

3. 스튜디오 새로 고침

이 사이트는 Bradley Maravalli가 제출했습니다. 이 사이트는 여백을 흥미롭게 활용하고 있습니다. 흰색 배경과 배경에서 떨어져 있는 그림자가 있는 흰색 배경을 포함하는 요소를 사용하여 흰색 배경과 흰색 배경을 번갈아 사용합니다. 영웅 섹션은 시차로 흰색 이미지를 표시합니다. 텍스트는 검은색이지만 너무 어둡지 않습니다. 배경과 적절한 대비가 있어 읽기 쉽도록 가벼울 뿐입니다. 로고, 이메일 링크 및 버튼은 녹색으로 흰색과 대비되어 눈에 띄고 우아하게 보입니다.

리프레쉬 스튜디오 방문

4. 시아라

이 사이트는 Ryan Olton이 제출했습니다. 이것은 또한 색상과 공백을 훌륭하게 사용합니다. 영웅 섹션은 화면 중앙을 비워두는 아이템의 이미지를 보여줍니다. 제목과 CTA는 이 위치에 완벽하게 자리합니다. 여러 섹션에는 한 면 또는 다른 면에 유사한 배경 이미지가 포함되어 있습니다. 모든 텍스트는 주변에 공백이 있어 다른 텍스트와 구별됩니다. 제목은 흰색 배경에 완벽하게 어울리는 짙은 주황색/빨간색을 사용합니다. 상단 배너도 마음에 듭니다. 주황색 버튼이 있는 짙은 녹색입니다. 스크롤하면 배너가 메뉴로 바뀝니다.

시아라 방문

5. RCBI

이 사이트는 Jimmy Lemon이 제출했습니다. 이것은 산업 디자인을 만들기 위해 갈색 배경, 녹색 하이라이트 및 이미지를 훌륭하게 사용합니다. 영웅 섹션에는 전경에 CTA가 있고 왼쪽에 흰색 배경에 혼합되는 배경 이미지가 표시됩니다. 카테고리는 눈에 띄는 갈색 배경 위에 두 개의 열에 큰 이미지와 함께 표시됩니다. 블로그 섹션도 이 배경을 사용합니다. 이벤트는 눈에 띄는 큰 카드와 깊은 상자 그림자로 표시됩니다.

RCBI 방문

6. James의 사이트

이 사이트는 James Pettecrew가 제출했습니다. 이 사이트는 빨간색 하이라이트와 밝은 배경과 어두운 배경의 조화를 훌륭하게 활용합니다. 특히 히어로 섹션이 눈에 띈다. 제목 중앙에 빨간색 대각선 섹션이 있는 흑백 이미지를 표시합니다. 많은 섹션에서 제목, 버튼, 테두리 등에 이 빨간색을 사용하지만 드물게 사용하므로 항상 눈에 띕니다. 이 사이트에는 흥미로운 CTA도 있습니다. 데스크톱 및 모바일에서 웹사이트에 대한 Google 검색인 시차의 배경 이미지를 사용합니다. 많은 사람들이 스타워즈 디자인으로 만든 바닥글의 로고를 높이 평가할 것입니다.

James의 사이트 방문

7. 가치 있는 리더

이 사이트는 Shayne Wyler가 제출했습니다. 이것은 색상과 이미지를 잘 활용합니다. 배경은 회백색과 짙은 회색이 번갈아 나타납니다. 영웅 섹션으로 시작하는 몇 가지 배경에는 전체 너비 이미지가 표시됩니다. 버튼, 아이콘 및 탭을 포함한 하이라이트는 파란색으로 표시됩니다. 파란색은 항상 눈에 띄도록 드물게 사용됩니다. 여러 요소가 섹션을 겹칩니다. 내가 가장 좋아하는 것은 탐색용 탭이 있는 포함된 비디오입니다. 한쪽에는 동영상이 표시되고 다른 한쪽에는 CTA가 표시됩니다.

가치있는 지도자를 방문하십시오

8. 이퀘스트룸

이 사이트는 Michenou Crama가 제출했습니다. 이것은 주황색과 파란색 하이라이트와 여백을 잘 활용합니다. 주황색 및 파란색 요소에는 버튼, 배경 패턴, 아이콘, 텍스트 및 배경 오버레이가 포함됩니다. 영웅 섹션에는 겹친 원 이미지가 있는 큰 주황색 원이 표시됩니다. 주황색과 파란색의 작은 원이 겹쳐집니다. 일부 배경 요소는 고정되어 있는 반면 다른 요소는 떠 있습니다. 모든 CTA, 블로그 게시물 및 정보 문구는 다채롭고 눈에 띕니다. 뒤로 가기 버튼도 사이트에 맞게 스타일이 지정됩니다.

이퀘스트룸 방문

9. 엘리트 터닝 및 머시닝

이 사이트는 Justin Arcara가 제출했습니다. 밝은 빨간색과 이미지를 잘 활용하여 우아해 보이는 인더스트리얼 디자인을 연출합니다. 많은 이미지가 섹션 및 다른 이미지와 겹칩니다. 이미지 중 하나는 슬라이더입니다. 빨간색 강조 표시에는 메뉴의 CTA, 버튼, 제목, 숫자, 테두리, 아이콘 및 연락처 정보용 이미지 오버레이가 포함됩니다. 많은 섹션에는 이미지 또는 광고 문구 뒤에 있는 회색 배경 패턴이 포함되어 있습니다. 나는 회색 아이콘과 빨간색 버튼을 사용하는 광고 문구 섹션을 좋아합니다. 광고 문구에는 카드 하단에 빨간색 테두리가 포함됩니다.

엘리트 터닝 및 머시닝 방문

10. 픽스웹

이 사이트는 Yanis가 제출했습니다. 이 사이트는 색상을 잘 활용합니다. 흥미로운 밝은 빨강/주황색이 배경에 사용됩니다. 황갈색 배경과 번갈아 나타납니다. 빨간색 섹션의 텍스트는 황갈색 배경과 일치하는 황갈색입니다. 많은 빨간색 요소에는 눈에 띄는 상자 그림자가 포함됩니다. 헤더는 빨간색이며 황갈색 텍스트, 상자 그림자 및 중앙에 겹치는 햄버거 메뉴를 포함합니다. 햄버거 아이콘은 빨간색 배경과 황갈색 그래픽 요소가 있는 전체 화면 메뉴를 엽니다. 내가 가장 좋아하는 것은 하단의 CTA입니다. 황갈색 섹션과 빨간색 바닥글이 겹칩니다. 상자 그림자가 있는 빨간색 바닥글에서 두드러집니다.

픽스웹 방문

마무리

4월 한 달 동안 최고의 커뮤니티 Divi 웹사이트 제출물 10개입니다. 이 사이트는 정말 멋져보이며 언제나처럼 제출해 주신 모든 분들께 감사드립니다!

자신만의 디자인을 고려하고 싶으시다면 언제든지 우아한 테마 닷컴의 nathan 편집자에게 이메일을 보내주십시오. 이메일 제목은 "DIVI SITE SUBMISSION"으로 하십시오.

우리는 또한 당신의 의견을 듣고 싶습니다! 이 웹사이트에 대해 마음에 드는 점과 웹사이트에서 수행한 작업이 있으면 블로그에서 가르치고 싶은 내용을 알려주십시오.

GoodStudio/Shutterstock.com을 통한 추천 이미지