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

1. Divemaster Gilis

Ta strona została zgłoszona przez Aleksandra Falcha. Witryna wykorzystuje schemat kolorów koralowych dla stałego tła nagłówka, separatorów, ikon, tła notatek, stopki, cieni bloga itp. Sekcja bohatera wykorzystuje pełnoekranowy obraz tła, który mnie wciąga, oraz tekst w nakładce opisującej witrynę . Nagłówek pojawia się podczas przewijania i zawiera ciemny cień, aby nadać mu wygląd 3D. Nagłówek zawiera również ikony narysowane linią, które zmieniają kolor podczas przewijania. Czcionki nagłówków są wysokie i cienkie. Kolor, ikony i czcionki idealnie pasują do gatunku i dobrze współgrają z białymi znakami w witrynie. Pakiety są wyświetlane w naprzemiennych układach z obrazami, aby pomóc opisać wydarzenia.

Odwiedź stronę

2. Technika

Ta strona została zgłoszona przez Michała Teskę. Witryna jest projektem jednostronicowym, który wykorzystuje dużo białych przestrzeni przy minimalnej grafice. Kolory marki w tle, tekście, przekładkach, grafice i menu są oznaczone kolorami niebieskim i różowym. Podobają mi się przykłady serwisów, które pokazują grafikę z jednej strony, a tekst z drugiej w naprzemiennym układzie. Biała przestrzeń wyróżnia grafikę i tekst oraz zapewnia przejrzysty wygląd. Lubię też uproszczone notki opisujące usługi, pofalowane separatory sekcji i formularz kontaktowy, który nakłada się na dwie sekcje.

Odwiedź stronę

3. Akademia PA

Ta strona została zgłoszona przez Aimee Agee. Ta strona używa dużo czerwieni, czerni i bieli dla markowych kolorów. Czerwony jest szczególnie widoczny w nakładkach tła i ikonach. Wraz z białymi ramkami i ikonami na czerwonym tle sprawia to, że witryna wyróżnia się i wygląda ekscytująco. Każda sekcja zawiera animacje przewijania. Szczególnie podoba mi się prosta sekcja kalendarza wydarzeń pod sekcją bohatera, która pokazuje terminy warsztatów z linkiem rejestracyjnym. Sekcja dotycząca tego, czego się dowiesz, pokazuje główne punkty w notatkach w zewnętrznych kolumnach, podczas gdy obraz pływa pośrodku i podąża za przewijaniem myszy. Kolejną z moich ulubionych sekcji jest warsztatowe CTA. Wyświetla duży obraz w lewej połowie ekranu z czerwoną nakładką i CTA. Po prawej stronie znajdują się proste notki dla pocisków ze stylizowanymi ikonami.

Odwiedź stronę

4. Sprawność fizyczna i jedzenie

Ta strona została zgłoszona przez Patricka Hertnagela. Ta strona używa ładnej zieleni dla markowego koloru w menu, obramowaniach, przyciskach, tekście nakładki, tle stopki, a nawet pasku przewijania. W tytułach zastosowano duży tekst, który idealnie komponuje się z projektem witryny. Szczególnie podoba mi się sekcja dużych CTA. Wyświetlacz w dwóch kolumnach zajmujących całą szerokość ekranu z tekstem i przyciskiem po jednej stronie i obrazem po drugiej. Zawiera cztery z nich w układzie naprzemiennym. Sekcja blog zawiera pole wyszukiwania, które odpowiada szerokości kolumny bloga. Inną wyróżniającą się sekcją jest galeria obrazów mozaikowych. Wyświetla obrazy w wielu kolumnach i na wielu wysokościach, ale wszystkie mieszczą się w przestrzeni, tworząc idealną symetrię.

Odwiedź stronę

5. Hej niedźwiedź kreatywny!

Ta strona została zgłoszona przez Marcy Henriques. Wykorzystuje wiele kreskówkowych grafik i odważnych czerwonych, czarnych i żółtych kolorów dla markowych kolorów. Sekcja bohatera wyświetla grafikę tła przedstawiającą górę z nakładającą się na nią podobną grafiką, wszystkie w różnych odcieniach czerwieni z ciemniejszymi odcieniami grafiki na pierwszym planie. Grafika pierwszego planu powiększa się podczas przewijania. Nagłówek wyświetla menu hamburgerów z pogrubionymi liniami i CTA w kolorze żółtym z pogrubioną czarną obwódką. Podobne przyciski znajdują się w całej witrynie. Uwielbiam niedźwiedzie i górskie grafiki, których używa ta strona. Projekt świetnie wykorzystuje odważne kolory i grafikę tła, jednocześnie zachowując czystość i czytelność treści.

Odwiedź stronę

6. Rue

Ta strona została zgłoszona przez Mathias Rue. Używa czarnego tła z białym, czerwonym i fioletowym tekstem. Sekcja bohatera to sekcja pełnoekranowa, która otacza ekran i umieszcza linki w rogach. Zawiera bardzo duży tekst na slogan. Wszystkie moduły mają obwódkę, która przechodzi od czerwonego do fioletowego. Fioletowy tekst w sekcji bohatera i fioletowe części obramowania zmieniają kolor na czerwony podczas przewijania. Kolejne sekcje zawierają obrazy usług i portfolio z czarnym tłem, białym tekstem oraz czerwonymi tagami i linkami. Moduły te są umieszczane obok siebie po 2 lub 3 w rzędzie. Każdy z tych modułów rozwija się po najechaniu kursorem, aby zająć więcej miejsca i powiększać obrazy. Informacje kontaktowe w stopce również wykorzystują bardzo duży tekst, który zmienia kolor podczas przewijania. Ta strona w ciekawy sposób wykorzystuje duży tekst i efekty najechania.

Odwiedź stronę

7. Dijimoe

Ta strona została zgłoszona przez Moe w Dijimoe. Ta strona używa dużo ciemnoniebieskiego tła i podświetleń. Sekcja bohatera wyświetla dużą grafikę z tytułem na tle animowanych cząstek. Każda sekcja używa stylizowanych separatorów na dole, aby zapewnić stylizowany kształt litery U, aby się wyróżniać. Sekcje zmieniają się pomiędzy ciemnoniebieskim tłem a białym tłem. Dzięki temu zachowana jest prosta konstrukcja, która jest czysta i elegancka. Serwisy są wyświetlane w notatkach z ikonami w różnych kolorach. Loga klientów są wyświetlane na suwaku, który zawsze się porusza, dzięki czemu wyróżnia się na tle reszty witryny. Menu jest proste z linkiem po każdej stronie, który zawiera ikonę na zewnątrz linku. Najechanie kursorem na link ujawnia zaokrąglone tło. Szczególnie podoba mi się użycie stylizowanych akordeonów i grafiki na stronie Usługi.

Odwiedź stronę

8. Dietetyk Maria Antonietta Gastone

Ta strona została zgłoszona przez Daniele Bardellę. Ta witryna ma przejrzysty wygląd z dużą ilością pomarańczowych podświetleń przycisków, linków i ikon. Układ wykorzystuje białe znaki, aby wyróżnić każdą notkę, wezwanie do działania i opinię. Sekcja dotycząca usług wykorzystuje obraz po jednej stronie i wyświetla zestaw notatek z krótkim opisem oraz ikoną z linkiem do dalszych informacji. Podoba mi się sekcja o zastosowanej metodzie. Zawiera opis, po którym następują notki, które nakładają się na obraz z jednej strony. CTA o pełnej szerokości dla książki wyświetla przycisk pośrodku i obraz z boku. Strona książki zawiera biały tekst i obraz okładki książki na pomarańczowym tle. Ta strona dobrze wykorzystuje kolory i odstępy.

Odwiedź stronę

9. Strategie internetowe

Ta strona została zgłoszona przez Michała Kwasiuka. Ta strona używa Radical Red do podświetleń na białym i czarnym tle. Czerwony jest również używany jako ekran ładowania wstępnego. Praktycznie każda sekcja ma coś, co nakłada się lub odsuwa od środka. Kiedy sekcje się zmieniają, tworzy to wyjątkową równowagę, która przyciąga wzrok. Kilka sekcji umieszcza tekst po jednej stronie, a animowany obraz po drugiej. Portfolio wykorzystuje suwak, który jest przesunięty w jedną stronę z unikalnym stylem nawigacji. Sekcja bloga wyświetla karty z opisami, które są odsunięte od obrazu. Uwielbiam, jak logo usuwa litery podczas przewijania i pozostawia pierwszą literę z kropką w menu głównym.

Odwiedź stronę

10. Lemoniada IT

Ta strona została zgłoszona przez Teck Senga Chana. Projekt wykorzystuje schemat kolorów żółty i zielony (cytrynowy i limonkowy) dla najważniejszych elementów, takich jak wezwanie do działania w menu, grafika, obramowania, tekst, nawigacja za pomocą suwaków, kolory tła w postach na blogu i inne. Wszystkie tła sekcji są białe lub jasnoszare, aby projekt był jak najprostszy i najczystszy. Usługi są wyświetlane w wysokich notatkach, które dodają cienie na dole po najechaniu myszą. Moją ulubioną sekcją jest CTA z telefonem komórkowym i układem strony, który porusza się za nim niezależnie. Ciekawy jest również suwak referencji. Przewija referencje w pionie. Ta strona dobrze wykorzystuje kolory i prosty układ.

Odwiedź stronę

Na zakończenie

To 10 najlepszych zgłoszeń na naszą stronę społecznościową Divi w sierpniu. 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 ann131313 / shutterstock.com