Prezentacja Divi Design: nowe zgłoszenia od listopada 2020 r.

Znowu nadszedł ten czas na naszą comiesięczną prezentację Divi, w której przyjrzymy się dziesięciu niesamowitym witrynom Divi stworzonym przez członków naszej społeczności. Każdego miesiąca prezentujemy najlepsze witryny Divi, które zostały przesłane przez naszą społeczność, a dziś chcemy podzielić się z Wami dziesięcioma najlepszymi witrynami w listopadzie. W całym poście wymienię niektóre z moich ulubionych funkcji projektowych, które przyciągają mnie do każdej ze stron internetowych.

Mam nadzieję, że ich lubisz!

Prezentacja Divi Design: nowe zgłoszenia od listopada 2020 r.

1. Postęp

Ta strona została zgłoszona przez Azer Gunes. Wykorzystuje wiele czarnego tła z dużym białym tekstem i jasnożółtymi podświetleniami. Menu nawigacyjne zaczyna się z przezroczystym tłem i wyświetla logo, linki oraz kilka CTA na żółtym tle. Po przewinięciu nagłówek zmienia się na czarne tło, wezwania do działania mają teraz tytuły, a linki do menu są przenoszone do menu hamburgerów, które pojawia się po lewej stronie. Przyciski w całej witrynie zamieniają się kolorami po najechaniu myszą. Oferty pracy są wyświetlane jako niestandardowe posty i zawierają kwadratowy obraz z klikalnym linkiem w rogu. Członkowie zespołu są pokazani na suwaku umieszczonym po jednej stronie nad wzorem tła. Stopka wyświetla informacje na żółtym tle i umieszcza linki do mediów społecznościowych we wzorze blokowym. Uwielbiam używać żółtego i czarnego na tej stronie.

Odwiedź stronę

2. Lochy Neheulbeuk

Ta strona została wysłana przez Thibaulta Julliana. Jeśli jesteś graczem RPG, ta strona natychmiast Cię wciągnie. Wideo w tle tworzy wygląd animowanego suwaka, przesuwając się z jednej sceny do drugiej i pokazując scenę w zwolnionym tempie. Na pierwszym planie są wyświetlane stylizowane przyciski tytułu i wezwania do działania. Logo studia jest umieszczone na rysunku kamiennych bloków nad drzwiami, przez które postać z kreskówek wchodzi do pokoju. Podczas przewijania do tej sekcji rozmazany tekst przesuwa się z boków i staje się ostry, gdy dotrą do swojej lokalizacji. Informacje o grze są wyświetlane w notatkach za pomocą niestandardowych ikon i stylizowanego tekstu ze złotymi podświetleniami. Film jest osadzony na tle, które działa jak plakat z gry. Zrzuty ekranu są wyświetlane w galerii murów. Ta strona doskonale wykorzystuje grafikę i złoty tekst na czarnym tle.

Odwiedź stronę

3. Trafoos

Ta strona została wysłana przez Samant Jaitli. Ta strona jest sklepem internetowym, który znajduje ciekawy sposób na wykorzystanie koloru. Sekcja bohatera wyświetla obrazy po prawej i lewej stronie oraz przyciski pośrodku na tle w delikatnych żółtych i niebieskich kolorach z witryny. Kolory tła zdjęć produktów również wykorzystują te i kilka innych kolorów. Niektóre zdjęcia produktów mają cień, który wyróżnia produkt z tła. Zegar odliczający pokazuje logo. Inne produkty zawierają ramkę z jednej strony z obrazem umieszczonym na kolorowym tle z drugiej strony, która tworzy nakładanie się kolorów przy użyciu niebieskiego i żółtego z sekcji bohatera. Sekcja nowości dodaje do produktów cienie pudełkowe. Ciekawa jest również stopka. Dzieli ekran dużą kolumną koloru niebieskiego i mniejszą kolumną koloru żółtego. Każda z kolumn zawiera inne informacje. W całej witrynie pojawiają się rysunkowe rysunki pand, w tym logo.

Odwiedź stronę

4. Nancomcy

Ta strona została zgłoszona przez Marca HENRY. Ta strona wykorzystuje wiele elementów graficznych o kształtach z zaokrąglonymi krawędziami, które pokazują obrazy tła. Sekcja bohatera pokazuje kilka z nich w pionie, a najbardziej widoczny wyświetla wideo w tle. Inne wyświetlają kolor lub obrazy. Kolejna sekcja pokazuje kilka w poziomie. Są znacznie cieńsze, zajmują prawie całą szerokość ekranu i są umieszczone w układzie naprzemiennym. Zawierają obrazy tła z bardzo dużym tekstem jako tytuł i mniejszym tekstem pod elementem graficznym jako opis. Sekcja liczników liczb jest podobna do tych i zawiera niebiesko-czarne tło ze złotym tekstem. Referencje są umieszczane na obrazie tła z tekstem w nakładce. Podoba mi się również sekcja, która pokazuje element graficzny pośrodku i notki po obu stronach. Środkowa grafika jest umieszczona nad grafiką liści, aby się wyróżniała.

Odwiedź stronę

5. Zastępca i współpracownicy

Ta strona została zgłoszona przez Flavio Mestera. Ten w ciekawy sposób wykorzystuje bloki kolorów, zaczynając od menu. Nagłówek to zestaw dwóch klocków, które znajdują się w prawym górnym rogu i pozostają na swoim miejscu. Lewy blok zawiera tytuł na białym półprzezroczystym tle. Wyjątkowo duże menu hamburgerów znajduje się w prawym bloku z czarnym półprzezroczystym tłem. Każda sekcja wsuwa się na miejsce podczas przewijania witryny. Sekcje są oddzielone od sekcji bohatera niebieskim paskiem. Blok koloru znajduje się po lewej stronie sekcji i zawiera naprzemienne odcienie brązu i ciemnej szarości. Same sekcje zmieniają się między bielą a jasnoszarą. Opinia zajmuje całą szerokość ekranu i umieszcza tekst na obrazie tła z ciemną nakładką. Strona Publikacje zawiera osadzone podcasty.

Odwiedź stronę

6. Projektowanie w górę

Ta strona została zgłoszona przez Tobija z Designup. Ten doskonale wykorzystuje fiolet i pokrewne kolory do brandingu. Sekcja bohatera wyświetla wideo za fioletową nakładką z opisem i wezwaniem do działania na pierwszym planie. Nagłówek zawiera linki z dużą ilością miejsca między nimi i wezwaniem do działania w pogrubionym czerwonym gradiencie. Kilka sekcji zawiera fioletowe tło, wzory tła lub oba te elementy. Sekcja historii sukcesu pokazuje obrazy pracy na ekranach komputerów z fioletowymi przyciskami, aby zobaczyć pracę. Kolejna sekcja wykorzystuje notki z fioletowymi ikonami. Sekcja mieści się między tymi dwoma z wyróżniającym się zielonym tłem gradientowym. Wzory tła z poprzedniej i następnej sekcji nakładają się na ten. Strona Koszt ma unikalny kalkulator z czerwoną sekcją, która przykleja się do dołu strony, aż dotrzesz do tej sekcji podczas przewijania. Markowe kolory dobrze łączą ten projekt.

Odwiedź stronę

7. Zawsze rozwijaj się

Ta strona została zgłoszona przez Ragza Thompsona. Ta strona w elegancki sposób wykorzystuje zieleń i pomarańcz w markowych kolorach, zaczynając od logo i CTA w nagłówku. Sekcja bohatera wyświetla cztery notki, które nakładają się na obraz pełnoekranowy. Obejmują one zaokrąglone rogi, duże ikony, różne odcienie zielonego tła, cienie do wewnątrz i zmianę koloru na pomarańczowy po najechaniu myszą. Cienie do środka dają efekt nakładania się notatek, przez co wydają się nakładać na siebie. Kolor zielony jest często używany w przypadku tytułów, notatek i ikon. Pomarańczowy jest często używany do kolorów tła przycisków. Większość przycisków zawiera wyróżniające się cienie. Pływające przyciski mediów społecznościowych są również zielone i zmieniają kolor na pomarańczowy po najechaniu kursorem. Pofalowane przegrody sprawiają, że sekcje wyróżniają się stylem, a kolory tła sprawiają, że podział jest subtelny.

Odwiedź stronę

8. florianboetler.com

Ta strona została wysłana przez Floriana Boltera. To doskonały przykład strony z CV. Ciekawie wykorzystuje kolor do podświetleń w całej witrynie, zapewniając jednocześnie dużo miejsca wszystkim elementom sieci. Duży tekst z jednej strony sekcji bohatera przedstawia właściciela witryny i zawiera stylizowane przyciski z przesuniętym tłem za nimi. Stylizowana grafika po drugiej stronie zawiera kolory, które powtarzają się w całej witrynie. Lubię sekcje projektów. Wyświetla studium przypadku z obrazem po jednej stronie i tytułem, opisem, słowami kluczowymi, stylizowanym przyciskiem i grafiką po drugiej. Projekty są umieszczone w układzie naprzemiennym, a każdy z nich ma inną grafikę w odważnych kolorach. Sekcja kontaktów wyświetla duże ikony społecznościowe, które przechylają się po najechaniu. Studia przypadków świetnie wykorzystują fotografię.

Odwiedź stronę

9. Poświadczenie aspiracji

Ta strona została przesłana przez Dijimoe. Ten używa dużo ciemnoniebieskiego tła i jasnozielonego dla podświetleń. Kolory idealnie współgrają ze sobą, aby nadać witrynie ciekawy wygląd. Sekcja bohatera wyświetla obraz tła z niebieskim i zielonym gradientem, aby połączyć ze sobą kolory. Używa również dzielnika sekcji strzałki w dół, który łączy się z następną sekcją, która pokazuje popularne kraje jako duże notki z obrazem i niebieskimi nakładkami. Na pierwszym planie nazwa i przycisk w kolorze jasnozielonym, a informacje w kolorze białym. Najechanie kursorem zmienia nakładkę na zieloną i dodaje wewnętrzne obramowanie na zielono oraz linię na biało. Obraz powiększa się po najechaniu. Podoba mi się również mapa, która wyświetla jasnozieloną na ciemnoniebieskim tle. Obejmuje to, że pokazuje nazwy lokalizacji po najechaniu myszą. Lewa strona wyświetla obracający się tekst z nazwami lokalizacji. Blurbs używają zielonych liter jako elementu tła, aby przeliterować słowo FAST.

Odwiedź stronę

10. Wymyśl

Ta strona została wysłana przez Narathip z Devise. Wykorzystuje odcienie czerni i bieli, aby stworzyć wyrafinowany projekt. Sekcja bohatera ma pełnoekranowy suwak, a każdy slajd pokazuje obraz tła i inną kolorową nakładkę. Tekst po jednej stronie pokazuje tytuł i opis. Obrazy slajdów są wyświetlane w paralaksie. Każda z sekcji witryny zawiera podkreślony tytuł po lewej stronie i jeszcze większą czcionkę opisu pośrodku. Tła są w kolorze złamanej bieli, czerni lub ciemnoszarym. Sekcja o ich podejściu pokazuje przykładowe obrazy z opisami. Sekcja o ich pracy pokazuje projekty jako duże obrazy i link, aby zobaczyć więcej. Loga klienta są pokazane w kolorze białym na ciemnoszarym tle. Strony projektów są jeszcze bardziej eleganckie i zawierają duże szczegółowe zdjęcia na stylizowanych tłach. Oferty pracy są wyświetlane w notatkach. Uwielbiam fotografię i kolory na tej stronie.

Odwiedź stronę

W zamknięciu

To 10 najlepszych zgłoszeń do społeczności Divi w listopadzie. Te strony wyglądają niesamowicie i jak zawsze chcemy podziękować wszystkim za wasze zgłoszenia!

Jeśli chcesz, aby Twój własny projekt został rozważony, wyślij e-mail do naszego edytora nathan na eleganckie motywy kropka com. Pamiętaj, aby w temacie wiadomości e-mail umieścić „ZŁOŻENIE WITRYNY DIVI”.

Chcielibyśmy również usłyszeć od Was w komentarzach! Powiedz nam, co lubisz w tych witrynach, a jeśli jest coś, co zrobili, chcesz, abyśmy nauczali na blogu.

Polecane zdjęcie za pośrednictwem Jemastock / shutterstock.com