Prezentacja Divi Design: nowe zgłoszenia od września 2018 r.

Znowu nadszedł czas na naszą comiesięczną prezentację Divi, w której przyjrzymy się 10 niesamowitym witrynom Divi stworzonym przez członków naszej społeczności. Każdego miesiąca prezentujemy najlepsze strony internetowe Divi, które zostały przesłane przez naszą społeczność, a dziś chcę podzielić się z wami dziesięcioma najlepszymi stronami internetowymi we wrześniu. 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 września 2018 r.

1. Piksele i ołówki

Ta strona została zgłoszona przez Tylera Diaza. Ładny pełnoekranowy nagłówek pokazuje, o co chodzi w tej witrynie, używając grafiki i kolorów wraz z interesującymi projektami. Następna sekcja pokazuje logo klienta z przyciskiem, aby dowiedzieć się więcej. Polecana sekcja pracy wyświetla projekty jako karty z obrazami, tekstem, przyciskiem i efektami cienia. Uwielbiam ostatnią sekcję, która pokazuje inny zestaw grafik z prostym wezwaniem do działania i przyciskami społecznościowymi umieszczonymi w sekcji pod kątem. Strona robocza wyświetla większe wersje kart projektów, z których każda prowadzi użytkownika do prostej i eleganckiej strony ze szczegółami projektu. Uwielbiam też uproszczone użycie koloru i grafiki.

Wyświetl witrynę

2. Andrea Masotti

Ta strona została zgłoszona przez Andrea Masotti. Ta strona w ciekawy sposób wykorzystuje moduły Divi. W trzech wierszach znajdują się trzy kolumny zawierające tekst po prawej i lewej stronie oraz grafikę pośrodku. W tekście i grafice zastosowano czarne kontury z białym kolorem, który zlewa się z tłem. Każdy rząd jest oddzielony czarną linią. Najechanie kursorem na sam rząd powoduje, że wszystkie jego elementy stają się czarne. Najechanie kursorem na określony element w rzędzie zmienia jego kolor na czerwony (dla tekstu) lub czerwono-niebieski (dla grafiki). Czerwona i niebieska grafika są używane jako elementy nagłówka stron portfolio. Ta strona internetowa jest doskonałym przykładem tego, jak coś prostego może zrobić duże wrażenie.

Wyświetl witrynę

3. Adriano Alfaro

Ta strona została wysłana przez Adriano Alfaro. Wyświetla pełnoekranowy nagłówek z tytułem i opisem, po którym następuje krótka sekcja z obserwacją społecznościową, dzięki czemu możesz od razu wiedzieć, o czym jest witryna i nawiązać kontakt z projektantem. Blury z dużymi ikonami, opisami i linkami pokazują usługi. Kolejne kilka sekcji to moje ulubione. Wyświetlają obraz z jednej strony, a tekst z drugiej w pełnej szerokości i zawierają linki do portfolio. Podczas przewijania zmieniają się strony. Za nagrodą pojawia się tło wideo z cytatem i wezwaniem do działania. Uwielbiam stronę portfolio, która wyświetla obrazy klikalnych projektów od ściany do ściany. Ta strona naprawdę błyszczy na poszczególnych stronach projektu. Stanowią piękny przykład nowoczesnego projektu makiety. Koniecznie zajrzyj na stronę Fiata.

Wyświetl witrynę

4. Emily Kupiec

Ta strona została zgłoszona przez Emily Merchant. Ten tworzy ciekawy nagłówek za pomocą CTA. CTA jest tworzone z obrazem, ramką, rodzajem dostarczonej pracy, tytułem i przyciskami. Pod tym znajdują się trzy obrazy. Zawierają tytuł w nakładce. Najechanie zmienia ich kolor i pokazuje obramowanie, tworząc elegancką stronę projektu CTA. Sekcja Informacje jest tworzona z cytatem i tekstem. Kolejne portfolio CTA rysuje grafikę podczas przewijania do niej. Strona portfolio tworzy wielokolumnowy układ, w którym każdy obraz ma własne kolory nakładki i kontynuuje efekty najeżdżania.

Wyświetl witrynę

5. WEWNĘTRZNA AMERYKA

Ta strona internetowa została wysłana przez Vincenta Valentino. Ten świetnie wykorzystuje odważne kolory i efekty paralaksy. Pełnoekranowy nagłówek uruchamia witrynę z ładnym tłem, które prezentuje tekst i przyciski. Sekcja, która pokazuje, co robią, wyświetla mapę topograficzną z postrzępionymi krawędziami, aby oddzielić ją od sekcji notatek, które wyświetlają bloki z efektami cienia. Uwielbiam sekcje ze studiami przypadków. Obraz całego projektu jest wyświetlany w tle z nałożonym tekstem i obrazem przewijanym w paralaksie. Ostatnie projekty są wyświetlane w układzie wielokolumnowym. Ta strona doskonale wykorzystuje jednostronicowy projekt.

Wyświetl witrynę

6. Stacja pogodowa

Ta strona została zgłoszona przez Pierre'a Lannoya. To jest strona internetowa aplikacji. Zachowuje prostotę projektu i świetnie wykorzystuje kolor. Szczególnie podoba mi się niebieskie tło z subtelnym gradientem, który jest używany w całym projekcie. Separacja sekcji falistej wyróżnia nagłówek, podczas gdy korzyści są pokazywane za pomocą obrazów i modułów tekstowych. Witryna dobrze wykorzystuje również liczniki liczb, które w rzeczywistości wyświetlają przydatne statystyki pobrań i publicznych instalacji. Tuż pod tym znajduje się sekcja, która pokazuje oceny aplikacji i zawiera grafikę oceny w postaci gwiazdek. Referencje są czyste i zawierają efekty cienia. Podoba mi się również strona bloga, która wyświetla obrazy jako karty w dwóch kolumnach z cieniem, tytułem i przyciskiem. Po najechaniu pokazuje niebieską nakładkę z fragmentem posta. Ostatni post jest wyświetlany w pełnym rozmiarze w jednej kolumnie. Poszczególne posty wykorzystują również efekty cienia pola i zawierają moduły nawigacji po postach i komentarzy.

Wyświetl witrynę

7. Goodmalista

Ta strona została zgłoszona przez Daragh Wallace. Ta strona skupia się na układzie bloga. Wyświetla bardzo duży nagłówek, aby pokazać logo z przodu i na środku. Pod nim znajdują się dwa menu nawigacyjne: główne tematy są umieszczone w menu głównym, a podtematy są umieszczone w menu podrzędnym z nieco mniejszą czcionką w kolorze zielonym. Polecany post pokazuje obraz po lewej stronie, a tytuł, kategorie, fragment i przycisk czytaj więcej po prawej stronie w mniejszym polu. Razem zajmują całą szerokość obszaru zawartości. Poniżej znajduje się sekcja bloga z 9 postami w trzech kolumnach. Posty wyświetlają polecany obraz, tytuł, kategorie, krótki fragment i przycisk. Pisarz we mnie uwielbia pełnowymiarową sekcję pokazującą definicję tytułu strony. Posty na blogu zachowują również przejrzysty wygląd z wyróżnionym obrazem, tekstem, wezwaniem do działania, suwakiem obrazu, wideo (w przypadku niektórych postów) i sekcją bloga z trzema postami. Ta strona jest doskonałym przykładem czystego projektu bloga.

Wyświetl witrynę

8. Jerrix

Ta strona została zgłoszona przez Jeroena Rotty. Wykorzystuje niektóre z moich ulubionych kolorów (pochodzę z Tennessee i mam słabość do pomarańczowego). Nagłówek używa paralaksy z CTA. Stylizowany separator sekcji pomaga utworzyć białą przestrzeń dla następnej sekcji, która zawiera informacje „o” wraz z linkiem i zdjęciem w kółku. Usługi są wyświetlane z dużymi dwukolorowymi ikonami, które wykorzystują pomarańczowe podświetlenie i efekty najechania. Zrzuty ekranu z ostatnich prac również wykorzystują efekty najechania kursorem i zawierają efekt pola cienia. Strona portfolio kontynuuje ostatni projekt pracy. Kliknięcie jednego przenosi Cię do samej witryny, dzięki czemu możesz zobaczyć pracę z pierwszej ręki. Strona WordPress wyświetla korzyści w dwóch kolumnach i zawiera ręcznie rysowaną grafikę na całej stronie. Uwielbiam kolory na tej stronie.

Wyświetl witrynę

9. Matki zagrożone

Ta strona została zgłoszona przez Swag Design Factory. Wykorzystuje konstrukcję pudełkową z układem wielokolumnowym. Nagłówek wyświetla pionowo po jednej stronie logo, menu i przyciski śledzenia społecznościowego, a po drugiej stronie wideo i slogan. Sekcja obrazu i informacji używa tego samego układu wierszy, ale zmienia obraz i tekst. Kilka dwukolumnowych sekcji pokazuje obraz z nakładającym się przyciskiem i tekstem z wezwaniem do działania. Opinia o pełnej szerokości wykorzystuje logo witryny i kolory, aby idealnie się ze sobą komponowały. Poszczególne posty na blogu wyświetlają wzór tła z tytułem i przyciskami śledzenia społecznościowego w nagłówku, a następnie postem i paskiem bocznym, które są stylizowane tak, aby pasowały do ​​witryny. Uwielbiam ciemnozielone i różowe pasemka użyte w całej witrynie.

Wyświetl witrynę

10. Wems bezprzewodowy

Ta strona została zgłoszona przez Philipa Wantlinga. Wykorzystuje markowe kolory (pomarańczowy i zielony) z obrazami elektroniki (w tych samych markowych kolorach) do opisania tej witryny biznesowej. Widać to w nagłówku pełnoekranowym i w całej witrynie. Cztery obrazy w dwóch kolumnach odsyłają do różnych produktów. Uwielbiam CTA, które zapewnia animację z tytułem i przyciskiem. Nakłada się na poprzednią sekcję (logo klienta) i towarzyszy mu zestaw notek opisujących korzyści. CTA do demonstracji używają wyróżniających się wstążek w rogach obrazów. Produkty są wyświetlane w układach wielokolumnowych, które prowadzą do linków do produktów. Poszczególne strony produktów zawierają również słodkie stylizacje Divi dla opisów produktów i wzorów tła strony. Ta strona świetnie wykorzystuje projekt układu i kolor.

Wyświetl witrynę

Na zakończenie

To 10 najlepszych zgłoszeń do społeczności Divi na wrzesień. 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 Koksharov Dmitry / shutterstock.com