3 Essential Design Trends, listopad 2017
Jeśli jesteś fanem tej miesięcznej serii trendów w projektowaniu, istnieje duże prawdopodobieństwo, że zauważyłeś jakiś trend, który Ci się nie podobał. I to jest w porządku.
W tym miesiącu każdy z trzech trendów powinien być początkiem rozmowy o projekcie. Podczas gdy wizualizacje wyglądają świetnie, czy są czytelne i użyteczne? (Pytania, które każdy projektant stron internetowych powinien zadać podczas realizacji projektu.) Zobacz, co myślisz o tych trendach i sam zdecyduj.
Oto, co zyskuje na popularności w tym miesiącu:
1. Podkreślony tekst i elementy
Podkreślony tekst to raczej nieoczekiwany trend. Na szczęście podkreślenia nie są standardowym podkreśleniem, które możesz zobaczyć z hiperłącza lub domyślnego ustawienia w edytorze tekstu.
Podkreślony trend tekstowy i elementy używa kolorów i linii, aby wyróżnić określone informacje i skupić się na określonym obszarze treści. Najmądrzejsze zastosowania podkreślenia łączą obrys z czymś innym, dzięki czemu czujesz się jak bezproblemowa część projektu.
Aby podkreślić, że odnosi sukces, musi wyglądać intencjonalnie, nie wchodząc w drogę. Podkreślanie może w wielu przypadkach być rozpraszającą techniką, a nawet sprawić, że tekst będzie zbyt ciasny lub zatłoczony. Jednak użycie podkreślenia w części projektu z dużą ilością białej przestrzeni może złagodzić ten problem, zwracając uwagę na podkreślony tekst.
Obie Simon Lee Gallery i Projekt Hoohaa użyj prostego podkreślenia z dużą ilością miejsca, aby przyciągnąć wzrok do określonego tekstu. W przypadku Simona Lee Gallery podkreślenie pomaga użytkownikom skupić się na najmniejszych literach w projekcie i zapewnia punkt wstrzymania podczas ładowania kolejnego obrazu w suwaku. W przypadku projektu Hoohaa podkreślenie jest elementem graficznego elementu wagi, który kładzie nacisk na nazwę strony.
Abel Design Group przyjmuje inne podejście z pomarańczową linią, która jest w rzeczywistości bardziej linią środkową niż podkreśleniem, ale służy podobnemu celowi - do narysowania tekstu na tekście połączonym z obrysem.
2. Zablokowany tekst
Oglądanie projektów z utrudnionym lub trudnym do odczytania tekstem nie jest czymś, czego prawdopodobnie spodziewałbyś się zobaczyć na tej liście, ale wielu projektantów bawi się teraz z tą koncepcją.
Może to być trudna technika, a wielu projektantów zawiodło (i skończyło jako memy) z powodu napisu, który powiedział coś niezamierzonego. Projektowanie tekstu z przeszkodą nadaje się do tego rodzaju problemów. Jest to prawdziwa troska o responsywne frameworki ze względu na różne punkty przerwania i ruch niedrożności tekstu.
Przeszkoda może być elementem obejmującym tekst lub brak kontrastu między tekstem a tłem, w którym elementy niemal zlewają się ze sobą.
Jednak, gdy zostanie dobrze zrobione, może to prowadzić do przyciągania wzrokowego projektu. (Trudno przestać patrzeć Root Studio projekt. Jasne kolory i subtelny ruch żyrafy nad literami są fascynujące.)
Aby to zadziałało, musisz zrobić kilka rzeczy:
- Upewnij się, że słowo jest na tyle powszechne, że można je zrozumieć, dlatego "ROOT" nie stanowi problemu
- Nie obejmuje zbyt wiele tego słowa
- Uważaj na przeszkody, które mogą skutkować niechcianymi słowami
- Użyj super prostego kroju czcionki, aby styl liter nie konkurował z przeszkodą
- Zachowaj pozostałą część projektu w bardzo prosty sposób, aby użytkownik mógł skupić się na słowie i czytać go z jak największą łatwością
3. Czarno-biała estetyka
Czasami trendy w projektowaniu - zwłaszcza jeśli chodzi o kolor - odzwierciedlają nastrój twórców. Czarno-białe schematy kolorów stają się ciemniejsze, bardziej minimalne i mają mniej jasny akcent kolorystyczny niż było powszechne w ostatnich latach. (Czy obecnie projektanci czują się trochę bardziej ponuro?)
Obecna wersja czarno-białego trendu w projektowaniu różni się od tego, co działo się w przeszłości, a brak koloru nie jest wykorzystywany tylko w przypadku portfeli fotograficznych. Poniższe przykłady obejmują firmę zajmującą się projektowaniem mebli, agencję projektowania witryn internetowych oraz historie i informacje na temat zdrowia psychicznego.
Wszystkie mają wspólny klimat, ze względu na brak koloru.
Podczas pracy z obrazem czarno-białym mogą pojawić się obawy dotyczące rozmieszczenia tekstu i czytelności, a także sposobu uwzględnienia koloru w niektórych częściach projektu. Projektanci mogą zmagać się z tworzeniem czegoś, co angażuje, mimo surowości z braku koloru.
Jedną z technik, które mogą rozgrzać czarno-biały wzór, jest użycie bogatszej mieszanki kolorów dla ciemnych odcieni. Bogata czerń może mieć czerwony, niebieski, zielony lub inny kolor, który pomaga stworzyć nieco inny nastrój.
Bogata czerń składa się z wielu kolorów, patrząc na kody HEX. Hex # 000000 jest wykonany bez żadnego koloru. Prawdziwie bogata czerń to # 004040. Wszystko inne jest "bogatsze" czarne. Bogata czerń może służyć jako przejście między czarnymi i białymi i bardziej kolorowymi elementami.
Na przykład, Crafton poniżej wykorzystuje bogatą czerń do projektu z subtelnym kolorem wokół przycisku stylu widma i innych akcentów. Bogatsza czerń jest bardziej ciepła i zachęcająca niż inne projekty ze względu na ten wybór kolorów. Podczas gdy strona internetowa nie zawiera dużo koloru poniżej zwoju, istnieją jeszcze bardziej kolorowe divy i elementy projektu, które łączą się dość płynnie ze względu na bogactwo czarnych i kolorowych akcentów na ekranie głównym.
Inną korzyścią dla bogatej czerni lub bogatszej czerni jest to, że może poprawić kontrast między tekstem a elementami tła, dzięki czemu wszystko jest łatwiejsze do odczytania.
Wniosek
Wszystkie trendy w tym miesiącu sprawiają, że tekst jest trudniejszy do odczytania niż ten, do którego przywykliśmy. Jest to jedna z tych koncepcji projektowych, które mogą być skuteczne, gdy są stosowane wyjątkowo dobrze i tylko w przypadku niektórych projektów. Ale to może być trudne do osiągnięcia.
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.