3 Essential Design Trends, lipiec 2017
W tym miesiącu nacisk kładziony jest na elementy projektu. Wiele ostatnich trendów dotyczyło wzorców użytkownika, koloru lub typografii, ale tutaj chodzi o subtelne techniki. Najważniejsze trendy, które należy wziąć pod uwagę to nawigacja w dół, pudełka jako element projektu i mnóstwo pionowych linii i ruchów.
Oto, co zyskuje na popularności w tym miesiącu:
1. Nawigacja w dół
Wydaje się, że projektanci znajdują się obecnie w fazie eksperymentalnej, jeśli chodzi o nawigację. Od pionowych, bocznych opcji nawigacyjnych po style wyskakujące do stylów obniżania, elementy menu są wszędzie.
Podczas gdy nawigacja w dół była wyraźnym nie-nie, może wyrosnąć na tobie. A ponieważ więcej projektantów wybiera ten wzór użytkownika, stanie się bardziej ogólnie akceptowany. Zachowaj ostrożność: jeśli zdecydujesz się na nawigację przy minimalnej prędkości, uważnie obserwuj analitykę internetową, aby upewnić się, że użytkownicy znają wzorzec i nadal klikają. Ta technika może nie działać dla wszystkich odbiorców.
Więc jak to działa?
- Najlepsze style nawigacji po stronie dolnej są stosowane do prostych projektów. Najlepiej jest strona główna bez zwoju i tylko garstka stron.
- Elementy nawigacji typu downpage muszą znajdować się po większej stronie, aby użytkownicy ich nie pomijali.
- Przyklejone elementy są konieczne, jeśli strona ma dłuższy zwój.
- Rozważ nawigację w dół na stronie głównej, aby znaleźć nową alternatywę, ale powróć do bardziej tradycyjnego wzoru na stronach wewnętrznych.
- Używaj go z minimalnym szkieletem. Nawigacja w dół może łatwo zgubić się w projekcie, który jest złożony lub ma wiele elementów konkurujących o uwagę użytkownika.
- Dodaj "dodatkowy" element projektu, aby popchnąć użytkowników do nawigacji. Może to obejmować wszystko, od pogrubionego wyboru koloru do wizualnego kierunku, który pomaga kierować wzrokiem w kierunku nawigacji w nietradycyjnym miejscu.
2. Pudełka jako elementy projektu
To może być jeden z najbardziej uderzających i wszechstronnych trendów w boksach z 2017 r. Dla czystych celów estetycznych.
Pudełka są świetnym pojemnikiem - jak widzieliśmy z trendu kartkowego - ale projektanci pracują z pudełkami, aby uwydatnić zawartość, pokazać zdjęcia i przyciągnąć wzrok do określonej części płótna. I działa pięknie.
Zaletą tego trendu jest to, że jest tak wszechstronny. Nie musisz przemyśleć całego projektu, aby użyć elementów w pudełku. Mogą służyć jako czyste wizualizacje lub link do innych treści. Skrzynka może zawierać prawie wszystko, od świetnego obrazu po wezwanie do działania.
Oto kilka wskazówek, jak najlepiej wykorzystać boxed element projektu:
- Użyj pola, aby utworzyć głębię lub ostrość, na przykład Cedrick Lachot poniżej. Zdjęcie na czarnym tle jest proste, a biały tekst na wierzchu podkreśla prostokątny kształt i inne klikalne pola na stronie głównej i całym projekcie.
- Użyj pola do elementów warstwowych. Feudi Di San Gregorio poniżej wykorzystuje pole do przyciągnięcia oka do bardzo specyficznej części treści za pomocą techniki nakładania warstw, która sprawia, że czuje się ona częścią obrazu. Przyjrzyj się uważnie dłoniom w stosunku do pudełka. Ta sama koncepcja jest używana do wielu obrazów w poziomym przewijaku i dodaje dodatkową warstwę o pięknej złożoności do prostego projektu.
- Użyj pola, aby utworzyć przepływ. Beoplay , poniżej, ułożone stosy pudełek z obrazami, aby stworzyć ścieżkę przez projekt. Każde pudełko animuje się z kilku mniejszych pudełek, aby zaangażować użytkownika i zachęcić do przewijania.
- Użyj pola, aby utworzyć element, który może być elementem wykonawczym, na przykład wyskakujące wezwanie do działania, nad projektem.
- Użyj pól, aby utworzyć projekt z kartami w stylu Material Design. Trend ten istnieje już od jakiegoś czasu, ale wciąż jest popularną opcją, szczególnie w przypadku projektów mobilnych.
3. Linie pionowe
Nie zawsze myślisz o sieci jako o pionowej przestrzeni, ale więcej projektantów włącza bardzo pionowe elementy do projektów.
Od cienkich linii, aby uzyskać przepływ do zdjęć z wyraźnymi elementami w górę iw dół, pionowe elementy mogą pomóc użytkownikom przejść przez projekt, zachęcić do przewijania, a nawet skupić uwagę na pewnych elementach. Dodatkową zaletą jest to, że pionowe elementy są interesujące wizualnie, ponieważ nie są tak powszechne, jak elementy poziome, kwadratowe lub okrągłe.
Niektóre z pragnień, aby myśleć bardziej pionowo, mogą rozpocząć się w twoich rękach. Podczas gdy większość witryn na komputery stacjonarne żyje w standardowej przestrzeni 16: 9, dostęp do stron internetowych na telefonach i tabletach jest często wybierany z boku z bardziej pionową orientacją. (W przypadku wielu telefonów komórkowych orientacja ta jest wyraźnie pionowa).
To sprawia, że pionowe akcenty i wzorce użytkowników są bardziej powszechne i bardziej akceptowane dla odwiedzających stronę. Nie będą się oni sprzeciwiać projektowi ani zastanawiać się, jak z nim współdziałać. Orientacja pionowa jest dość powszechna.
Istnieje wiele sposobów, aby włączyć wrażenie pionowe do projektu.
- Wypróbuj tło z subtelnymi pionowymi liniami, aby stworzyć teksturę.
- Utwórz kolaż zdjęć o pionowych kształtach.
- Użyj pionowych linii nad obrazem głównym, aby ustalić głębokość między warstwami elementów, takimi jak zdjęcia lub filmy i tekst.
- Użyj pionowego animowanego przeciągnięcia, aby oddzielić elementy w suwaku obrazu.
- Planuj zdjęcia z fokusem w pionie.
- Rozważmy projekt podzielonego ekranu tak, aby każda strona miała bardziej pionowy współczynnik kształtu.
- Użyj wzoru tła małych obiektów w pionowym wyrównaniu.
- Układaj ikony lub elementy, zamiast umieszczać je na ekranie.
Wniosek
Za każdym razem, gdy rozważasz zastosowanie trendu w projekcie, wiąże się to z pewnym ryzykiem. Jak długo trend będzie popularny? Czy projekt będzie wyglądał na przestarzały?
Zamiast wybierać opcje modnej strony internetowej na pełną skalę, zastanów się nad modnym elementem, takim jak te powyżej. Elementy te można łatwiej włączyć do projektu (i równie łatwo je usunąć, jeśli później ich nie polubisz). Sztuka w utrzymaniu nowoczesnego stylu tkwi w szczegółach; nie wymaga zupełnie nowego projektu co sześć miesięcy.
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.