Essential Design Trends, marzec 2017
Tutaj jest nacisk ...
To jest temat w tym miesiącu. Ta kolekcja trendów skupia się na dodaniu nacisku na projekt z określonymi szczegółami, od kursywy po podzielone ekrany na surowy, minimalistyczny styl tła połączony z trikiem lub dwoma.
Oto, co zyskuje na popularności w tym miesiącu:
1. Podziel ekrany
Projekt podzielonego ekranu był czymś, co zaczęło zyskiwać na atrakcyjności w połowie 2016 roku i teraz jest to wielka sprawa. Przejrzyj kolekcje projektów stron internetowych i podzielone ekrany są wszędzie.
Co jest miłe, to jak szybko styl ewoluował. Projekty z wczesnym podziałem ekranu miały głównie symetryczne wzory z estetyką stylu yin i yang. Nowe podzielone ekrany mają dla nich więcej "cokolwiek się dzieje".
Trzy poniższe przykłady pokazują trzy bardzo różne sposoby wykorzystania tego samego trendu.
- Rency wykorzystuje podzielony projekt, aby zawrzeć pętlę wideo i główną nawigację. Kontrast między białą strefą a czerwienią jest wyraźny i zmusza oko do wyświetlenia ekranu. Zapewnia również użytkownikowi nawigację, ponieważ jest to jedyny element w kolorowej części projektu.
- GECN jest złożoną stroną rządową, która używa podzielonego ekranu, aby przekazać dwa różne pomysły z dwoma linkami natychmiast w projekcie. Chociaż podział nie jest pełnoekranowy i zawiera dużo tekstu, jest to dobra alternatywa dla projektu z mnóstwem wezwań do działania, baz użytkowników lub skomplikowanych treści.
- Wstydliwy wykorzystuje koncepcję podobną do Rencji, ale z niespodzianką: projekt ma pełnoekranową pętlę wideo, a połowa jest pokryta przyciemnionym kolorem. Wszystkie klikalne elementy znajdują się w przyciemnionym obszarze, a menu nawigacji jest ukryte w prawym górnym rogu wideo.
Wspólnym przykładem każdego z przykładów jest to, że projekt podzielonego ekranu kładzie nacisk na treść. Pomaga użytkownikom kierować określone elementy w projekcie za pomocą kolorów i rzeczywistego lub postrzeganego ruchu dzięki kontrastowym "ekranom".
Najlepszą częścią nowszych projektów podzielonego ekranu jest to, że mają do nich asymetryczny przepływ. Projektanci nie utknęli w formacie yin i yang, a rezultatem jest o wiele ciekawszy wzór wizualny.
2. Kursywą
Jednym z najmniej używanych stylów znaków jest coraz więcej zabawy jako opcja wyświetlania.
Kursywa wkracza na palety typograficzne projektantów, a nie tylko na okazjonalny akcent. Więcej kursywy są używane do wyświetlania czcionek, elementów pomocniczych, takich jak linki lub pozycje menu lub do szerszego nacisku.
Kursywa to świeże spojrzenie na typowe style. Ponieważ nie są one tak szeroko stosowane, ten trend przyciąga uwagę odwiedzających, nawet jeśli nie są pewni, co na ich temat zwróciło ich uwagę.
Kursywa to subtelna zmiana, która nie wymaga nawet nowej palety typograficznej. Zawierają pewne przestrogi i sugestie dotyczące najlepszych praktyk.
- Aby w pełni wykorzystać kursywę, używaj ich oszczędnie dla małych bloków tekstu.
- Użyj wysoce czytelnego kroju czcionki, jeśli planujesz kursywę; nowości mogą być trudne.
- Użyj czcionki pisanej kursywą i nie próbuj tworzyć własnej wersji, pochylając litery. (To może się uprzykrzyć w pośpiechu.)
- Używaj kursywy do reprezentowania elementów pochylonych, takich jak tytuł, jako przykładów w wielu przykładach poniżej.
- Sparuj kursywę z prostym efektem, takim jak animacja lub kolor, aby jeszcze bardziej podkreślić.
- Ponieważ kursywa może być trochę trudniejsza do odczytania, upewnij się, że istnieje duży kontrast między rodzajem a tłem.
- Paruj kursywą opcje z prostym szeryfem lub bezszeryfowym krojem, aby nie pomijać kursywy.
3. Solidne tła z "sztuczką"
Jednym z najprostszych sposobów na podkreślenie wizualne są elementy kontrastujące. Chociaż jednolite tło kolorów może wydawać się gładkie lub płaskie, może być idealnym tłem dla sztuczek projektowych, takich jak animacja, ilustracja lub dźwięk.
Kontrast między surowym tłem a sztuczką pomaga ożywić element interfejsu użytkownika. Od prostych skaczących kwadratów w Konstrukcja 3K do zabawnej kreskówki z Odzyskaj zdrowie do przewijania paralaksy Florian Monfrini .
Każdy z efektów wyróżnia się z powodu prostoty tła. Co więcej, te tła również nie wchodzą w zakres projektu. Każdy z nich jest biały lub pastelowy i zanika z pierwszego planu, dzięki czemu użytkownicy koncentrują się na przesyłaniu najważniejszych treści. (Czarne lub proste ciemne tło może działać równie dobrze.)
Właśnie dlatego działa: użytkownicy nie są uwikłani w płótno, a projekt niemal wyskakuje z ekranu. To prawie jak sztuka na ścianie. Jeśli ściana jest pomalowana dzikimi kolorami i wzorami, może być trudno zobaczyć oprawiony obraz, na którym się znajdujesz, ale dzieło sztuki na białej ścianie jest wizytówką.
Ten trend projektowania tworzy wizytówkę dla tej sztuczki, którą chciałeś włączyć do projektu. To może być prawie wszystko. I będzie główną atrakcją projektu z prostym płótnem do jego wyświetlania.
Jedna uwaga przy planowaniu wyboru koloru dla prostego tła: Dla większości wpływów trzymać się biały, czarny lub neutralny kolor. Odważne, jaskrawe kolory są same w sobie sztuczką projektową i mogą odbiegać od celu.
Wniosek
Każdy projekt musi położyć nacisk na coś. Dlatego ta grupa trendów jest tak odświeżająca. Każda z nich podkreśla coś ważnego dla użytkowników dzięki łatwemu do zrozumienia sposobowi podkreślenia. Użytkownicy dokładnie wiedzą, co oznacza kursywą, i widzą różnice na podzielonych ekranach lub tła, które kontrastują z elementami interfejsu użytkownika.
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.