3 Essential Design Trends, czerwiec 2017
Czasami proste zmiany w projekcie mogą przenieść projekt strony internetowej ze zwykłego na modny. Każdy z trendów tego miesiąca to taki rodzaj techniki, od drobnej typografii, przez geometrię do niewyraźnych obrazów. Każda z tych technik może działać w nowym projekcie lub jako dostosowanie do istniejącego projektu.
Oto, co zyskuje na popularności w tym miesiącu:
1. "Tiny" tekst
Czy wydaje się, że zbyt duża typografia należy już do przeszłości? Mniejszy, prawie "malutki" tekst zaczął zastępować duże pogrubione nagłówki, które od jakiegoś czasu są podstawą projektowania stron internetowych. Od mniejszych nagłówków po tekst w treści, który wydaje się rzadki, nastąpił wyraźny trend w zmniejszaniu typografii.
Chociaż mogą istnieć pewne obawy dotyczące czytelności, jeśli chodzi o małe rozmiary tekstu, szczególnie w przypadku tekstu głównego, mniejsze czcionki nie są złe. Nadmierna typografia prawie zaczęła zmierzać w kierunku jaskrawych rozmiarów i napisów, które były niemal zbyt duże, by można je było z łatwością odczytać.
Mniejsze czcionki wydają się nieco bardziej miękkie i nadają projektowi więcej miejsca na inne elementy, którymi oko może się poruszać. Sztuczka do skuteczności z małym typem polega na utrzymywaniu litery na minimalnym poziomie. Bez wiele do przeczytania, ten trend może być skuteczny i interesujący. Z drugiej strony, przy dużych blokach typu malutki gubi się i może utrudniać użytkownikowi czytanie z łatwością i sprawnie skanować kopię.
Równie ważna jest równowaga. Wszystkie kroje muszą nieco zmniejszyć skalę, aby stworzyć przyjemne poczucie harmonii. Moonfarmer używa lekkiego kroju pisma do obróbki logotypów i małej linii wtórnej kopii. Elementy typu ładnie się kontrastują, a lekki zabieg wydaje się pasować do nastroju zdjęć.
HTML Burger przyjmuje niemal odwrotne podejście z pogrubionym nagłówkiem i małymi drugorzędnymi liniami tekstu. Lżejsze słowa opisowe działają na małą skalę, ponieważ są to popularne słowa - HTML, CSS, e-commerce - i znacznie kontrastują z wciąż zbyt dużym nagłówkiem.
Projekt NBA firmy Mountain Dew popycha wszystko na małą skalę. Jest to jedna z najmniejszych metod, które najprawdopodobniej znajdziesz, ale w połączeniu z nadmiernie pogrubioną nakładką X i tłem wideo użytkownicy wciąż są przyciągani do małego tekstu.
2. Warstwy geometryczne
Nowe sposoby warstwowania elementów stale zyskują na popularności. Po raz pierwszy przywrócona jako główna i nowoczesna technika projektowania według pomysłu Material Design, geometryczne nakładanie warstw to inny sposób dodawania wizualnego zainteresowania wizualnym, które może pozostawić coś do życzenia.
Każdy z poniższych przykładów wykorzystuje ramy z odważnymi kształtami, aby ożywić obrazy, które są dość proste - budynki, zdjęcie ze spotkania, obrazy ludzi pracujących. Dodatek zabawnych kształtów, wycięć i kolorów daje użytkownikowi punkt wyjścia do wejścia w projekt. Zwróć uwagę, jak każdy z projektów wykorzystuje geometrię, aby skutecznie przenieść użytkownika z kształtu do najbardziej odpowiedniej treści, takiej jak nagłówek lub marka.
Geometria może być wykorzystana na wiele sposobów, która integruje się z resztą projektu:
- pokroić w obrazy, aby zwrócić uwagę na ważne elementy testowe, takie jak Projekty soli ;
- użyj nieoczekiwanego elementu jasnej granicy, aby utworzyć zbędny punkt centralny, który prowadzi użytkowników na całym ekranie, na przykład Bailey i Francuzi ;
- umieść zdjęcia w nietypowych kształtach, aby dodać nowe skupienie na zdjęciach, np Alchemy Digital .
Najlepszą częścią korzystania z warstw geometrycznych jest to, że jest to łatwe i działa z praktycznie dowolnym rodzajem treści. Użytkownicy są coraz bardziej przyzwyczajeni do okrągłych przycisków i innych elementów, które są umieszczane jeden na drugim, aby uzyskać interaktywne odczucia w wielu płaszczyznach.
Kąty i krzywe w elementach geometrycznych mogą wskazywać użytkowników z jednego elementu na drugi, a gdy są skutecznie wykorzystywane, są doskonałym narzędziem kierunkowym. Ustawiaj kąty tak, aby "wskazywały" na treści, które użytkownicy mają widzieć i używają kręgów dla treści, które powinny być najpierw oglądane.
3. Niewyraźne obrazy
Niewyraźne obrazy to technika, która nie jest nowa. Wygląda jednak na to, że zyskujesz nowe życie dzięki większej liczbie projektów zawierających w pełni lub częściowo zamazane obrazy lub wideo.
Niewyraźne obrazy mogą stworzyć wyraźną atmosferę witryny z elementem tajemniczości lub pomóc odepchnąć nacisk z obrazu na inną część projektu. Każdy z poniższych przykładów wykorzystuje rozmycie z różnych powodów:
- Digitalux bierze coś, co byłoby nudnym filmem - ludzie pracujący w biurze - i używa niebieskiego, by dodać trochę ruchu za główną wiadomością i wezwać do działania;
- Playkot używa rozmytego tła, aby dodać podkreślenia zabawnej postaci i ciekawej obróbce typografii na pierwszym planie, dodając element rzeczywistości do tej wirtualnej przygody gier miejskich;
- ESPN "We the Fans" ma niewyraźne tło stadionowe, które niemal na pewno będzie areną futbolową w dowolnym miejscu, aby pokazać podgląd telewizyjnego dokumentu; niewyraźne tło pomaga bardziej skupić się na zabawnym typie leczenia, który jest główną marką dla serii.
Wniosek
Czasami największe trendy są krokami naprzód w ewolucji innych trendów. Interesujące może być obserwowanie drobnego postępu niemal tak, jak to się dzieje. To właśnie dostajesz, gdy patrzysz na modne elementy, które można zastosować do niemal każdego projektu, na przykład trzy trendy tutaj pokazane.
Zaletą tych pomysłów jest to, że mają one zastosowanie w niemal każdej skali. Możesz na przykład dodać niewielki tekst do swojej strony głównej i zobaczyć, jak zmiana wpływa na użytkowników przed rozwinięciem jej na szerszą skalę. Próby i testy na tym poziomie pomogą przewidzieć, czy taki trend będzie trwał, czy szybko zniknie.
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.