3 Essential Design Trends, wrzesień 2017
Czasami możesz po prostu spojrzeć na nowe projekty stron internetowych i zobaczyć, co myślą projektanci. Możesz poczuć nastrój. Trendy w tym miesiącu odzwierciedlają tę koncepcję z odważnymi wyborami kolorystycznymi, zapaścią tradycyjnego stylu nagłówka bohatera popularnego przez pewien czas i mrocznymi animowanymi wzorami, które są tylko trochę tajemnicze.
Co myślisz? Czy jesteś gotowy na cieńsze opcje typografii, bardziej szczegółowe szczegóły i logotypy w stylu ikon? Być może widzisz niektóre z tych projektów.
Oto, co zyskuje na popularności w tym miesiącu:
1. Kolory tęczy
Kiedy słyszysz "tęczowe kolory", pierwszą rzeczą, która przychodzi ci na myśl, prawdopodobnie nie jest dobry projekt. Istnieje zbyt wiele jaskrawych przykładów jaskrawych projektów z kolorowymi paletami w kolorach tęczy, które są przytłaczające i, szczerze mówiąc, katastrofy projektowe.
Dzisiejsze kolory tęczy nie są katastrofalne. Są klasyczne, proste i zapewniają odpowiednią ilość kolorów w zaskakującej liczbie projektów. Palety Rainbow nie są przeznaczone tylko dla małych witryn; duże marki, w tym Github Universe Conference , Poludniowo-zachodnie linie lotnicze i Gramatyka Londyńska Kanał Spotify wykorzystuje ciekawe wzory tęczy.
Jeszcze bardziej interesujące jest to, że każdy projekt wykorzystuje tę samą koncepcję koloru na różne sposoby.
- Tęczowe elementy tekstowe w ciemnej estetyce: Github wykorzystuje prostą ciemną estetykę z tekstem w kolorach tęczy i elementami interfejsu użytkownika, aby przyciągnąć wzrok z kluczowych informacji (takich jak data) do głównego wezwania do działania (sprzedaż biletów). Gradient tęczy jest prosty i subtelny, a jednocześnie nastrój okazji i optymizmu. Wydaje się, że to odpowiednia kombinacja zachęcająca użytkowników do zarejestrowania się na konferencję.
- Southwest Airlines stosuje inne podejście z elementami tła tęczy, a tekst wypełnia lżejszy element kontenera. Tęczowy akcent zapewnia wizualny punkt odniesienia dla witryny, która zawiera treści, które można interpretować jako nudne. Kolor daje studium przypadku trochę więcej życia, aby pomóc zachęcić kliknięć.
- London Grammar używa gigantycznej kuli tęczowej, aby przyciągnąć użytkowników do współpracy przy miksowaniu dźwięku z Spotify. Kropelka tęczy przesuwa się i porusza z wolną animacją, która wydaje się żelem w wodzie. Kolory przesuwają się i łączą, a to jest coś, na co można patrzeć przez cały dzień, jeśli nie jesteś ostrożny. Aspekt gamification kolorowego elementu jest również interesujący, ale kolor zdecydowanie przyciąga użytkowników.
2. Upadek nagłówka bohatera
Ponadgabarytowy nagłówek bohatera zdjęć lub suwaka jest od lat podstawowym elementem projektu strony internetowej. Ale istnieje tendencja do oderwania się od wzoru, a więcej projektantów decyduje się na bardziej minimalną strukturę przewijania z większą liczbą elementów i mniejszym wyczuciem.
Rezultat wydaje się być trendem z bardziej białymi lub lekkimi nagłówkami, w których pływa wiele części. Ten trend jest dość niejednoznaczny. Niektóre z wizualizacji są interesujące, ale ogólnie wydaje się, że ogólny brak punktu centralnego dla użytkowników i jasno określony zestaw działań do podjęcia.
W nagłówku bohatera miłe jest to, że minimalne podejście sprawia, że użytkownicy wyglądają. To jest inne. Pytanie brzmi, czy istnieje wystarczająca ilość komunikatów, aby utrzymać zainteresowanie na długo lub jeśli użytkownicy zareagują pozytywnie na mniej wizualną stronę internetową.
Jest to trend do oglądania, ponieważ jest prawdopodobny we wczesnych stadiach ewolucji. Projektanci są gotowi zrobić coś innego z wierzchołkami stron (i co zrozumiałe). Ta iteracja projektów to tylko pierwszy krok w kierunku czegoś nowego. Niektórzy projektanci mogą być zaniepokojeni dziwną kombinacją lub częściami elementów powyżej zwoju w większości tych koncepcji projektowych. Pozostaje do zobaczenia, gdzie trend idzie dalej, ale na pewno warto mieć na to oko.
3. Mroczne animowane wzory
To może być najbardziej zabawny trend w projektowaniu strony internetowej: Mroczne animowane efekty nałożone na ciemne schematy kolorów. Ciemna koncepcja na ciemno jest tajemnicza, wizualnie interesująca i naprawdę sprawia, że użytkownik wygląda i angażuje się w projekt.
Dodatkowo może działać na wiele różnych sposobów. Nie ma ustawionego rozmiaru ani rodzaju animacji ani efektu. Każdy z poniższych przykładów wykorzystuje mroczne animowane efekty na różne sposoby, które zachęcają do pewnego rodzaju interakcji, od automatycznych ruchów, poprzez efekty myszy do niespodziewanych błysków (będziesz musiał kliknąć linki, aby je znaleźć).
Chociaż te projekty wyglądają naprawdę fajnie, mogą również stwarzać pewne wyzwania. Nie wszyscy użytkownicy są zainteresowani tak ciemną estetyką. Może nie działać poprawnie w każdych warunkach środowiskowych. Te projekty zdecydowanie lepiej wyglądają i działają na ekranach komputerów niż w mniejszych urządzeniach.
Ale trend projektowania ma miejsce dla projektantów, którzy chcą stworzyć coś nieco innego, z pewnym nastrojem i modnym aspektem.
Jest też coś o kombinacjach ciemnych odcieni bez dużej ilości kolorów, które tylko przyciągają. (Jest to trochę niewyjaśnione).
Aby w pełni wykorzystać mroczny trend, upewnij się, że używasz wystarczającej wariancji w ciemnych odcieniach, aby upewnić się, że elementy są widoczne i że ruchy są widoczne. Użyj bogatych czarnych z dużą ilością podtekstów, aby ustawić odpowiedni nastrój dla każdego projektu.
Podczas gdy poniższe przykłady całkowicie nie mają koloru, należy rozważyć kontrastujący odcień inny niż biały dla kluczowych punktów nacisku. (Kolorowy przycisk wezwania do działania naprawdę wyróżniałby się rozmiarem wszystkich czarnych obrazów).
Drugą cechą wspólną tego trendu jest prostota użytych animacji. Żaden ruch nie jest zbyt skomplikowany. Jest tak prosta i opływowa jak paleta kolorów, która ma kluczowe znaczenie dla ogólnego sukcesu trendu w projektowaniu.
Wniosek
Zmiana w sposobie wykorzystania kolorów przedstawiona w tegorocznych trendach jest interesująca i skuteczna. Tęczowe kolory są zabawne i podnoszące na duchu, a minimalne białe i ciemne wzory zapewniają mnóstwo miejsca na introspekcję i refleksję. Wybór koloru naprawdę ma związek z tym, jak projektanci myślą o projekcie.
Jakie trendy lubisz (lub nienawidzisz) w tej chwili? Chciałbym zobaczyć niektóre ze stron, które Cię fascynują. Wyślij mi link na Twitterze ; Chciałbym usłyszeć od ciebie.