Essential Design Trends, czerwiec 2016
Projektanci zmieniają zasady projektowania stron internetowych, dzięki kreatywnemu rozwiązywaniu problemów. Automatycznie odtwarzany dźwięk, mieszanie rzeczywistych i ilustrowanych obrazów, a nawet mozaikowe logo na wierzchu zdjęć to jedne z najgorętszych technik projektowania, a wszystkie trzy pojęcia zostały uznane za tabu nie tak dawno temu.
Oto, co zyskuje na popularności w tym miesiącu:
1. Automatycznie odtwarzaj dźwięk
Nie tak dawno temu reguła nie obejmowała dźwięku w witrynie, chyba że była opcjonalna. I na pewno nie pójdziesz drogą automatyczną.
Te stoły się odwróciły! To, co kiedyś było przeciążeniem pasma, natrętne projektowanie staje się dość powszechne.
Dźwięk jest używany w szczególności w przypadku kilku różnych typów witryn - w przypadku treści związanych z multimediami, takich jak muzyka, filmy lub wiadomości, oraz w projektach gier lub fabuł. Sztuczka polegająca na używaniu dźwięku polega na tym, że musi on zawierać przycisk włączania / wyłączania dla użytkowników, którzy nadal chcą interakcję z witryną w ciszy.
Brzmi to tak, że użytkownicy nie powinni się zszokować. Wiele witryn, takich jak To był telefon Louise , które używają automatycznego odtwarzania dźwięku używają sortowania bufora, aby pokazać, że ładuje się zawartość dźwięku. Połącz to działanie obciążenia z przełącznikiem, a użytkownicy mogą określić, czy dźwięk jest dla nich, czy nie, zanim witryna zrobi pierwszy dźwięk.
Kolejną sztuczką, jeśli chodzi o używanie dźwięku, jest delikatne uruchamianie. Nie chcesz, aby użytkownicy wyskakiwali z krzeseł, ponieważ twój projekt otwiera się z ciężkiego metalowego pęknięcia. Wszystko brzmi crescendo od prawie szeptu do pełnej głośności w ciągu pierwszych kilku sekund.
Na koniec ważne jest, aby dźwięk (szczególnie gdy odtwarzany jest automatycznie) jest istotną częścią treści, która przyczynia się do ogólnego zadowolenia użytkownika. Nie używaj dźwięku tylko dlatego, że chcesz spróbować czegoś nowego; używaj go z celem. Należy o tym pamiętać - nawet przy dźwięku, jako części projektu, wielu użytkowników będzie miało dostęp do treści bez tego. Zaprojektuj mądrze.
2. Łączenie zdjęć i ilustracji
Może to być trudna technika, ale linia między fotografią a ilustracją została przekroczona. Łączenie prawdziwych i ręcznie rysowanych elementów może dodawać powietrza kapryśnego do projektu, który jest zarówno zabawny, jak i intrygujący wizualnie.
Zrób to bez bycia tandetnym, aby mieć trwały wpływ na użytkowników. Oto kilka sugestii:
- Użyj ilustracji do ikon i przycisków oraz fotografii, aby uzyskać dominujący efekt wizualny
- Utwórz wzorzec wizualny, który wykorzystuje głównie ilustrację, ale dodaj krótkie obszary wideo lub obrazu, aby podkreślić
- Dodaj animowane elementy ilustrowane, aby uzyskać odrobinę czegoś w pobliżu zdjęć
- Utwórz plakietkę lub logo, które zostały zilustrowane, aby używać ich na zdjęciach marki lub na opakowaniach, które pojawią się w zdjęciach marki
- Użyj ilustracji, aby pomóc użytkownikom przejść przez inne elementy wizualne i opowiedzieć historię
zrobione przez krawca jest świetnym przykładem tego mieszanego podejścia do fotografii i ilustracji. Firma zajmująca się planowaniem finansowym nie jest miejscem, w którym można się spodziewać zastosowania tej techniki w działaniu, ale jest skuteczna. Animowane ilustracje w tle zdjęć osób dodają zainteresowania tym, co w przeciwnym razie mogłoby być nudnym strzałem w głowę. Animowane statystyki hover przyciągają uwagę użytkownika i zachęcają do przewijania. Jeszcze więcej ilustracji jest wykorzystywanych w ikonografii witryn, aby zachęcić do kliknięć i dodać wizualny styl do ciężkich tekstowo elementów projektu.
3. Odznaki na obrazach bohatera
Odznaki są wszędzie, gdzie teraz skręcasz. Od logo do retro stylów typografii, które można nazwać ulubionymi hipsterami, te proste elementy stały się podstawowym elementem minimalistycznego stylu. Są również powszechną opcją dla projektów, których może brakować w fotografii.
To się jednak zmienia, ponieważ coraz więcej projektantów używa odznak z gwiazdową fotografią w obrazach bohaterów. Tendencję tę ilustruje obraz pojedynczego bohatera (zazwyczaj nie suwak) z białą lub półprzezroczystą plakietką na górze. Plakietki są często wyśrodkowane poziomo i pionowo, chociaż miejsca docelowe mogą się różnić.
To uderzające zdjęcie kontrastujące z logo (lub tekstem). To, co czyni tę pracę, to przyciągnięcie użytkowników do dużego obrazu. Znaczek służy jako punkt odniesienia dla często nieco słabego lub luźnego obrazu. (Nie znaczy to, że obrazy używane w tego typu stylu są złe, ale korzystają z pomocy odznak.)
Ten trend jest ewolucją czegoś, co widzieliśmy przez jakiś czas z nagłówkami bohaterów. Nadmierne, odważne wybory typograficzne były szałową w zeszłym roku. Jest to naturalna zmiana ze względu na popularność stylów znaczników i podobieństwa między tym, w jaki sposób używa się nadwymiarowego typu i identyfikatorów.
- Oba mają kolor biały lub lekki
- Oba mają tendencję do wysyłania do domu jednej wiadomości dla użytkowników
- Oba pracują w projektach, które nie mają wielu konkurencyjnych wizualizacji
- Oba są odważne i odważne, ponieważ oferują użytkownikom tylko jeden prawdziwy punkt wejścia
- Oba działają wyjątkowo dobrze w przypadku fotografii seryjnej
- Oba style oferują odważne wizualne rozwiązanie, gdy nie masz wielu opcji zdjęć
- Oba style umożliwiają dodawanie animacji w innych miejscach (takich jak stan najechania), aby zachęcić użytkowników, ponieważ nie ma w nich wiele ruchomych elementów, takich jak wideo lub suwak obrazu
To, co jest dobre w wielkiej plakietce, to fakt, że może służyć podwójnemu celowi jako znak Twojej marki. (Jest to doskonała opcja dla małych firm lub witryn portfolio.) Utwórz plakietkę z myślą o tym, że będzie to Twój logomark. Projektuj wersje kolorystyczne i białe, aby mieszać i dopasowywać w zależności od zastosowania. Ta dodatkowa funkcja jest kolejnym powodem, dla którego odznaczenia są obecnie tak popularne.
Wniosek
Czy jesteś na tyle odważny, aby dodać muzykę z automatycznego odtwarzania do swojego projektu strony internetowej lub połączyć rzeczywiste i ilustrowane zdjęcia? Oba trendy obejmują element ryzyka i możliwość wypłaty. Jeśli nie jesteście jeszcze gotowi na te trendy, włączenie znaczka nad obrazem bohatera jest czymś, co może zadziałać praktycznie dla każdego rodzaju konturu projektu. Możesz również wykonać tę regulację w locie i użyć jej w razie potrzeby.
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.