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

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

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

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

1. 다이브마스터 길리스

이 사이트는 Alexander Falch가 제출했습니다. 사이트는 고정 머리글 배경, 구분선, 아이콘, 블러 배경, 바닥글, 블로그 그림자 등에 산호 색 구성표를 사용합니다. 영웅 섹션은 나를 끌어들이는 전체 화면 배경 이미지와 사이트를 설명하는 오버레이의 텍스트를 사용합니다. . 머리글은 스크롤할 때 나타나고 3D 모양을 주기 위해 어두운 그림자가 포함됩니다. 헤더에는 스크롤할 때 색상이 변하는 선으로 그린 ​​아이콘도 포함되어 있습니다. 제목의 글꼴은 길고 가늘습니다. 색상, 아이콘 및 글꼴은 장르와 완벽하게 일치하며 사이트 전체의 공백과 잘 어울립니다. 패키지는 이벤트를 설명하는 데 도움이 되는 이미지와 함께 레이아웃이 번갈아 표시됩니다.

웹사이트 방문

2. 테크니

이 사이트는 Michal Teska가 제출했습니다. 이 사이트는 전체에 걸쳐 최소한의 그래픽으로 많은 공백을 사용하는 한 페이지 디자인입니다. 블루와 핑크는 배경, 텍스트, 디바이더, 그래픽, 메뉴의 브랜드 색상으로 사용됩니다. 나는 한 면에 그래픽을 표시하고 다른 면에 텍스트를 번갈아 표시하는 서비스의 예를 좋아합니다. 여백은 그래픽과 텍스트를 돋보이게 하고 깔끔한 디자인을 제공합니다. 나는 또한 서비스, 물결 모양의 섹션 구분 기호 및 두 섹션이 겹치는 문의 양식을 설명하는 단순화된 문구를 좋아합니다.

웹사이트 방문

3. PA 아카데미

이 사이트는 Aimee Agee가 제출했습니다. 이 사이트는 브랜드 색상에 빨강, 검정 및 흰색을 많이 사용합니다. 빨간색은 배경 오버레이와 아이콘에서 특히 두드러집니다. 빨간색 배경 위에 흰색 테두리 및 아이콘과 함께 사이트가 눈에 띄고 흥미롭게 보입니다. 모든 섹션에는 스크롤 애니메이션이 포함되어 있습니다. 나는 특히 등록 링크와 함께 워크샵 날짜를 표시하는 영웅 섹션 아래의 간단한 이벤트 캘린더 섹션을 좋아합니다. 학습할 내용에 대한 섹션에서는 외부 열의 광고 문구 내의 주요 요점을 표시하는 반면 이미지는 중앙에 떠 있고 마우스 스크롤을 따릅니다. 내가 가장 좋아하는 또 다른 섹션은 워크샵 CTA입니다. 빨간색 오버레이와 CTA로 화면 왼쪽 절반에 큰 이미지를 표시합니다. 오른쪽에는 스타일이 지정된 아이콘이 있는 글머리 기호에 대한 간단한 안내문이 있습니다.

웹사이트 방문

4. 피트니스 및 음식

이 사이트는 Patrick Hertnagel이 제출했습니다. 이 사이트는 메뉴, 테두리, 버튼, 오버레이 텍스트, 바닥글 배경 및 스크롤바의 브랜드 색상에 멋진 녹색을 사용합니다. 제목은 사이트 디자인과 완벽하게 조화되는 큰 텍스트를 사용합니다. 특히 큰 CTA 섹션을 좋아합니다. 한 면에는 텍스트와 버튼이 있고 다른 면에는 이미지가 있는 화면의 전체 너비를 차지하는 두 개의 열로 표시됩니다. 이 중 4개가 교대로 배치되어 있습니다. 블로그 섹션에는 블로그 열의 너비와 일치하는 검색 상자가 있습니다. 눈에 띄는 또 다른 섹션은 모자이크 이미지 갤러리입니다. 여러 열과 높이로 이미지를 표시하지만 모두 공간에 맞아 완벽한 대칭을 이룹니다.

웹사이트 방문

5. 헤이 베어 크리에이티브

이 사이트는 Marcy Henriques가 제출했습니다. 전체적으로 만화 같은 그래픽을 많이 사용하고 브랜드 색상에는 굵은 빨강, 검정, 노랑을 사용합니다. 영웅 섹션은 유사한 그래픽이 겹치는 산의 배경 그래픽을 표시합니다. 모두 전경의 그래픽에 대해 더 어두운 음영과 함께 다양한 빨간색 음영으로 표시됩니다. 전경 그래픽은 스크롤할 때 크기가 확장됩니다. 헤더에는 굵은 선이 있는 햄버거 메뉴와 굵은 검은색 테두리가 있는 노란색 CTA가 표시됩니다. 유사한 버튼이 사이트 전체에 배치됩니다. 나는 이 웹사이트에서 사용하는 곰과 산 그래픽을 좋아합니다. 디자인은 콘텐츠를 깨끗하고 읽기 쉽게 유지하면서 대담한 색상과 배경 그래픽을 잘 활용합니다.

웹사이트 방문

6. 루

이 사이트는 Mathias Rue가 제출했습니다. 흰색, 빨간색, 보라색 텍스트가 있는 검정색 배경을 사용합니다. 영웅 섹션은 화면을 구성하고 모서리에 링크를 배치하는 전체 화면 섹션입니다. 여기에는 태그라인에 대한 초대형 텍스트가 포함됩니다. 모든 모듈에는 빨간색에서 보라색으로 가는 테두리가 있습니다. 영웅 섹션의 보라색 텍스트와 테두리의 보라색 부분은 스크롤하면 빨간색으로 바뀝니다. 다음 섹션에서는 검정색 배경, 흰색 텍스트, 빨간색 태그 및 링크가 있는 서비스 및 포트폴리오 이미지를 보여줍니다. 이 모듈은 행당 2개 또는 3개로 나란히 배치됩니다. 이러한 각 모듈은 마우스를 올리면 확장되어 더 많은 공간을 차지하고 이미지가 확대됩니다. 바닥글의 연락처 정보는 스크롤할 때 색상이 변하는 초대형 텍스트도 사용합니다. 이 사이트는 큰 텍스트와 호버 효과를 흥미롭게 사용합니다.

웹사이트 방문

7. 디지모에

이 사이트는 Moe at Dijimoe에 의해 제출되었습니다. 이 사이트는 배경과 하이라이트에 진한 파란색을 많이 사용합니다. 영웅 섹션은 애니메이션 입자의 배경 위에 제목이 있는 큰 그래픽을 표시합니다. 각 섹션은 하단에 스타일 구분 기호를 사용하여 스타일이 지정된 U 모양을 돋보이게 합니다. 섹션은 진한 파란색 배경과 흰색 배경이 번갈아 나타납니다. 이것은 깨끗하고 우아한 단순한 디자인을 유지합니다. 서비스는 다양한 색상의 아이콘을 사용하는 광고 문구 내에 표시됩니다. 클라이언트 로고는 항상 움직이는 슬라이더 안에 표시되므로 사이트의 다른 부분과 구별됩니다. 메뉴는 링크 외부에 아이콘이 포함된 각 측면에 링크가 있는 단순합니다. 링크 위로 마우스를 가져가면 둥근 배경이 나타납니다. 특히 서비스 페이지에서 스타일이 지정된 아코디언과 그래픽을 사용하는 것이 좋습니다.

웹사이트 방문

8. 영양사 Maria Antonietta Gastone

이 사이트는 Daniele Bardella가 제출했습니다. 이 사이트는 버튼, 링크 및 아이콘 전체에 주황색 하이라이트가 많이 포함된 깔끔한 디자인을 사용합니다. 레이아웃은 공백을 사용하여 각 광고 문구, CTA 및 평가가 돋보이도록 돕습니다. 서비스 섹션은 한 면에 이미지를 사용하고 더 많은 것을 읽을 수 있는 링크가 있는 아이콘과 짧은 설명이 포함된 광고 문구 세트를 표시합니다. 나는 사용된 방법에 대한 섹션을 좋아합니다. 설명과 함께 이미지를 한쪽으로 겹치는 광고 문구를 제공합니다. 책의 전체 너비 CTA는 중앙에 버튼을 표시하고 한쪽에 이미지를 표시합니다. 책 페이지는 주황색 배경 위에 흰색 텍스트와 책 표지 이미지를 사용합니다. 이 사이트는 색상과 공백을 잘 활용합니다.

웹사이트 방문

9. 웹스트레이트젠

이 사이트는 Michael Kwasiuk가 제출했습니다. 이 사이트는 흰색과 검은색 배경에 하이라이트를 위해 Radical red를 사용합니다. 빨간색은 프리로더 화면으로도 사용됩니다. 실질적으로 모든 섹션에는 중심에서 겹치거나 오프셋되는 부분이 있습니다. 섹션이 바뀌면 시선을 이끄는 독특한 균형이 만들어집니다. 여러 섹션에서 한 쪽에 텍스트를 배치하고 다른 쪽에 애니메이션 이미지를 배치합니다. 포트폴리오는 독특한 탐색 스타일로 한쪽으로 이동하는 슬라이더를 사용합니다. 블로그 섹션에는 이미지에서 오프셋된 설명이 있는 카드가 표시됩니다. 스크롤할 때 로고가 글자를 지우고 첫 글자에 기본 메뉴의 마침표를 남겨두는 방식이 마음에 듭니다.

웹사이트 방문

10. 레모네이드 IT

이 사이트는 Teck Seng Chan이 제출했습니다. 디자인은 메뉴의 CTA, 그래픽, 테두리, 텍스트, 슬라이더 탐색, 블로그 게시물 추천 이미지 배경 색상 등과 같은 하이라이트에 노란색과 녹색(레몬과 라임) 색 구성표를 사용합니다. 모든 섹션 배경은 디자인을 최대한 단순하고 깨끗하게 유지하는 데 도움이 되도록 흰색 또는 밝은 회색입니다. 서비스는 호버링 시 하단에 그림자를 추가하는 긴 문구 내에 표시됩니다. 내가 가장 좋아하는 섹션은 휴대폰과 그 뒤에서 독립적으로 움직이는 웹사이트 레이아웃이 있는 CTA입니다. 평가 슬라이더도 흥미롭습니다. 평가를 세로로 스크롤합니다. 이 사이트는 색상과 단순한 레이아웃을 잘 활용합니다.

웹사이트 방문

결론적으로

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

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

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

ann131313/Shutterstock.com을 통한 주요 이미지