Essential Design Trends, lipiec 2016
W największych projektach z lipca jest wiele nakładających się tematów. W wielu przykładach poniżej zobaczysz, że wiele trendów jest używanych w wielu przykładach. To dlatego, że wiele trendów to proste techniki, które można dodać do niemal każdego rodzaju projektu.
To jest prezentacja mikro-trendów. To, co szczególnie pasuje do tych niewielkich trendów, to fakt, że możesz ich używać (lub usuwać) bez konieczności przeprojektowywania na pełną skalę. Mogą one służyć jako małe usprawnienia, które pomogą odświeżyć stronę na krótki czas z elementem trendu.
Oto, co zyskuje na popularności w tym miesiącu:
1. Nakładanie kolorów na zdjęcia
Kolorowe nakładki są wizualnie interesującym sposobem przyciągnięcia oka, gdy sztuka jest mniej niż gwiezdna. Może to być dobry sposób na dodanie koloru i intryg do zwykłego zdjęcia, zdjęć seryjnych lub dodanie koloru, gdy obraz jest pozbawiony tej iskry.
Korzystanie z kolorowych nakładek znacznie się różni. Jasne kolory są jedną z najbardziej popularnych opcji, ale wyciszenie lub nakładka w sepii może zmienić nastrój projektu lub dodać odpowiedni styl vintage, np. Lyrix strona internetowa, poniżej.
Jeśli chodzi o nakładkę koloru, kolory stałe są zazwyczaj najbardziej popularną opcją. Jasne kolory są powszechne i powszechnie używane są te same barwy, które są popularne w innych trendach wzorniczych, takich jak płaskie i materiałowe. (Oto takie naniesienie trendów wspomniane w intro.)
Wreszcie, gdy myślisz o nałożeniu koloru, rozważ efekt gradientu, duotonu lub wielokolorowego. Ta technika może działać szczególnie dobrze z obrazem, który jest łatwy do zidentyfikowania lub ze zdjęciami, które są płaskie samemu, na przykład zdjęcie do NYC Pride poniżej. Powodem, dla którego jesteś wciągnięty w projekt strony internetowej, jest jasna nakładka kolorów, a nie sam obraz.
(Uwaga na stronie internetowej NYC Pride, w szczególności, że inny trend powraca - gradient. Więcej gradientów zaczyna pojawiać się w projektach, a w przyszłym miesiącu przyjrzymy się temu trendowi.)
2. Małe logo narożne
Przez chwilę logotypy były jednym z najbardziej dominujących elementów w projekcie strony internetowej. Projektanci używali przewymiarowanej wersji nazw marek i logotypów, aby stworzyć interesującą estetykę.
Teraz przechodzą do przeciwnego podejścia.
Loga są używane mniej niż kiedykolwiek. Ale to nie jedyne wspólne podejście, jeśli chodzi o sposób, w jaki używane są małe logo. Pojawiają się również w tej samej lokalizacji prawie na każdym przykładzie tego trendu - w lewym górnym rogu.
Miejsce nie jest takie zaskakujące. Lewy górny jest wspólną lokalizacją umieszczenia logo w projekcie strony internetowej i od jakiegoś czasu wynika z tego, że użytkownicy będą czytać witrynę od lewej do prawej strony, w kształcie litery "F".
Zaskakujące jest to, jak małe są loga w stosunku do reszty projektu. W niektórych przypadkach te logo są zaprojektowane tak, aby symetrycznie pasowały do ikony menu hamburgera. Są więc wyjątkowo małe.
The Odważni ludzie logo, na przykład poniżej, jest tylko nieznacznie większe niż ikona menu i ma wyglądać prawie jak ikona w sobie, z białą nowością w czarnym polu. W tej technice miłe jest to, że daje reszcie obrazów i tekstowi na płótnie mnóstwo miejsca do zaprezentowania. Brave People używa wielu fragmentów filmów i warstwowych informacji, aby przyciągnąć użytkowników do projektu strony. Posiadanie małego logo pomaga oczom zostać we właściwym miejscu i swobodnie poruszać się po treści.
Kurtki używa podobnej koncepcji, równoważąc małe logo z boku ekranu i ikonę menu z drugiej. Projekt dalej przenosi koncepcję logo w ikonografii na całej witrynie, dzięki czemu użytkownik zawsze ma wizualne przypomnienie, na jakiej stronie się znajduje.
3. "Spraw, abyś wyglądał" obrazy lub wideo
"Spowodowało, że wyglądasz!"
To właśnie sprawia, że wiele obrazów bohaterów i filmów na stronach internetowych krzyczy, gdy na nie lądujesz. Obrazy, które są dziwne, niezwykłe lub po prostu wymagają trochę myślenia, stają się popularnym sposobem przyciągania użytkowników i utrzymywania ich na stronie przez dłuższy czas.
Chcesz zrozumieć, co dzieje się na obrazie, czy to pies czy wilk ( Instynkt poniżej), co oznacza element nie na miejscu ( Bullhorn , poniżej) lub co będzie dalej, jak w obrazie wideo dla Nachume Miller (poniżej).
Co zatem sprawia, że obraz wygląda jak ty? Musi być inny i interesujący. Musi być wysokiej jakości i zawierać obraz, którego nie widać na co dzień. Wizualizacja powinna sprawić, że zastanowisz się nad czymś, zadasz pytanie lub pragniesz dowiedzieć się więcej.
Obraz lub wideo przyciągną twoją uwagę i utrzymają go nieco dłużej niż zdjęcie cheeseburgera na stronie McDonald's. To element zaskoczenia, kaprysu lub cudu sprawia, że użytkownicy mogą od niego odejść. Kiedy wrócisz do niego lub obejrzysz całą pętlę wideo lub po prostu nie uda ci się wydobyć obrazu z głowy, wtedy wiesz, że inni też będą wyglądać. (Idź dużym i odważnym, albo idź do domu!)
Wniosek
Fajnie jest widzieć wiele trendów zbiegających się, jak wiele z tych stron jest przykładem. Małe logo może być jednym z najbardziej dominujących elementów w tej chwili. To jedna z tych rzeczy, których nawet nie zauważysz, dopóki nie zaczniesz jej szukać, a potem zauważysz, że ta koncepcja jest wszędzie używana.
Co więcej, naprawdę daje projektowi trochę miejsca na inne elementy, odsuwając logo na bok, dlatego tak dobrze współpracuje z innymi trendami.
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.