Essential Design Trends, marzec 2016
Jedną z największych zalet patrzenia na trendy każdego miesiąca jest spojrzenie na to, czego eksperymentują projektanci. W szczególności zaczynasz dostrzegać wyraźne skrzyżowanie elementów, które mogłeś pominąć na pierwszy rzut oka.
Dokładnie tak było z kolekcją w tym miesiącu. Zwróć uwagę na wszystkie odcienie żółtego i złotego. Nawet wybierając przykłady wspaniałej pracy dla innych trendów, witryny z tymi kolorami ciągle się wkradały.
Oto, co zyskuje na popularności w tym miesiącu:
1. Żółte i złote odcienie
Trendy kolorystyczne są fajne do oglądania. Czasami kolory pokrywają się z elementami sezonowymi lub po prostu odzwierciedlają branding, ale czasami użycie koloru pokazuje nastrój i uczucia projektanta.
Żółte i złote dźwięki pojawiają się wszędzie. Z pełnoekranowych efektów mycia powierzchni, takich jak Winnica Gold Hill , akcenty lub jasne litery, żółte i złote są obecnie popularnymi opcjami.
Żółte odcienie to dobry sposób na ustawienie odpowiedniego emocjonalnego połączenia z projektem. Kolor jest zwykle kojarzony z radością i szczęściem. Jest połączony z intelektem i energią. Więcej złotych tonów jest wyjątkowych, wyszukanych i królewskich. Co ważniejsze w kontekście projektowania, odpowiedni odcień koloru żółtego może być wskaźnikiem typu showstopper, przyciągającym uwagę użytkownika i zapewniającym wizualny punkt odniesienia dla każdego elementu na ekranie.
Używanie tego rodzaju palety kolorów wymaga jednak wiele przemyśleń. Bladożółta może się zagubić, jeśli nie są sparowane z innym kolorem w sposób, który zapewnia wyraźny kontrast. (Białe i żółte często się nie mieszają.) Zbyt dużo żółci - jak na przykład kolorowanie w stylu Wielkiego Ptaka - może mieć przytłaczające wrażenie i może być zbyt rozpraszające dla użytkowników.
Tam docierają głębsze żółcie z bardziej czerwonymi odcieniami i złocistymi odcieniami. Te żółte odcienie są łatwiejsze w obróbce, ponieważ nie są zbyt stymulujące. Aby uzyskać maksymalny efekt, połącz żółte odcienie z ciemniejszymi paletami, aby uzyskać maksymalny kontrast i siłę uderzenia. Rozważ parowanie złotych tonów na jaśniejsze tło z tego samego powodu. Wybierz żółty odcień, który tworzy właściwe wyczucie dla twojego projektu - jaśniejsze żółcie są bardziej energiczne i szczęśliwe, podczas gdy złote odcienie mogą wydawać się bardziej klasyczne lub jedyne w swoim rodzaju.
2. Vintage wszystko
Hipsterski styl życia to nie tylko moda na modę; jest także połączony z projektowaniem strony internetowej. Jednym ze sposobów, w jaki się to objawia, jest wykorzystanie stylów vintage do prawie wszystkiego. Elementy projektu "Vintage" mają teraz chwilę.
Obejmuje to wiele elementów - typografię, opcje kolorów, tła i obrazy. Vintage wygląd może być sztucznie stworzony przy użyciu elementów w stylu starego stylu - typowe style typografii są niewiarygodnie popularne - lub poprzez włączenie elementów, które rzeczywiście są stare w projekcie. Spójrz na obraz człowieka w dolnym rogu Mleko Skórzane Chamberlina stronie internetowej; wygląda na to, że można go było wyciągnąć ze starej fotografii. Ten sam efekt starego stylu dotyczy Beczka i wrona wzór ze starym drewnem i surowym czarnym logo, który wygląda tak, jakby mógł zostać wybrany z projektu sprzed 70 lat.
Vintage style typografii są nieco trudniejsze do zaklasyfikowania, ale prawdopodobnie będziesz je znać, gdy je zobaczysz. Często charakteryzują się prostym napisem z małymi, ale rozbudowanymi diwami. Zwróć uwagę na małe rozkwitające postacie Słodka magnolia Gelato . Pierwotny napis zawiera również kolorowy cień przesunięcia dla większego uderzenia. Inne rzeczy, które zwykle widzisz przy użyciu klasycznych stylów typografii, to litery o lekkiej teksturze, takie jak "Mleko skóry Chamberlina", oraz połączenie dwóch krojów pisma, jednego prostszego i jednego o bardziej wyszukanym wyglądzie, takiego jak połączenie dla Sweet Magnolia Gelato Co. Ale zwróć uwagę na niedoskonałość w kroju sans serif tutaj, że mały element przyczynia się do ogólnego poczucia "starości" w projekcie.
Teraz jest coś o vintage: fajnie jest wyglądać na starą, ale musi ona funkcjonować w nowoczesny sposób. Znajdź sposoby na włączenie elementów z animacją, przewijaniem paralaksy lub wideo dla współczesnego dotyku.
3. Interakcja
Strony internetowe z elementami "możesz dotknąć" wciąż zyskują na popularności. To trochę więcej niż interakcja; to bardziej wciągające wrażenia z interakcji.
Co to dokładnie oznacza?
Projektanci stron internetowych tworzą niepowtarzalne doświadczenia, które polegają na tym, że użytkownik porusza się. Poruszanie myszą może sprawić, że coś na ekranie będzie się poruszać lub przesuwać w określony sposób. Poruszenie się lub przewinięcie może spowodować, że dojdzie do kolejnej akcji. Ogólnie rzecz biorąc, użytkownik powinien czuć się tak, jakby dyktował działanie na ekranie w oparciu o jego ruchy fizyczne. (Całkiem fajnie, prawda?)
Ten rodzaj interakcji staje się coraz bardziej popularny. Integruje się z wieloma innymi elementami projektu, aby stworzyć ogólne wrażenia, które są równie ważne, jak informacja i radość.
Pamiętaj też, aby przejść do każdego z tych przykładów, aby zobaczyć te interakcje w praktyce. Oto pomysł na to, co znajdziesz:
- Haus: Kliknij w dowolnym miejscu na ekranie i przenieś kolorowy obiekt blob z efektem ruchu 360 stopni. Animacja reaguje na ruchy użytkownika, kontynuując powolny ruch w kształcie.
- Emirates: Użyj myszki, aby obrócić globus. Ten ruch wydaje się również naśladować czas i szybkość klikania, aby wyświetlić miejsca docelowe.
- Fałszywa muzyka: każde poruszenie myszą zmienia element polecanej strony głównej. Kliknij w celu uzyskania bardziej animowanych efektów, takich jak ruchy nawigacyjne, układ stylu siatki oraz opcje znajdowania i kupowania muzyki.
Wniosek
Skoro już widziałeś wszystkie przykłady, zauważyłeś jeden temat, który naprawdę wyróżniał się wśród trendów? Kiedyś postrzegano go jako kolor, który był prawie niemożliwy do zastosowania, a żółte i złote tony są prezentowane na wiele interesujących sposobów. To samo można powiedzieć o elementach vintage, które są prawie wszędzie.
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.