3 Essential Design Trends, luty 2018
Czasami trendy w projektowaniu są trudne do zobaczenia, nawet jeśli ich szukasz. Ten miesiąc nie jest wyjątkiem w przypadku trendów obejmujących użycie okręgów w projektowaniu, układów podziału ekranu i ciemnych tła z jasnym tekstem.
Elementy te mogą wydawać się zwykłymi narzędziami do projektowania, ale gdy są stosowane w podobny sposób, zaczynają pojawiać się wyraźne tendencje.
Oto, co zyskuje na popularności w tym miesiącu:
1. Kręgi
Implikowane znaczenia i powiązania kręgów w projektowaniu mogą mieć wiele wspólnego z ich użyciem. Kręgi oznaczają poczucie kompletności i harmonii. Są używane do reprezentowania miłości, energii i mocy. (To dość zaskakujące, że coraz więcej projektantów nie używa kółek regularnie).
Podczas gdy najczęstsze zastosowania kręgów mają ostatnio postać przycisków lub wezwań do działania, dzięki Projektowi materiałów Google, kręgi nabierają silniejszych ról projektowych.
Rzeczą, która może być trudna dla kręgów, jest płótno i kształt stron internetowych - wyraźnie horyzontalnych (ekrany pulpitu) lub pionowych (ekrany mobilne). Projekt musi więc używać kół w przestrzeni, aby kształt nie zgubił się w responsywnym formacie. Każdy z poniższych przykładów wykonuje dobrą robotę lub utrzymuje przepływ okrężny bez utraty kształtu podczas przesuwania płótna.
KymberleeJay używa dużego różowego koła, aby zwrócić uwagę na główną kopię na ekranie. Oko porusza się bezpośrednio od twarzy kobiety do silnego okrągłego kształtu.
Pizza Buddy oznacza okrąg z tekstem i składnikami otaczającymi plaster. Częścią tego, co sprawia, że krąg się pojawia, jest idea, że pizza jest często okrągła. Nawet z trójkątnym obrazem pośrodku ekranu koło jest oczywiste.
Hotel Poispois wykorzystuje zmienne kręgi do tworzenia wizualnych zainteresowań, ale również służy jako gigantyczne przyciski, które przenoszą użytkowników do różnych części witryny.
2. Podziel ekrany
Projekty podzielonego ekranu są jednym z tych trendów, które zyskują na popularności, a następnie znikają, ale zawsze wydaje się, że się cofają. Najnowsza wersja tego trendu obejmuje zarówno super pogrubione podzielone ekrany, jak i bardziej subtelne parowania.
Wspaniałą cechą projektów z podziałem ekranu jest to, że pięknie działają w responsywnym formacie. Dostajesz podwójną zawartość na komputerach i ułożone treści na ekranach mobilnych. Niezależnie od urządzenia, użytkownik nie ma wrażenia, że coś przeoczył, zmieniając typ urządzenia.
Podział ekranu zapewnia również rozwiązanie dla posiadania podwójnych elementów treści o niemal jednakowym znaczeniu. Możesz prezentować wiele elementów i jednocześnie oferować dwa różne sposoby działania (i powiązane wezwania do działania) na ekranie.
Ta koncepcja pozwala użytkownikom kontrolować projekt, pozwalając im odczuć, że istnieje możliwość wyboru interakcji z treścią.
Taco Bill Strona internetowa jest doskonałym tego przykładem. Projekt natychmiast stawia pytanie dla użytkowników: Czy chcesz zamówić jedzenie, czy chcesz zarezerwować posiłek? Projekt podzielonego ekranu nie tylko ułatwia projektowanie, ale pokazuje użytkownikom, że mają wiele opcje wizualnie.
Nikos Pandazaras przyjmuje inne podejście dzięki projektowi witryny portfolio fotograficznego. Witryna prezentuje dwa pionowe zdjęcia obok siebie z nawigacją pośrodku. Jest to inne podejście do projektu w stylu portfolio, ale skuteczne, ponieważ użytkownicy mogą natychmiast zobaczyć więcej zdjęć. Styl podzielonego ekranu oznacza, że oba obrazy mają jednakową wagę, a jedna nie jest ważniejsza od drugiej.
D'Aucy używa bardziej subtelnego podziału ekranu na estetykę. Jedna strona zawiera obraz na teksturowanym tle połączony z tym samym kolorowym tłem bez tekstury i nagłówka. Projekt jest dobrym sposobem, aby przyciągnąć wzrok na cały ekran, aby wyświetlić całą zawartość.
3. Ciemne tła, biały tekst
Ciemne tła i biały tekst są klasyczną kombinacją. Ale ten trend pojawia się z niespodzianką - na ciemnym tle jest wideo lub animacja.
Czy ruch jest subtelny, na przykład Najlepsze nieruchomości lub szybkie i wściekłe, takie jak Zastraszanie i zachowanie , działanie w tle ułatwia użytkownikom rysowanie. Brak koloru dodaje element tajemniczości i sprawia, że scena jest trochę bardziej kusząca.
Biały typ dodaje do surowości projektu. Choć jest łatwy do odczytania - to dobrze - tekst nie przytłacza projektu. Projekty te są z natury nieco bardziej surowe. Elementem wizualnym jazdy jest ruch w ciemnej przestrzeni tła. Wszystkie poniższe projekty zawierają animacje z pętlami, które pomagają stworzyć atmosferę dla projektów.
Im ciemniejsze tło z tymi wzorami, tym więcej tajemnic tworzą. Ciemniejsze tła również zwiększają czytelność ze względu na kontrast z białym tekstem. Szybkość animacji może stworzyć poczucie spokoju lub szału.
To dość spektakularne, jak wiele informacji może pochodzić z tego, co na pierwszy rzut oka wygląda na tak proste projekty.
Wniosek
Zaletą tej kolekcji trendów jest to, że są one wszystkie rzeczy, które można wdrożyć w prawie każdym projekcie. Korzystanie z okręgów, podzielonych ekranów i ciemnego tła nie ogranicza się do określonego stylu projektu. Możesz użyć tych pomysłów, aby odświeżyć stronę, która jest trochę nieświeża lub włączyć ją do nowego projektu.
Podobnie jak w przypadku każdego trendu, pomyśl o treści i kontekście, zanim zaczniesz. Czy plan wizualny pomaga osiągnąć ogólny cel dzięki projektowi?