Prezentacja Divi Design: nowe zgłoszenia od grudnia 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 grudniu. 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 grudnia 2020 r.

1. Studio Linetti

Ta strona została zgłoszona przez Nicola Toffali. Witryna korzysta z ciekawego projektu podzielonego ekranu. Lewa połowa sekcji bohatera wyświetla tytuł witryny dużym tekstem na tle, które zmienia kolor po przewinięciu lub przesunięciu kursora do paska adresu. Po prawej stronie znajduje się czerwony tekst na białym tle. Ta kolumna jest przewijalna w obrębie sekcji. Gdy przeczytasz koniec kolumny, sekcja będzie się przewijać. Kolejne dwie sekcje zawierają kolumny, które są prawie pełnoekranowe z czarnym tłem z jednej strony i białym tłem z drugiej w układzie naprzemiennym, a czcionki są w przeciwnych kolorach. Ostatnia sekcja to humorystyczny komunikat pełnoekranowy na tle zmieniającym kolor. Ten projekt jest jednocześnie prosty i ciekawy.

Odwiedź stronę

2. Architektura Casa Roca

Ta strona została wysłana przez Freddy'ego Maldonado. Ta witryna zawiera wiele nakładających się elementów z cieniami, animacjami najechania i żółtymi światłami. Pod sekcją bohatera podzielonego ekranu znajduje się blok koloru z jednej strony z nakładającym się obrazem i nakładającym się CTA. Notki dostarczają informacji o rodzajach pracy. Mają proste ikony w kolorze żółtym, a notki nieznacznie zmieniają kształt i mają grubą żółtą ramkę po najechaniu. To sprawia, że ​​wyróżniają się, nie stając się zbyt krzykliwymi. Moja ulubiona sekcja wyświetla obrazy, które nakładają się na kanał na Instagramie. Obrazy przesuwają się po najechaniu kursorem, aby wyświetlić opis z niebieską nakładką. Ciekawa jest również sekcja kontakt. Pokazuje informacje kontaktowe w żółtym polu, na które nakłada się mały formularz kontaktowy.

Odwiedź stronę

3. Obóz klienta

Ta strona została zgłoszona przez Sarah Hart. Odtwarzacz podcastów przykleja się na dole ekranu z najnowszym odcinkiem. Kolory oznaczone marką w całej witrynie dla tła, przycisków, ikon i podświetlenia tekstu są używane w kolorach fioletowym i żółtym. Wiele pojedynczych elementów graficznych przewija się niezależnie od sekcji, co doskonale wykorzystuje efekty przewijania. Każda sekcja dobrze wykorzystuje ekran do wyświetlania CTA i informacji. Szczególnie podoba mi się sposób, w jaki referencje są wyświetlane wokół obrazów. Znajduje się to na dole układu sekcji referencji. Jest kilka GIF-ów, ale nie tak wiele, żeby to rozpraszało. Ta witryna świetnie wykorzystuje kolory, efekty przewijania i nakładające się elementy.

Odwiedź stronę

4. Alive Service GmbH

Ta strona została zgłoszona przez Markusa Behmanna. Ta strona wykorzystuje dużo koloru niebieskiego jako podświetlenia ikon, przycisków, tła i efektów najechania. Menu wykorzystuje animowane efekty najechania na łącza. Sekcja bohatera wyświetla wideo ze stylizowanym rozdzielaczem zarówno na górze, jak i na dole. Daje to szczególnie eleganckie oddzielenie od hedera i pomaga się wyróżnić. Moja ulubiona sekcja wyświetla ciekawe notki o usługach. Notatki zawierają przycisk nakładający się na obraz i treść. Same notki nakładają się na wiersz nad nimi i poruszają się poziomo podczas przewijania w górę lub w dół. Ta sekcja zawiera również falistą przekładkę, która pasuje do pierwszej sekcji i łączy ją ze sobą. Układ jest czysty i elegancki.

Odwiedź stronę

5. Architekt i budowa EMU

Ta strona została zgłoszona przez Abdy Designburo. Używa koloru zielonego jako koloru marki w całej witrynie, w tym logo, tła i obramowań przycisków. Sekcja bohatera wykorzystuje zielone tło z jednej strony z wzorem koła, aby nadać jej styl. Menu nawigacyjne ma przezroczyste tło, przez które z jednej strony prześwituje kolor zielony. Podczas przewijania tekst i tło menu zmieniają kolor. Podoba mi się CTA, które umieszcza informacje za pomocą przycisków na jasnoszarym tle, które po prostu wyróżnia się na białym tle i zawiera wzór koła. Obraz nakłada się na to, aby się wyróżniać. Wzór szarego koła jest używany w wielu miejscach, aby nadać tło tekstury.

Odwiedź stronę

6. Kroki cyfrowe

Ta strona została zgłoszona przez Douglasa Henrique. Ten ma przejrzysty układ z dużą ilością białych przestrzeni w całej witrynie. Niebieskie i żółte podświetlenia są używane dla przycisków, ikon, czcionek, tła i innych elementów graficznych. Tytuły są małe i wyglądają jak przyciski, ale wyróżniają się we właściwy sposób. CTA wyświetla ręcznie rysowaną grafikę z jednej strony i tekst z drugiej. Grafika ma kreskówkowy design, który idealnie sprawdza się na stronie. Szczególnie podoba mi się przypadek sukcesu, który pokazuje niebieskie tło, które zawiera tytuł i opis z informacjami oraz obrazem pracy nakładającym się na następną sekcję. Strona z przykładami sukcesu ma podobny wygląd. Układ jest prosty, ale kolorystyka jest dobrze wyważona.

Odwiedź stronę

7. Zielony groszek na śniadanie

Ta strona została zgłoszona przez Monikę Higgins. Ten używa dużo różu, ciemnej zieleni i złota dla tła, tekstu i podświetleń oraz wielu efektów przewijania w całej witrynie. Zmienia kursor myszy w stylową końcówkę długopisu. Sekcja bohatera wyświetla różowy wiersz, który zachodzi na następną sekcję. Uwielbiam zdjęcia do pokazania usług. Każdy obraz to stary sprzęt z tekstem na ekranie lub drukowany. Ich tekst przewija się podczas przewijania strony. Przykłady prac są pokazane w sekcji z dwiema kolumnami, która zawiera różowe tła ze złotymi obramowaniami. Obrazy pracy umieszczane są na starych ekranach telewizorów, w przeglądarkach internetowych lub jako grafika. Każdy z elementów graficznych wykorzystuje efekty przewijania. Ta strona świetnie wykorzystuje kolory i obrazy.

Odwiedź stronę

8. Hej Fresto!

Ta strona została zgłoszona przez Jamesa Middleditcha. Używa eleganckiej zieleni jako koloru marki z dużą ilością zdjęć i efektów przewijania w całej witrynie. Sekcja bohatera odtwarza nagranie w tle, które jest niewyraźne, ale można je zobaczyć wystarczająco dużo, aby zrozumieć, o czym jest strona. Tytuł i slogan wprowadzają na stronę. Obrazy jedzenia zawierają nakładki, które zanikają podczas przewijania. Tagi dla obrazów są w wielu różnych kolorach, aby pasowały do ​​motywu wschodniego. Notki, które dostarczają informacji, przesuwają się na miejsce z boków podczas przewijania, po czym następuje podobna sekcja z CTA. Wiele rysunków i obrazów pomaga ułożyć krawędzie witryny. Sekcja bestsellerów obejmuje produkty z wieloma opcjami. Ta witryna zawiera również stylizowany pasek przewijania. Uwielbiam kolory i obrazy na tej stronie.

Odwiedź stronę

9. MVMNT

Ta strona została zgłoszona przez Simona Frosta. Sekcja bohatera wyświetla pełnoekranowe wideo z częstotliwością odświeżania i filtrem, który moim zdaniem wygląda jak starszy cyfrowy projektor filmowy, podczas gdy tekst na pierwszym planie zmienia się co kilka sekund, zmieniając wiadomość. Ciekawa sekcja z szerokimi obrazami w układzie naprzemiennym wyświetla tytuły nad obrazami, które prowadzą do informacji o firmie. Obrazy zawierają efekty najechania. Posty na blogu zawierają wiele tagów i nakładek, które ujawniają fragment. Jasnoniebieski i różowy są używane w markowych kolorach i są często używane do podkreślenia tytułów. Każda ze stron ma podobny projekt i zawiera czarne tła pod niektórymi tytułami. Ta strona w stylowy sposób wykorzystuje kolory i tła.

Odwiedź stronę

10. Kombucha

Ta strona została zgłoszona przez Florenta Noela. Ten wykorzystuje wiele ciekawych grafik i w całej witrynie. Najczęściej używa jasnożółtego i jasnozielonego dla markowych kolorów, które pojawiają się w tle, przyciskach i przycisku od góry do góry. Grafika w tle tworzy napój z bąbelkami i zawiera faliste krawędzie, aby wyróżnić się z otaczających sekcji. Inne grafiki i obrazy na całej stronie przedstawiają napój w szklankach i dzbankach. Osoby z grafiką umieszczają grafikę po jednej stronie, a tekst po drugiej, aby utworzyć CTA. Są one umieszczone w układzie naprzemiennym. Informacje są wyświetlane w notatkach z wielokolorowymi ikonami. Wszystkie obrazy i grafiki przesuwają się lub odwracają na miejsce podczas przewijania.

Odwiedź stronę

W zamknięciu

To 10 najlepszych zgłoszeń do społeczności Divi w grudniu. 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 bellenixe / shutterstock.com