12 inspirujących przykładów mieszania stałych i pustych czcionek w projektowaniu stron internetowych

Powszechną praktyką jest mieszanie i dopasowywanie krojów pisma w celu znalezienia idealnej pary na stronę internetową. Z reguły projektanci wybierają jedną czcionkę do nagłówka, a drugą do tekstu podstawowego. Pierwszy z nich jest fantazyjny i odważny, aby tytuły przykuwały uwagę. Natomiast druga jest często prosta, aby tekst był czytelny.

Są tu nawet popularne opcje i trendsetterzy. Ten etap projektowania strony internetowej dobrze pasuje do kreatywnego tłumu, choć czasami wymaga odświeżenia i renowacji, aby iść do przodu. A ostatnio dostał strzał w ramię.

Połączenie pustych i pełnych liter to zupełnie nowy trend w typografii internetowej.

Romain Murschel

Osobiste portfolio Romaina Murschela jest doskonałym przykładem tego małego mainstreamowego pomysłu, który próbuje konkurować z dużymi starymi graczami na arenie.

Tutaj style puste i pełne są używane do podkreślenia nazw każdego projektu prezentowanego na suwaku. Ta sztuczka przyciąga wzrok swoją oryginalnością i misternym pięknem. Doskonale komponuje się również z ultranowoczesnym designem strony internetowej, wraz z kilkoma innowacyjnymi funkcjami, takimi jak płynne zachowanie płótna.

Co więcej, zauważ, że tytuł jest stosunkowo duży, ale nie przytłacza ani nie przytłacza odwiedzających. Nie odwraca też uwagi od pięknego obrazu w tle; po prostu ładnie siedzi i całkiem dobrze wykonuje swoją pracę.

Produkcja Portugalia

Innym doskonałym przykładem jest produkcja Portugalia. Tutaj obszar bohatera zaznaczony jest fantastycznym tłem wideo, a hasło kampanii przedstawione jest w dwóch słowach. „Nic” uderza w ciebie od pierwszej chwili, a następnie „Uzasadnij” dołącza do uderzenia – co daje korzystny wynik.

uzależniony rave

Podobnie jak w poprzednim przykładzie, Addict Rave zawiera również tło wideo. Dla kontrastu, tytuł został nie tylko osadzony w sporych rozmiarach, ale także podzielony na dwie wyraziste części przy użyciu solidnych i pustych wyborów stylistycznych. „Addict” jest tu ewidentną gwiazdą, a „rave” to doskonały dodatek.

Muzyka Coveo

Ten trend ma solidne podstawy do rozwoju. Ma kilka dobrych zastosowań w prawdziwym życiu. Przede wszystkim tą kombinacją można położyć nacisk na wybrane słowo – jak w przypadku Coveo Music.

Tutaj widzimy misterne podejście do suwaka. Najpierw wita nas lista z nazwami prac. Gdy najedziesz kursorem na tytuł, pojawi się obraz, a tytuł zmieni swój stan z pełnego czarnego na pusty, sygnalizując, że jest to bieżące zaznaczenie. Schludny i elegancki.

Historia przechyłu

Jak można się domyślić, solidne i puste opcje stylistyczne użyte razem mogą szybko ożywić jedno słowo. Zapewnia większą wagę wizualną i lekko przyciemnia drugą, czyniąc ją wizualnie lżejszą. Jednak pusty kształt nadal przyciąga wzrok ze względu na swój elegancki i wyrafinowany wygląd.

Rozważ historię Tilt. Zespół odpowiedzialny za projekt używa tej sztuczki właśnie do tego. Podkreślają nazwę pracy i nadal ubierają tabliczkę znamionową agencji w coś fantazyjnego i modnego. Pierwszą rzeczą, którą tutaj przeczytasz, jest „Odgryzanie”, ale wciąż odwrócone „Tilt” to druga rzecz, która rzuca się w oczy.

OdżywiaćJeść

Drugim powodem, dla którego ten trend się rozwija, jest jego zdolność do naturalnego umieszczania akcentów i tworzenia uzupełniających się elementów bez dokładania wszelkich starań.

Rozważ NourishEats. Strona tytułowa wita publiczność asymetrycznym podzielonym ekranem, gdzie lewa strona ma pierwszeństwo przed prawą. Możemy to zobaczyć dzięki kilku rzeczom. Oczywiście wielkość sekcji na to wskazuje. Co więcej, styl napisów również to wyjaśnia. „O Joannie” wygląda bardziej solidnie i odważnie niż kruche i zwiewne „Hej”.

Przegląd roku Green Chameleon / The State of European Tech

Year in Review Green Chameleon i The State of European Tech stosują tę samą taktykę. Obie strony zawierają pełne litery, aby wyświetlić nazwę projektu i puste litery, aby wskazać rok.

Podczas gdy w pierwszym przykładzie rok jest umieszczony w tle, w drugim jest on integralną częścią bloku tekstowego. W obu przypadkach wyglądają stosunkowo efektownie, służąc jako doskonałe elementy dodatkowe.

Poszukiwany za nic

W przypadku Wanted for Nothing natkniesz się na solidny tytuł, który wycisza inne elementy na ekranie. Jednak dzięki pustemu wyglądowi słowa „start” w naturalny sposób zajmuje właściwe miejsce w kompozycji, pobudzając użytkowników do działania.

Dolly – Agencja / Vincent Saisset / Betamatters

I wreszcie, ten trend to świetny sposób na to, aby typografia wyglądała dekoracyjnie, a przekaz przemawiał głośniej. Weźmy pod uwagę Dolly – Agency, Vincenta Saisseta i Betamatters.

Zespół kreatywny stojący za projektem Dolly Agency bawi się trendem w jednym słowie, a nie w dwóch. W efekcie możemy zobaczyć ciekawe ujęcie, które sprawia, że ​​tytuł doskonale wtapia się w otoczenie, a jednocześnie stanowi deklarację. Jest to mieszanka odważnego i mocnego „początku” oraz delikatnego i eleganckiego „końca”, które łatwo przykuwa uwagę.

Witryna Vincenta Saisseta wykorzystuje to rozwiązanie, aby uchronić sekcję portfolio przed banalnością. Tutaj regularna lista tytułów nie tylko prezentuje dzieła sztuki, ale pełni także funkcję dekoracyjną – dodając całości artystycznej atmosfery.

Betamatters ma ogromny wizualnie obszar bohatera, jednak nie przeszkadza to w wyróżnieniu się tabliczki znamionowej i wiadomości powitalnej. To kolejny fantastyczny tandem pustej i solidnej typografii w akcji.

Zwróć uwagę na inspirowane cyfrowo otoczenie z dużą ilością przewodów i cylindrów. Nazwa firmy jest pusta i przestrzenna – pasuje tu jak ulał. Wiadomość powitalna jest napisana solidnym krojem pisma i dobrze komponuje się z kompozycją. W naturalny sposób wyróżnia się z tłumu.

Skuteczna kombinacja

Przyzwyczailiśmy się widzieć kombinację rodzin typów w sekcjach bohaterów, które są używane do rzucania nagłówka i bloku powitalnego w zachęcający sposób. Dziś możemy być świadkami pewnych zmian w tej praktyce.

Te zmiany nie są czymś zupełnie nowym, ale są sprytne i inteligentne. Mieszanie pustych i pełnych stylów dla typografii jest tak proste i eleganckie, że użytkownicy akceptują to bez wysiłku. To małe rozwiązanie nadało sprawdzoną codzienną praktykę lifting.

Technika ta w dyskretny sposób sprawia, że ​​rzeczy są interesujące, a jednocześnie umiejętnie podkreśla istotne szczegóły. Ma również kilka rzeczywistych zastosowań. Tak więc we właściwych rękach może stać się czymś niesamowitym i praktycznym.