Prezentacja Divi Design: nowe zgłoszenia od października 2018 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 październiku. 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 października 2018 r.

1. Orbicon Informatyka

Ta strona została zgłoszona przez Janus Lock. Ma ciekawą animację, która jest odtwarzana jako wideo w tle w nagłówku. Kolor niebieski na niebieskim idealnie komponuje się z brandingiem serwisu. Duża czcionka nagłówka dobrze współgra z motywem technicznym. Podczas przewijania tekst wyrównany w pionie znajduje się po lewej stronie ekranu, zapewniając łącze do strony głównej. Układ jest przejrzysty i wykorzystuje prostą grafikę, która poprowadzi Cię przez proces. Każda ze stron jest ponumerowana. Liczby te znajdują odzwierciedlenie w menu pełnoekranowym. Podoba mi się projekt strony archiwum, która pokazuje duże niebieskie bloki z tekstem, które odsłaniają obrazy za nakładkami po najechaniu kursorem, oraz stronę modułów, która używa odpowiednich ikon.

Odwiedź stronę

2. Growmodo

Ta strona została zgłoszona przez Paula Preislera. Ta strona wykorzystuje dużo płaskiej grafiki i dodatkową białą przestrzeń, aby stworzyć przejrzysty układ. Sekcja jak to działa również wykorzystuje płaską grafikę. Obrazy wykorzystują nakładki gradientowe dla referencji zarówno w dużych obrazach z nakładającym się tekstem, jak i w zakreślonym obrazie dla modułów referencji. Podoba mi się sekcja poświęcona talentom twórczym z ukośnymi przegrodami na górze i na dole, zakreślonymi obrazami w wielu rozmiarach z efektami cienia i liniami łączącymi je ze sobą. Na blogu prezentowane obrazy również wykorzystują nakładki gradientowe. Usługi są wyświetlane za pomocą kart z zielonymi punktami, animacją najechania i efektami cienia.

Odwiedź stronę

3. Solvid

Ta strona została zgłoszona przez Dmytro. Ta strona wykorzystuje różne odcienie granatu, aby stworzyć ciekawe tła gradientowe. Nagłówek jest wyjątkowy, ponieważ zapewnia blok z linkami do usług, bloga i produktów. Każdy z elementów w bloku zawiera efekty najechania. Kilka sekcji używa kątowników do przegród, a niektóre biegną w wielu kierunkach. Podoba mi się sekcja, w której omawiają swój zasięg. Pokazuje loga firm w okręgach, z lekko poruszającymi się logami. Usługi są wyświetlane w prostych blokach z tylko ikoną i tytułem oraz efektami najechania na obramowanie. Podobne bloki pojawiają się w mega menu, ale używają tła gradientowego, aby się wyróżniać. Podobne obrazy są używane w kategoriach i polecanych obrazach na stronie bloga.

Odwiedź stronę

4. Festiwal Koguta i Byka

Ta strona została zgłoszona przez Rossa Pope'a. Ta strona używa odważnych kolorów i płaskiego designu. Grafiki przedstawiające krzewy i dłonie zdobią krawędzie nagłówka, aby zwrócić uwagę na CTA w środku. Grafika błyskawicy pomaga zwrócić uwagę na tekst w następnej sekcji. Podoba mi się sekcja z wieloma układami z obrazami z grubą ramką i powiększeniem po najechaniu kursorem. W tej sekcji znajduje się więcej grafik krzewiastych, które nakładają się na obrazy. W e-mailu opt-in są używane obramowania, które wyglądają jak ręcznie rysowane. Podoba mi się również stopka, która pokazuje ludzi w jednolitych sylwetkach. Kolory na tej stronie naprawdę się wyróżniają. To doskonały przykład na to, jak kolor, czcionki i grafika mogą kształtować nastrój witryny.

Odwiedź stronę

5. Wyprowadzanie psa na spacer

Ta strona została zgłoszona przez Jeremiaha Lloyda. Sekcja bohatera pokazuje obraz i wezwanie do działania na podzielonym ekranie, który tworzy projekt dla reszty witryny. Obrazy wykorzystują kolorowe, ciemne brzoskwiniowe obramowania w 3D, które pasują do stylizacji przycisków. Inny obraz wykorzystuje niebieską ramkę, która łączy się z referencjami, które używają zarówno niebieskiej, jak i ciemnej brzoskwini. Uwielbiam kolory tła, które zmieniają się od białego do jasnobrązowego. Kolory dobrze współgrają z czcionkami i przekładkami, tworząc elegancką stylizację. Blog również podąża za tym stylem, ale dodaje cienką linię do kart bloga. Pasek boczny bloga to jeden z najczystszych projektów, jakie widziałem, dostarczający informacji o blogu, które nie rozpraszają lub są zbyt łatwe do zignorowania.

Odwiedź stronę

6. Woods Hole Tile Company

Ta strona została zgłoszona przez Nelsona Millera. Jest to projekt jednostronicowy, który wykorzystuje wiele obrazów z ramkami 3D na stronie głównej z nakładającymi się tytułami, tekstem i przyciskami, aby wyświetlić zawartość - tworząc projekt karty bloga. Obrazy zmieniają się podczas przewijania i są powiązane ze sobą pionowymi liniami, które przechodzą przez proces i prowadzą do formularza kontaktowego w stopce. Jest to przerywane w pobliżu środka strony ciemnoniebieską sekcją notatek, które przedstawiają sekcje usług, które następują po niej. Sekcje usług również używają tych samych ikon, co ta niebieska sekcja, aby je ze sobą powiązać. Uwielbiam to, jak dobrze czcionki i kolory współgrają ze sobą na tej stronie.

Odwiedź stronę

7. Projekt Brinarta

Ta strona została zgłoszona przez Sabrinę Rowland. Za żółtą nakładką odtwarzany jest film w tle, na którym ktoś maluje, aby pokazać, o co chodzi w witrynie. Tytuł nakłada się na tło, a slogan jest idealnie umieszczony w bloku żółtego, aby przyciągnąć uwagę. Kolor żółty jest używany w całej witrynie jako kolory tła. Sekcja usług zawiera trzy kolumny notatek z wezwaniem do działania, podczas gdy tytuł sekcji jest drukowany pionowo. Podoba mi się prostota sekcji kontaktowej, która wykorzystuje żółte tło z ukośną przegrodą i mały formularz kontaktowy z efektami cienia, który nakłada się na następną sekcję, aby utworzyć informacje kontaktowe.

Odwiedź stronę

8. Szczęśliwy cyfrowy

Ta strona została zgłoszona przez Djaya De Vries. CTA znajduje się nad pełnoekranowym obrazem tła z wielocieniowym, zaokrąglonym rozdzielaczem sekcji. Łącza do projektów i usług są umieszczone w ciemnopomarańczowych ramkach, które po najechaniu kursorem zmieniają kolor na biały z efektami cienia. Ten kolor pomarańczowy jest używany w całej witrynie jako podświetlenie przycisków i tekstu, w menu, jako tło przedstawiające korzyści oraz jako dwie wielokolorowe ikony na stronach usług. Jedną z moich ulubionych sekcji na stronie głównej jest suwak, który nakłada się na dwie sekcje. Sekcje i suwak używają jednolitych kolorów, aby stworzyć elegancki design. Pomarańczowy i biały świetnie współgrają z ciemnoniebieskim na całej stronie.

Odwiedź stronę

9. Jeremy Mura

Ta strona została zgłoszona przez Jeremy'ego Murę. Jestem fanem odważnych kolorów, gdy dobrze działa, a ta strona doskonale wykorzystuje odważny pomarańczowy. Nagłówek zawiera animowane tło zamku nad pomarańczowym gradientem oraz wezwanie do działania z białym tekstem, niebieski przycisk z cieniem i pomarańczowy przycisk z białą obwódką. Czterokolumnowa sekcja projektów pokazuje kwadratowe obrazy projektów w dwóch rzędach bez odstępów między nimi. Podoba mi się sekcja dotycząca procesu projektowania, która numeruje kroki i używa dużych ikon dla każdego kroku. Podoba mi się również CTA o pełnej szerokości w pogrubionym pomarańczowym kolorze z białym tekstem. Blog wykorzystuje pomarańczowe tytuły na białym tle.

Odwiedź stronę

10. Ad Conseil

Ta strona została wysłana przez FJ LAHIANI. Ten model doskonale wykorzystuje ciemnoszary i szaroniebieski tekst i elementy graficzne na tle złamanej bieli i jasnoszarym, aby stworzyć elegancki projekt. Grafiki służą do wykazania wiedzy i umiejętności z prostymi tytułami i oddzielającymi je pionowymi paskami. Notatki nie używają obramowań, cieni ani efektów najechania. Strona zespołu jest zgodna z tym samym projektem, aby pokazać członków zespołu. Strony referencyjne i szkoleniowe również wykorzystują ten styl notatek i wyświetlają tekst z punktorami w przełącznikach. Projekt skupia się na prostocie i działa dobrze.

Odwiedź stronę

Wniosek

To 10 najlepszych zgłoszeń do naszej społeczności Divi na październik. 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 Drogatnev / shutterstock.com