3 Essential Design Trends, sierpień 2017
Jeśli dni letniego psa mają tęsknotę za zmianą scenerii, trendy w modzie internetowej w tym miesiącu są idealnym początkiem. Podczas gdy minimalizm był ostatnio stylem "to", coraz więcej projektantów zaczyna przesuwać się w stronę szczegółów i funkcji w układzie. Uderzające wzorce, które zaczynamy dostrzegać, są świeżą alternatywą dla uproszczonych stylów, do których się przyzwyczailiśmy.
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. Cienka (ner) typografia
Cienki typ powraca! Cienki krój pisma otrzymał zły zwrot, gdy Apple wybrało super cienką, lekką czcionkę dla swojego systemu operacyjnego z iOS 7.
Projektanci nie zgadzali się z opcją, która była trochę trudna do odczytania i niby wbrew wielu trendom wzorniczym zachodzącym w tym czasie. (Mieszkanie było wściekłością, ale niektórzy twierdzili, że prawie płaskie mieszkanie Apple w połączeniu z ultra cienkim krojem pisma było zbyt duże.) Jednocześnie szersze, odważniejsze kroje stały się dominującym elementem nagłówka strony i typografii na obrazach bohatera nad zwojem .
Fala zaczyna przesuwać się w drugą stronę. Dzisiejsze cienkie kroje pisma są nieco cieńsze niż te, do których przyzwyczailiśmy się, ale nie są tak cienkie jak opcja Apple.
Najlepszą rzeczą w wyborze cieńszego kroju jest to, że masz nieco więcej swobody w projektowaniu. Podczas gdy cienkie kroje nie są zalecane do kopiowania, mogą one działać dobrze w większych rozmiarach, gdy występuje duży kontrast.
Poniższe przykłady pokazują niektóre z najlepszych zastosowań cieńszych czcionek:
- Użyj cienkiego kroju czcionki we wszystkich wersjach, aby stworzyć efektowny nagłówek. Ta opcja często działa najlepiej przy użyciu tylko kilku słów, takich jak Luksusowe afrykańskie safari poniżej. Równie ważne jest, aby pomyśleć o napisie w związku z rzeczywistymi literami; niektóre słowa mogą być trudne do odczytania cienkimi krojami lub literami.
- Sparuj cienki krój pisma z pogrubioną opcją, aby utworzyć nacisk, na przykład WebDesignStudio poniżej.
- Użyj cieńszego kroju czcionki (na kontrastowym tle), aby dodać podkreślenie wizualne, takie jak Leeds Golf Centre poniżej.
Szukać inspiracji? Oto pięć czcionek Google, które pasują do rachunku (i będą wyglądać świetnie): Źródło Sans Pro , Dosis , Zakres pierwszy , Rajdhani , Martel Sans .
2. Wymyślne szczegóły
Od zabawy po fantazyjne zabiegi typograficzne po elementy interfejsu użytkownika, które tworzą nieoczekiwaną rozkosz, szczegóły stają się coraz bardziej popularne. Sztuką do stworzenia czegoś skomplikowanego jest uczynienie go możliwie prostym dla użytkownika, co oznacza, że musi być łatwy do zrozumienia i wykorzystania.
Wspaniałą rzeczą w szczegółach jest to, że mogą dodać wiele osobowości do projektu. Elementy te mogą przenosić się na różne nośniki, od projektów stron internetowych, przez projekty produktów, aż po elementy drukowane, dzięki czemu wszystko od marki ma to samo specjalne coś wizualnie. (Jest to doskonały sposób na zapewnienie spójności marki.)
Te szczegóły mogą pojawiać się na wiele sposobów i zawsze powinny dodawać do ogólnego efektu, nie pogarszać go. Skomplikowane szczegóły najlepiej stosować w przypadku pojedynczego wystąpienia w projekcie i nie powinny przytłaczać użytkowników. Używanie czegoś zbyt skomplikowanego zbyt wiele razy może skończyć się tworzeniem przeciwieństwa zamierzonego efektu i wizualnie przytłoczyć użytkowników. Więc gdy znajdziesz swoją "sztuczkę", użyj jej raz i użyj jej dobrze.
The Grupa przodków poniżej stosuje skomplikowaną stylizację ze starym logotypem z kolorowymi przekreśleniami nad nagłówkiem. Styl typowy jest rzadkością w projektowaniu stron internetowych i połączony z rozbudowanym logotypem, jest uderzającą kombinacją. Ale możesz także zobaczyć, jak ten projekt może być efektywny tylko przy jednym użyciu. Krój pisma może być trudny, jeśli zostanie zastosowany do dużych bloków tekstu, a stylizacja może stać na drodze komunikowania. Tutaj zespół projektowy użył go idealnie.
Krzesła szkoleniowe Vitra poniżej korzysta z rozbudowanych animacji interfejsu użytkownika, aby zaangażować użytkowników. Strona główna zawiera przycisk "Przeciągnij", który otwiera się w menu linii produktów. Tło pozostaje takie samo w obu panelach, dzięki czemu krzesła są zawsze podświetlone na rolce wideo. Animacje między kliknięciami są równie interesujące, a nawet jeśli nie jesteś gotowy na zakup krzesła, zachęcamy do poruszania się po stronie.
Czasami najbardziej wyszukany projekt nie zawiera żadnych efektów specjalnych. Tylko szkoła kite poniżej wykorzystuje zabawny filmowy i duży logotyp dla kombinacji, która przyciąga wzrok. Podczas gdy duży logotyp wygląda na prosty, tworzenie typografii, która jest zarówno czytelna, jak i funkcjonalna, może być trudne. Tutaj działa pięknie, a nastrój napisu pasuje do tego, czego można oczekiwać od tego rodzaju działalności.
3. Logo ikon
Czy to ikona lub logo? Linia między dwoma elementami projektu jest coraz bardziej przekreślona. Logotypy w stylu ikon pojawiają się wszędzie.
Wyciągnięte z minimalistycznego stylu, a ponieważ działają w różnych aplikacjach, logo ikon mogą być kolorowe lub inspirowane liniami. Większość zastosowań skłania się ku mniejszemu stylowemu logo w kształcie, które przeniesie się również do serwisów społecznościowych w celu spójnego budowania marki online.
Wadą ikony logo jest brak miejsca na rzeczywistą nazwę firmy. Najlepsze logo ikony są zaprojektowane tak, aby mogły stać samodzielnie lub obok napisów, takich jak District0x poniżej. Zwróć uwagę, że kolorowa ikona "d" może działać samodzielnie - wygląda świetnie w formacie logo Twittera ze względu na asymetryczny kształt - i nie czuje się przeszkodą w połączeniu z pełną nazwą marki.
Meble Jardan i Latarnia Nobbys , poniżej, wybierz bardziej proste style logo ikony z marką ustawioną w typie poniżej. Chociaż jest to popularna opcja, może spowodować pewne rozłączenie nazwy i logo. Wybierz miejsca docelowe, które łączą elementy - oba przykłady koncentrują logo i nazwę składanej firmy - aby utworzyć ścieżkę oka od jednego elementu do drugiego.
Wniosek
Fajnie jest obserwować, jak trendy zaczynają przesuwać się z jednej dynamiki na drugą. Czy uważasz, że bardziej szczegółowe style zastąpią minimalizm? Czy to tylko chwilowa moda?
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.