Essential Design Trends, luty 2016
Szukasz odświeżenia witryny i nie wiesz, od czego zacząć? Niektóre z najmodniejszych elementów w projektowaniu stron internetowych są teraz przyjemne pod względem estetycznym i dość łatwe w użyciu.
Dodanie modnej funkcji do aktualnego projektu lub nowej wersji może pomóc w stworzeniu nowoczesnego klimatu, który pomoże przyciągnąć odwiedzających do Twojej witryny. A co jest szczególnie miłe w tych trzech trendach, to można ich używać z istniejącymi elementami, kolorami i typograficznymi paletami i brandingiem.
Oto, co zyskuje na popularności w tym miesiącu:
1. Schematy kolorów Duotone
Palety kolorów firmy Duotone istnieją już od dłuższego czasu, ale ostatnie ujęcie dodaje efekt zmywania kolorów do gradientu duotone w celu uzyskania pełnoekranowego efektu o dużej sile oddziaływania. Jest to coś, co w dużym stopniu wyprzedziło płaską konstrukcję, ale dzięki oszałamiającemu użyciu przez duet Spotify powraca.
Czym dokładnie jest duotone?
Jest to użycie dwóch kolorów do utworzenia palety. W najbardziej podstawowej formie duotone jest komplementarną kombinacją z koła kolorów. W bardziej złożonych zastosowaniach projektanci stosują wszystkie kombinacje kolorów i łamią zasady z parami.
Większość efektów duotone ma nakładkę w jaskrawym kolorze na górze obrazu. Efekt duotone uwypukla ciemności i światła i tworzy efekt wizualny z oszałamiającą kolorystyką. Spotify wykorzystuje go w świetny sposób do tego, aby standardowe zdjęcia wykonawców, które widzieliście dziesiątki razy, wyglądały na tyle różne, aby przyciągać uwagę.
Jest to technika, której możesz użyć na wiele różnych sposobów. Działa prawie z każdą koncepcją projektu i może być wykorzystany jako element pełnoekranowy, taki jak wiele przykładów powyżej, do tworzenia sztuki dominującej. Można go również wykorzystać do stworzenia interesującego tła, zaakcentowania elementów interfejsu użytkownika lub pomocy w podkreśleniu konkretnej części projektu. Duotone działa najlepiej, gdy jest używany dla pojedynczego elementu projektu. Technika może być przytłaczająca i powinna być stosowana z umiarem.
2. Rozsadany projekt ekranu
Strony o układzie podzielonego ekranu rosną w postępie geometrycznym. Technika projektowania obejmuje dwa panele treści obok siebie. Większość z tych pojęć używa symetrycznego obrysu, tak aby każda strona ekranu miała ten sam rozmiar i kształt.
Rezultatem jest fajna, podwójna obsługa zawartości na komputerach stacjonarnych i (po prawidłowym zakodowaniu) znakomite ekranowe wyświetlenie na mniejszych urządzeniach, w których panele się zwiną i są ułożone w stosy z przewijanymi elementami.
Możliwości projektowania z trendem podzielonego ekranu są nieograniczone - pół i pół podziały, dzieli się na karty lub elementy w stylu siatki, subtelny podział i lista jest długa. Każda strona projektu może również przyciągać użytkowników do różnych rodzajów treści i pomagać w pozyskiwaniu cennych danych statystycznych o rodzajach treści, które ludzie chcą zobaczyć i kliknąć.
Projekty z podziałem ekranu są przyjazne dla użytkownika, działają dobrze w responsywnych frameworkach i nie przytłaczają innych technik projektowania, które mogą być przydatne.
Oto kilka sposobów efektywnego podziału ekranu:
- Łącz kolor i typografię, gdy nie masz silnych efektów wizualnych.
- Skoncentruj uwagę użytkownika za pomocą ruchu od lewej do prawej, który powoduje działanie.
- Użyj blokady kolorów, aby podzielić ekran i nadać swojej wiadomości dużo miejsca, zwiększając czytelność.
- Pomyśl o podzielonym ekranie jako dużych kartach. Elementy kontenera można układać w mozaikę lub wzór w murze, aby pokazać różne elementy treści.
- Zachowaj każdy "ekran" prosty. Sztuczką tej koncepcji jest podzielony ekran. Minimalny styl może przyczynić się do podkreślenia zawartych w nim treści.
3. Typografia we wspólnej przestrzeni
Jest to jeden z tych trendów, które niemal trzeba zobaczyć, aby zrozumieć: typografia rozszerza się na wspólne przestrzenie w projekcie. Spójrz na większość stron internetowych i są obrazy i tła i typ. Elementy składają się razem, na przykład na obrazie lub są całkowicie oddzielone.
Więcej projektantów wyłamywa się z tego formatu i tworzy projekty, w których typ rozciąga się na przestrzenie innych elementów. To interesujące i przyjemne do obejrzenia.
Wyzwanie związane z czytelnością może również stanowić wyzwanie.
Technika działa najlepiej przy prostej typografii, takiej jak sans serif średniego uderzenia. Tekst powinien mieć duży kontrast, aby wyróżniać się z tła i wszelkich elementów, przez które przechodzi. Z tego powodu większość projektów wykorzystujących tę technikę wykorzystuje białe lub czarne litery.
Tekst również musi mieć pewien rozmiar, aby to działało. Prawie tak samo ważny, jak kontrast kolorów, jest kontrast wielkości i przestrzeni. Musisz również zachować szczególną ostrożność w sposobie poruszania się tekstu z różnymi rozmiarami ekranu lub punktami przerwania, aby litery nie obejmowały obszarów obrazu, które są istotne dla twojej wiadomości.
Jednym z najpiękniejszych przykładów tego jest od Deux Huit Huit (będziesz chciał odwiedzić stronę dla pełnego efektu). Napis porusza się po głównym obrazie na stronie głównej. Słowa są czytelne, ponieważ "znikają" z obrazu i przecinają przestrzeń między zdjęciem a tłem.
Wniosek
Podczas gdy wiele trendów w projektowaniu pojawia się i znika prawie tak szybko, jak je rozpoznajesz, te, które się trzymają, często działają dobrze z innymi sprawdzonymi w czasie technikami. To właśnie najbardziej wyróżnia się w tym trio nowoczesnych stylów. Każda z nich może zostać przerobiona na układ dla odrobiny nowości. Te techniki są dość łatwe do wdrożenia (i usunięcia później) bez niszczenia całej twojej estetyki.
Wypróbuj jedną z tych technik do wizualnego odświeżenia. Pomyśl o tym, jak wydostać się ze strefy komfortu za pomocą odważnych wyborów kolorów lub zmiany tylko na stronie głównej. Albo odważniej i spróbuj kombinacji modnych technik dla projektu, który naprawdę się wyróżnia. (Czy zauważyłeś, że strona internetowa dla Stikwood wykorzystuje dwa trendy - projektowanie z podziałem ekranu i typografię we wspólnej przestrzeni?)
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.