Divi 디자인 쇼케이스: 2018년 10월의 새로운 제출물
게시 됨: 2018-10-28다시 한 번 월간 Divi 쇼케이스에서 커뮤니티 구성원이 만든 10개의 멋진 Divi 웹사이트를 살펴봅니다. 매달 우리는 커뮤니티에서 제출된 최고의 Divi 웹사이트를 선보이며 오늘은 10월 한 달 동안의 상위 10개 웹사이트를 공유하고자 합니다. 게시물 전체에서 각 웹 사이트로 나를 끌어들이는 내가 가장 좋아하는 디자인 기능 중 일부를 지적할 것입니다.
나는 당신이 그들을 좋아하기를 바랍니다!
Divi 디자인 쇼케이스: 2018년 10월의 새로운 제출물
1. 오르비콘 인포매틱스
이 사이트는 Janus Lock이 제출했습니다. 헤더에서 배경 비디오로 재생되는 흥미로운 애니메이션이 있습니다. 파란색 위의 파란색은 사이트의 브랜딩과 완벽하게 일치합니다. 큰 헤더 글꼴은 기술 테마와 잘 어울립니다. 스크롤하면 세로로 정렬된 텍스트가 화면 왼쪽에 표시되어 홈 페이지로 돌아가는 링크를 제공합니다. 레이아웃은 깨끗하고 간단한 그래픽을 사용하여 프로세스를 안내합니다. 페이지마다 번호가 매겨져 있습니다. 이 숫자는 전체 화면 메뉴에 반영됩니다. 나는 마우스 오버 시 오버레이 뒤의 이미지를 나타내는 텍스트가 있는 큰 파란색 블록과 관련 아이콘을 사용하는 모듈 페이지를 보여주는 아카이브 페이지의 디자인을 좋아합니다.
사이트 방문
2. 그로우모도
이 사이트는 Paul Preisler가 제출했습니다. 이 사이트는 깔끔한 레이아웃을 만들기 위해 많은 평면 디자인 그래픽과 추가 여백을 사용합니다. 작동 방식 섹션에서도 평면 그래픽을 사용합니다. 이미지는 텍스트가 겹치는 큰 이미지와 평가 모듈의 원 이미지 내에서 평가를 위해 그라디언트 오버레이를 사용합니다. 나는 상단과 하단을 위한 각진 구분선, 그림자 효과가 있는 여러 크기의 원 이미지, 그리고 이들을 연결하는 선이 있는 창의적인 재능 섹션을 좋아합니다. 블로그 추천 이미지도 그래디언트 오버레이를 사용합니다. 서비스는 녹색 글머리 기호, 호버 애니메이션 및 그림자 효과를 사용하는 카드로 표시됩니다.
사이트 방문
3. 솔비드
이 사이트는 Dmytro에서 제출했습니다. 이 사이트는 다양한 짙은 파란색 음영을 사용하여 흥미로운 그라데이션 배경을 만듭니다. 헤더는 서비스, 블로그 및 제품에 대한 링크가 있는 블록을 제공하는 방식이 독특합니다. 블록 내의 각 요소에는 호버 효과가 포함됩니다. 여러 섹션은 분할기의 각도를 사용하며 일부는 여러 방향으로 진행됩니다. 나는 그들이 도달 범위에 대해 논의하는 섹션을 좋아합니다. 로고가 약간 움직이면서 원 안에 회사 로고가 표시됩니다. 서비스는 테두리에 대한 아이콘과 제목 및 호버 효과만 있는 단순한 블록 안에 표시됩니다. 메가 메뉴에 비슷한 블록이 나타나지만 그라데이션 배경을 사용하여 구분됩니다. 블로그 페이지의 카테고리 및 추천 이미지에는 유사한 이미지가 사용됩니다.
사이트 방문
4. 수탉과 황소 축제
이 사이트는 Ross Pope가 제출했습니다. 이 사이트는 전체에 대담한 색상과 평면 디자인을 사용합니다. 관목과 손의 그래픽은 헤더의 가장자리를 장식하여 중앙의 CTA에 주의를 집중시키는 데 도움이 됩니다. 번개 그래픽은 다음 섹션의 텍스트에 주의를 집중시키는 데 도움이 됩니다. 나는 두꺼운 테두리와 마우스 오버 시 확대/축소를 포함하는 이미지가 있는 다중 레이아웃 섹션을 좋아합니다. 이 섹션에는 이미지와 겹치는 더 많은 관목 그래픽이 있습니다. 이메일 옵트인은 손으로 그린 것처럼 보이는 테두리를 사용합니다. 나는 또한 단색 실루엣으로 사람들을 보여주는 바닥글을 좋아합니다. 이 사이트의 색상은 정말 눈에 띕니다. 색상, 글꼴 및 그래픽이 웹사이트의 분위기를 어떻게 바꿀 수 있는지 보여주는 훌륭한 예입니다.
사이트 방문
5. 워킹 도그 훈련
이 사이트는 Jeremiah Lloyd가 제출했습니다. 영웅 섹션은 사이트의 나머지 부분에 대한 디자인을 설정하는 분할 화면에서 이미지와 클릭 유도문안을 보여줍니다. 이미지는 버튼 스타일과 일치하는 3D의 다채로운 어두운 복숭아 테두리를 사용합니다. 또 다른 이미지는 파란색 테두리를 사용하여 파란색과 짙은 복숭아색을 모두 사용하는 후기와 연결됩니다. 나는 흰색에서 밝은 황갈색으로 바뀌는 배경색을 좋아합니다. 색상은 글꼴 및 구분선과 잘 어우러져 우아한 스타일을 연출합니다. 블로그도 이 스타일을 따르지만 블로그 카드에 가는 선 테두리를 추가합니다. 블로그의 사이드바는 내가 본 것 중 가장 깔끔한 디자인으로, 산만해지지 않거나 너무 쉽게 무시할 수 있는 블로그 정보를 제공합니다.
사이트 방문
6. 우즈 홀 타일 회사
이 사이트는 Nelson Miller가 제출했습니다. 홈페이지에 3D 테두리가 있는 이미지를 많이 사용하여 제목, 텍스트, 버튼이 겹치는 한 페이지 디자인으로 콘텐츠를 볼 수 있는 블로그 카드 디자인을 만듭니다. 이미지는 스크롤할 때 번갈아가며 프로세스를 안내하고 바닥글의 연락처 양식으로 안내하는 수직선과 함께 연결됩니다. 이것은 뒤따르는 서비스 섹션을 소개하는 짙은 파란색 문구가 있는 페이지 중앙 부근에서 중단됩니다. 서비스 섹션도 이 파란색 섹션과 동일한 아이콘을 사용하여 함께 묶습니다. 나는 이 웹사이트에서 글꼴과 색상이 얼마나 잘 어울리는지 좋아합니다.
사이트 방문
7. 브리나트 디자인
이 사이트는 Sabrina Rowland가 제출했습니다. 그림을 그리는 사람의 배경 비디오가 노란색 오버레이 뒤에서 재생되어 사이트가 무엇인지 보여줍니다. 제목이 배경과 겹치고 태그라인이 노란색 블록 안에 완벽하게 배치되어 눈길을 끕니다. 노란색은 배경색으로 사이트 전체에 사용됩니다. 서비스 섹션에는 CTA가 포함된 3열의 광고 문구가 표시되며 섹션 제목은 세로로 인쇄됩니다. 나는 연락처 정보를 생성하기 위해 다음 섹션과 겹치는 그림자 효과가 있는 작은 연락처 양식과 각진 구분선이 있는 노란색 배경을 사용하는 연락처 섹션의 단순성을 좋아합니다.
사이트 방문
8. 해피 디지털
이 사이트는 Djaya De Vries가 제출했습니다. CTA는 다중 음영 처리된 둥근 섹션 구분선이 있는 전체 화면 배경 이미지 위에 있습니다. 프로젝트 및 서비스에 대한 링크는 마우스를 가져가면 그림자 효과가 있는 흰색으로 바뀌는 짙은 주황색 상자 안에 배치됩니다. 이 주황색은 사이트 전체에서 버튼과 텍스트의 하이라이트로, 메뉴에서, 혜택을 보여주는 배경으로, 그리고 서비스 페이지 내에서 두 개의 멀티 컬러 아이콘으로 사용됩니다. 홈페이지에서 내가 가장 좋아하는 섹션 중 하나는 두 섹션이 겹치는 슬라이더입니다. 단면과 슬라이더는 단색을 사용하여 우아한 디자인을 만듭니다. 주황색과 흰색은 사이트 전체에 진한 파란색과 잘 어울립니다.
사이트 방문
9. 제레미 무라
이 사이트는 Jeremy Mura가 제출했습니다. 나는 그것이 잘 작동할 때 대담한 색상의 팬이고 이 사이트는 대담한 오렌지를 완벽하게 사용합니다. 헤더에는 주황색 그라디언트 위에 성의 만화 배경과 흰색 텍스트가 있는 CTA, 그림자가 있는 파란색 버튼, 흰색 테두리가 있는 주황색 버튼이 포함됩니다. 4열 프로젝트 섹션은 프로젝트의 정사각형 이미지를 두 행 사이에 공백 없이 표시합니다. 나는 단계에 번호를 매기고 각 단계에 대해 큰 아이콘을 사용하는 디자인 프로세스에 대한 섹션을 좋아합니다. 나는 또한 흰색 텍스트가 있는 굵은 주황색의 전체 너비 CTA를 좋아합니다. 블로그는 흰색 배경에 주황색 제목을 사용합니다.
사이트 방문
10. 광고 콘세이일
이 사이트는 FJ LAHIANI에 의해 제출되었습니다. 이것은 미색과 밝은 회색 배경 위에 짙은 회색과 회청색 텍스트와 그래픽 요소를 잘 활용하여 우아한 디자인을 만듭니다. 그래픽은 전문 지식과 기술을 간단한 제목과 구분하는 세로 막대로 표시하는 데 사용됩니다. 광고 문구는 테두리, 그림자 또는 호버 효과를 사용하지 않습니다. 팀 페이지는 팀 구성원을 표시하기 위해 이와 동일한 디자인을 따릅니다. 참조 및 교육 페이지도 이 안내문 스타일을 사용하고 토글에 글머리 기호가 있는 텍스트를 표시합니다. 이 사이트의 디자인 초점은 단순함에 있으며 잘 작동합니다.
사이트 방문
결론
10월 한 달 동안 최고의 커뮤니티 Divi 웹사이트 제출물 10개입니다. 이 사이트는 정말 멋져보이며 언제나처럼 제출해 주신 모든 분들께 감사드립니다!
자신만의 디자인을 고려하고 싶으시다면 언제든지 우아한 테마 닷컴의 nathan 편집자에게 이메일을 보내주십시오. 이메일 제목은 "DIVI SITE SUBMISSION"으로 하십시오.
우리는 또한 당신의 의견을 듣고 싶습니다! 이 웹사이트에 대해 마음에 드는 점과 웹사이트에서 수행한 작업이 있으면 블로그에서 가르치고 싶은 내용을 알려주십시오.
DRogatnev/Shutterstock.com을 통한 추천 이미지