Prezentacja Divi Design: nowe zgłoszenia od stycznia 2021 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 strony internetowe Divi, które zostały przesłane przez naszą społeczność, a dziś chcemy podzielić się z wami dziesięcioma najlepszymi stronami internetowymi w styczniu. 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 stycznia 2021 r.

1. Vale Industries

Ta strona została zgłoszona przez DJ Wheeler. Ma industrialny wygląd z kilkoma odcieniami szarości dla tła sekcji, tła notatek i referencji, a nawet ciemnoszarym dla tekstu. Wyróżniają się czerwone podświetlenia przycisków i nawigacji punktowej. Logo spaja kolory. Sekcja bohatera zwraca uwagę na tematy z CTA po jednej stronie i wideo po drugiej. Przyciski to równoległoboki. CTA w menu zmienia kolor na czarny po najechaniu myszą i otwiera kolejny przycisk z szarym tłem, które pasuje do koloru tekstu CTA. Tematy są wyświetlane z dużymi notatkami. Obraz o pełnej szerokości w prawdziwej paralaksie przedstawia przykładowy obszar roboczy. Inne strony mają podobny projekt. Kolory i czysty układ świetnie sprawdzają się w tym miejscu przemysłowym.

Odwiedź Vale Industries

2. Arca Interactive

Ta strona została zgłoszona przez Justina Arcara. Ma dużo fioletu, czerwieni i błękitu w całej witrynie. Większość sekcji zawiera tła dwukolumnowe. Sekcja bohatera wyświetla dwukolumnowy projekt z wezwaniem do działania po jednej stronie i obrazem po drugiej. Oba nakładają się na tytuł i opis. Blurby opisują usługi za pomocą dwukolorowych ikon. Kilka sekcji zawiera obrazy lub inne elementy, które przewijają się inaczej niż tło. Ostatnie projekty przewijają tytuł w poziomie i wyświetlają projekty z obrazami. Referencje zawierają obraz z jednej strony i tekst z drugiej, z nakładającymi się na nie logo. Zawiera również stylizowany przycisk „od góry do góry” z przyklejonym łączem w wiadomości e-mail. Ta witryna doskonale wykorzystuje duży tekst, duże ikony, kolory i elementy układu.

Odwiedź Arca Interactive

3. Trafoos

Ta strona została zgłoszona przez Samanta Jaitli. Używa delikatnych kolorów w tłach i tłach produktów w całej witrynie. Wiele przycisków i kart zawiera wyróżniające się cienie. Licznik czasu pokazuje, kiedy skończą się specjalne ceny. Sekcja bohatera wyświetla kolory z witryny z ukośnym wzorem i obrazami osadzonymi we wzorze po obu stronach oraz dwoma wezwaniami do działania pośrodku. Sekcja do projektowania własnej koszuli wyświetla kroki z ikonami. Każda z kategorii produktów zawiera kolorowe klocki po lewej stronie, aby wprowadzić kategorię. Podoba mi się również dział kontakt. Wyświetla informacje w dwóch kolumnach z innym kolorem tła dla każdej kolumny i grafiką kreskówkową, która pasuje do witryny. Ta strona świetnie wykorzystuje kolor.

Odwiedź Trafoos

4. Historie projektowania UX

Ta strona została przesłana przez Allie Walters. Używa prostego projektu z bardzo dużym tekstem tytułów. Sekcja bohatera wyświetla sekcję z dużą czcionką na jasnobrązowym tle. Link w opisie to ciemniejszy odcień opalenizny i dobrze się wyróżnia. Kilka sekcji zawiera obrazy tła o pełnej szerokości w prawdziwej paralaksie. Nakładka pokazuje krótki opis z linkiem, aby zobaczyć więcej. Sekcja za kulisami pokazuje obrazy procesu przepływu pracy. Strony projektu pokazują wideo i szczegółowe informacje o projekcie. Szczegóły są podzielone na mniejsze sekcje, które przechodzą przez projekt. Pokazuje więcej szczegółów niż widziałem na typowej stronie projektu i pokazuje to w najprostszy i najczystszy możliwy sposób.

Odwiedź historie projektowania UX

5. Studio prasowe

Ta strona została zgłoszona przez Alexisa Presti. Ta witryna ma jednostronicowy projekt, w którym zastosowano ciemnoszare tło z białym tekstem i zielonym gradientem. Część tekstu głównego jest jasnoszara. Zwykle mam problem z białym tekstem na czarnym tle, ale ta kombinacja kolorów działa dobrze i sprawia, że ​​tekst jest czytelny. Sekcja bohatera i następna sekcja wyświetlają obraz tła, który wtapia się w tło. Mieszanka jest tak gładka, że ​​trudno powiedzieć, gdzie kończy się obraz. Pomaga to nadać układowi elegancki wygląd. Tekst w sekcji bohatera używa tekstu blokowego z zielonym gradientem nad tekstem z konturem tytułu. Podobny tekst z gradientem jest używany w tytułach i zawiera pasujące separatory, przyciski i ikony. Uwielbiam używać szarości i gradientów na tej stronie.

Odwiedź Studio TPress

6. Mój Pośrednik w Obrocie Nieruchomościami Kolumba

Ta strona została zgłoszona przez Grega Ventresca. Używa dużo szarości do nakładania obrazów i jasnobrązowego tła w całej witrynie. Sekcja bohatera wyświetla wideo po lewej stronie na szarym tle, które wtapia się w obraz. Tytuł nakłada się na obie strony i wyświetla tekst inaczej dla każdej strony. Kilka obrazów CTA nakłada się na siebie lub zawiera obrazy, które nakładają się na elementy tła. Jeden z obrazów umieszczony jest zarówno w tle, jak i na pierwszym planie, tworząc ciekawe CTA. Właściwości są osadzone w układzie i zawierają obrazy z cieniami. Kilka stron zawiera niestandardowe ikony, które wyróżniają się na szarym tle. Kolory i obrazy dobrze współgrają z układem i idealnie pasują do grupy docelowej.

Odwiedź mój Columbus Realtor

7. Ważka Ave

Ta strona została zgłoszona przez Marci Angeles. Wykorzystuje przejrzysty układ z dużą ilością miękkich kolorowych gradientów tła i cienkich lub podwójnych linii do tworzenia granic. Sekcja bohatera wyświetla wiadomość wielkimi literami w łuku. Tekst nakłada się na gradient tła, który tworzy łuk. Suwak zmienia obrazy w środku łuku. Usługi są wyświetlane w postaci obrazów o różnych kształtach. Kilka elementów wyświetla gradient tła na różne sposoby, w tym kształt pionowy za ramką, kształt poziomy z zaokrąglonymi krawędziami dla referencji oraz pasek przewijania wiadomości. Naprzemienne wezwania do działania pokazują obraz po jednej stronie i tekst po drugiej, wykorzystując różne kolory tła. Przycisk „od góry do góry” to tekst drukowany kursywą z boku. Uwielbiam preloader Dragonfly i kursor myszy.

Odwiedź Dragonfly Ave

8. NIGDY

Ta strona została zgłoszona przez Dylana Boulkhrasa. Wykorzystuje czarne tło z pogrubionym pomarańczowym tekstem, który wyróżnia się, aby nadać projektowi ostry wygląd. Przyklejone menu pozostaje po lewej stronie i wyświetla linię z kółkami łączącymi strony. Sekcja bohatera pokazuje obraz tła z jednej strony z tytułem, opisem, linkiem i licznikami liczb na pierwszym planie. Menu wyświetla się na pełnym ekranie i zawiera to samo zdjęcie w tle. Sekcja z osadzonym wideo pokazuje obraz tła, który wygląda, jakby był oddzielony od tła za pomocą dymu. Kilka sekcji jest ponumerowanych i zawiera pogrubione tytuły. Projekty są wyświetlane w notatkach zawierających szybko zmieniające się obrazy, które są powiększane po najechaniu kursorem i pomarańczowych ikonach. Ta strona doskonale wykorzystuje kolor.

Odwiedź NEVERMVM

9. Panda Remiremont

Ta strona została wysłana przez Panda Remiremont. Jest to układ jednostronicowy, który wykorzystuje chińskie elementy projektu z tekstem, kolorem i grafiką w całym tekście. Sekcja bohatera wyświetla menu, które znajduje się pod górną częścią ekranu, unoszące się nad pełnoekranowym tłem i elementami graficznymi. Duża grafika zawiera po jednej stronie tekst w języku chińskim, a po drugiej wezwanie do działania. Podobna grafika z tekstem chińskim pojawia się w kilku sekcjach. W tytułach zastosowano duży tekst o orientalnym wzorze. Ceny są wyświetlane z modułami tekstowymi na stylizowanym tle, które wygląda jak menu chińskiego jedzenia. Podoba mi się sekcja z informacjami kontaktowymi. Zawiera CTA rezerwacji ze zdjęciem po jednej stronie i danymi kontaktowymi po drugiej. Formularz rezerwacji nakłada się na to i zawiera stylizowane obramowanie. Uwielbiam grafikę tła w tym.

Odwiedź Pandę Remiremont

10. Allianz Brno

Ta strona została zgłoszona przez Michała Teskę. Ma dużo białej przestrzeni z zielonymi i niebieskimi refleksami, które idealnie pasują do gatunku. Sekcja bohatera wyświetla obraz o pełnej szerokości z CTA po jednej stronie i zespołem po drugiej stronie. Członkowie zespołu i lokalizacje są oznaczone czcionką, która wygląda na napisaną odręcznie. Informacje o usługach opatrzone są prostymi notatkami. Poniżej znajduje się sekcja większych notatek z zakreślonymi ikonami, które zmieniają kolor po najechaniu myszą. Notatki wyświetlają również obramowanie po najechaniu kursorem. Ikony nakładają się na granice. Podoba mi się sekcja zespołu. Wyświetla okrągłe obrazy zespołu z grubymi ramkami. Obrazy członków zespołu są kontynuowane poza kręgiem. Obraz zmienia się po najechaniu kursorem, aby pokazać uśmiechnięty członek zespołu. Ciekawa jest również wbudowana mapa. Jest lekki i z jednej strony wtapia się w tło. Informacje kontaktowe pokrywają się z mapą.

Odwiedź Allianz Brno

Zawijanie

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