Essential Design Trends, maj 2017
Pierwsze dobre wrażenie jest istotną częścią projektowania strony internetowej. Strona główna jest często pierwszym doświadczeniem użytkownika związanym z biznesem lub organizacją, a uderzający projekt może pomóc wzbudzić zainteresowanie. Trendy w tym miesiącu koncentrują się na elementach projektu strony głównej, które są trochę inne niż te, które użytkownicy widzą.
Od czysto estetycznego trendu w płytkich nagłówkach bohaterów i układach ukośnych narożników po tendencję do interakcji użytkowników w tym lub innym wezwaniu do działania, istnieje wiele interesujących sposobów przyciągnięcia uwagi użytkowników.
Oto, co zyskuje na popularności w tym miesiącu:
1. Płytkie nagłówki bohaterów
Przez pewien czas trend ze zdjęciami bohaterów to duże, odważne obrazy i filmy, które wypełniają ekran, często od góry strony głównej do prawej, gdzie zaczyna się przewijanie. Więcej wzorów zaczyna wycofywać się z tego ponadwymiarowego trendu w przypadku płytszych obrazów bohaterów.
Znaczna część projektu jest wciąż taka sama. Nagłówki bohaterów nadal zawierają ładne obrazy lub tekst z konfiguracją, która ma być oglądana. Ale obrazy są o połowę tak głębokie.
To, co jest miłe w tej koncepcji, pomaga przenieść inne informacje na ekran. Kopia ciała i wezwania do działania, które nie znajdują się w obrazie bohatera, pojawiają się wyżej w projekcie, dając użytkownikom coś do zrobienia lub kliknięcia od razu. Może to pomóc uniknąć bałaganu w samym obrazie, co może być bardzo ważne, jeśli obraz jest zajęty lub trudny do sparowania z tekstem.
Ten wzór może również dodać więcej białych znaków do ogólnego projektu, dzięki czemu poczuje się lżejszy i łatwiejszy w nawigacji. Przy bardziej minimalistycznym stylu wciąż popularnym, ta koncepcja może być jednym z czynników, które napędzają tę decyzję projektową.
Najtrudniejszą częścią używania bardziej płytkiego obrazu bohatera jest kadrowanie. To jedna z tych rzeczy, które chcesz przemyśleć na wczesnym etapie procesu projektowania, aż do momentu, gdy porozmawiasz z fotografem o zdjęciach. Ponieważ kształt nie jest taki standardowy, być może trzeba będzie wyjaśnić, w jaki sposób zamierzasz użyć obrazu, aby uzyskać zdjęcie lub film, który będzie wyglądał dobrze z tym współczynnikiem proporcji.
2. Ukośne układy narożników
Niektóre trendy są zbyt zabawne, aby je zignorować. Ukośne układy narożne są jedną z tych koncepcji.
Projekty te są przykładem elementów, które są zgrupowane w jednym rogu ekranu - często w prawym dolnym rogu - i rozsuwają się na resztę płótna. Elementy często są ustawione tak, aby wyglądały, jakby wpadały w projekt.
Ukośne układy narożników zapewniają inny wzór śledzenia wzroku dla użytkowników, tworząc punkt centralny w dolnym rogu projektu, a nie lewy górny lub środkowy i tworzą głębię z ideą elementów, które wydają się "eksplodować" na ekranie. (Aby uzyskać dodatkowe kopnięcie do projektu, rozważ elementy animujące, aby zwiększyć efekt eksplozji wraz z ruchem, gdy użytkownik przewija lub przewija nad określonymi elementami).
Aby w pełni wykorzystać te elementy, wiele projektów "ukrywa" więcej elementów pod zwinięciem, aby dodać ten dodatkowy element rzeczywistości, aby części projektu, których nie można zobaczyć, były dotykalne i istnieją na zwój.
Chociaż ten typ wzorca projektowego nie działa z każdym typem treści, może być dobrym pomysłem dla projektów, które nie mają wiele innych elementów graficznych i używają wielu elementów interfejsu użytkownika do przyciągnięcia uwagi. Może również pracować w projektach typu portfolio lub służyć jako sposób na uporządkowanie wielu mniejszych elementów wizualnych w jedną całość.
3. To lub że wezwania do działania
Prawie każdy projekt strony zawiera pewien rodzaj wezwania do działania. Niezależnie od tego, czy jest to formularz do wypełnienia, link do kliknięcia lub kierunku, aby kontynuować przewijanie w celu uzyskania większej ilości treści, użytkownik jest proszony o zrobienie czegoś. (I często otrzymują coś innego jako nagrodę za ten wysiłek.)
Coraz więcej projektów zaczyna pojawiać się w lustrzanym wywołaniu akcji, które umożliwiają użytkownikom wybór ze strony głównej, gdy decydują, co robić dalej. Projekt może wyglądać na wiele sposobów, takich jak bezpośrednie, które można oszukiwać lub nie od pytania Słowa ranią do opcji z dwoma panelami od Stoli do nawigacji po opcji kliknięcia dla Cześć Pointe Drive In .
Ten styl projektowania daje użytkownikom kontrolę nad tym, co chcą zrobić i zobaczyć, co może być atrakcyjne dzięki odpowiedniej kombinacji treści i wyborów. Wszystkie trzy poniższe przykłady doskonale radzą sobie z tym, co użytkownik może zrobić i co się stanie. (Istnieją również outs, jeśli użytkownik robi zły wybór i musi wrócić.)
Wyzwanie polega na tym, że do prawidłowego działania tego wzoru potrzebujesz odpowiedniego rodzaju zawartości. Niektórzy użytkownicy mogą być przytłoczeni wieloma wyborami i chcą tylko jednego wezwania do działania z jednym wyborem - ukończyć akcję lub nie. Tutaj użytkownicy mają dwa razy więcej opcji do rozważenia. Aby w pełni wykorzystać możliwości, treść musi być w pełni angażująca.
Wniosek
W przeciwieństwie do niektórych innych trendów, które ostatnio odkryliśmy, trendy w tym miesiącu są czystymi elementami wizualnymi, które możesz dodać do istniejącego projektu w locie. (Chociaż możesz zbliżyć się, jeśli masz szczęście.)
Te schematy projektowe opierają się nieco bardziej na planowaniu treści i projektu, które pasują, wiedząc, że masz na myśli pewną koncepcję. Wymaga wstępnego planowania, aw niektórych przypadkach wymaga nawet odrobiny magii HTML lub CSS, aby je zebrać razem.
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.