Trendy w Designie stron internetowych – Typografia

Typografia, kolor i różne układy to elementy, które przyczyniają się do sukcesu każdego projektu. Są również elementami projektu, które mogą się z czasem rozwijać.

To jest dokładnie to, co widzimy w ostatnim czasie, ponieważ odważne elementy projektu to tylko to, co sprawia, że ​​niektóre projekty stron internetowych wysuwają się na pierwszy plan. Oto trendy w projektowaniu w tym miesiącu.

Bold Sans-Serifs

Duże, grube litery mogą przyciągnąć uwagę i opowiedzieć historię. I to właśnie robią projektanci, używając bardziej śmiałych, grubych szeryfów w projektach.

Grubsze litery są dobrym wyborem dla odwrotnej typografii lub w sytuacjach, gdy wiele się dzieje, aby konkurować ze słowami. Wyzwanie polega na tym, że odważna typografia może być nieco przytłaczająca, gdy jest dużo do przeczytania.

Musisz więc zrównoważyć widoczność z czytelnością.

Wybierając odważny bezszeryfowy szeryf, szukaj czegoś, co jest średniej wagi i nie jest zbyt grube. Szukaj liter o bardziej okrągłym kształcie; nie jest zbyt wysoka ani skondensowana, aby zachęcić do czytania.

Podczas gdy wiele poniższych przykładów koncentruje się wyłącznie na pogrubionych szeryfach bez szeryfów, najlepszą radą jest również powiązanie ich z mniej ciężką opcją. (Może mieszać i dopasowywać pogrubione i regularne wagi kroju pisma.)

Niektórzy użytkownicy utożsamiają pogrubiony typ w taki sam sposób jak wszystkie czapki, zakładając, że krzyczą na nich. Możesz tego uniknąć, używając pogrubionych szeryfów z celem dla kilku słów lub wyrażeń kluczowych i zrównoważyć inne elementy ekranu, aby nie stanowiły one ciężkiej estetyki.

Chociaż może to być dość trudny trend, można zobaczyć na poniższych przykładach, że może on działać całkiem dobrze. Nie ma nic złego w zachowaniu śmiałości, gdy przyczynia się do ogólnego znaczenia i treści w pozostałej części projektu.

zrobić miejsce
kółko
Biała tablica

Czerwony tekst i akcenty

To tak, jakbym mrugał, a czerwony tekst i akcenty były nagle wszędzie.

Jest to wybór kolorów akcentowych, który był kiedyś bardzo popularny i szybko zniknął z mody w momencie pojawienia się kolorów płaskich i materiałowych. (Jaśniejsze czerwienie zderzyły się ze wszystkimi innymi opcjami jasnego koloru.)

Ale czerwony wrócił.

Ten wybór kolorów jest interesujący, ponieważ przyciąga uwagę. Może również stworzyć dość emocjonalną więź z użytkownikami. Pamiętaj tylko, że ludzie naprawdę mogą lubić czerwień lub naprawdę ją nienawidzą; nie ma wiele podstaw, jeśli chodzi o kolor związany z pasją, miłością, gniewem i strachem.

W każdym z poniższych przykładów czerwony jest tym, co przyciąga cię do projektu.

Dzięki interaktywnej stronie internetowej Adidas dla Footlocker , czerwone elementy informują o tym, gdzie kliknąć i zaangażować się w grę. Kolory wydają się „podnosić” bezpośrednio na wideo w stylu filmu odtwarzane w tle.

adidas

Branu używa czerwonego napisu, aby wciągnąć cię do środka. Na surowym białym tle z prostym elementem wideo jest wystarczająco ostry, aby zatrzymać się i spojrzeć.

branu

Na koniec strona konferencji wykorzystuje kolor czerwony, aby uzyskać potrzebne informacje w pętli b-roll w tle. Kolor pomaga szybko znaleźć daty zdarzenia i wskazuje kluczowy element w głównej nawigacji.

19

Podczas gdy wszystkie trzy odcienie czerwieni są nieco inne, nie są tak daleko od siebie w spektrum kolorów. Użycie czerwieni jest jasne i nasycone. To odcień, o którym myślisz pierwszy i który maluchy najpierw uczą się kolorować. (Nie ma teraz zmiękczania tego trendu kolorów).

Więcej podzielonych ekranów

W skrócie podzielone ekrany nie są nowe. Od pewnego czasu rozmawiamy – i kochamy – na temat tego trendu. I to jest jedna koncepcja, która wydaje się coraz lepsza z czasem.

Najnowsze iteracje projektów podzielonego ekranu są bardziej estetyczne niż ułożone w celu zapewnienia elastycznej funkcjonalności (choć jest to wyraźny bonus).

Podzielone ekrany również nie tkwią w idealnie symetrycznych wzorach. Żaden z poniższych przykładów nie ma idealnego podziału – chyba że jest częścią innego elementu. Zarówno strony ATB, jak i Yusuf Ozturk zawierają animacje na podzielonym ekranie, dzięki czemu elementy ekranu w rzeczywistości przesuwają się w celu wyróżnienia treści lub interaktywności.

ATB używa akcji najechania, aby przesuwać ekran w lewo i prawo, gdy użytkownicy wybierają, którą ścieżkę wybrać. To sprytny sposób na połączenie doświadczenia uczenia się przez człowieka lub maszynę.

atb

Strona Ozturka otwiera się z centralnie podzielonym ekranem z mózgiem w środku; hover działania revel design na jednej stronie mózgu i rozwój na drugim, aby pokazać, co znajdziesz w witrynie portfolio. Animacja jest czysta i ostra, a możesz ją złapać na chwilę.

yusuf

VM Consulting ma bardziej tradycyjnie zaprojektowany podzielony ekran, ale używa prawej strony jako gigantycznego menu nawigacyjnego. Ciężka niebieska strona w połączeniu z lżejszą nawigacją jest doskonale zrównoważona i łatwa do zrozumienia. (Paleta kolorów pomaga również rozświetlić ten projekt.)

vmconsult

Artykuł pochodzi z :
https://www.webdesignerdepot.com/2019/02/3-essential-design-trends-march-2019/