Ponad 15 pięknych i eleganckich wzorów nagłówków
Tworzenie pięknego typu zabiegów to ciężka praca.
Chociaż twierdzenie, że typografia jest ignorowana w Internecie, stało się dość modne, w rzeczywistości typografia jest popularną modą u szczytu gry w świecie online.
Niezliczeni projektanci stron internetowych naprawdę przyspieszyli w ostatnich latach i stworzyli absolutnie piękne prace typograficzne, szczególnie w nagłówkach stron internetowych. Poniżej przyjrzymy się piętnastu skrupulatnie zaprojektowanym nagłówkom, które z pewnością zainspirują Cię do dwukrotnego zastanowienia się, zanim wybierzesz nudny typ zawinięty w tag h1 na Twojej stronie.
Przeglądaj zasoby projektowe
Osiemdziesiąt dwa wzornictwo
Naprawdę uwielbiam to zawieszanie logo. Szczegółowa praca nad czcionką podstawową jest naprawdę interesująca. Zwróć uwagę na subtelne akcentowanie po lewej stronie liter, trochę jak zaniżony cień.
ONETWENTYSIX
Możesz pomyśleć, że wygięcie nagłówka sprawia, że wygląda on prosto z Print Master Gold, ale w odpowiednich rękach efekt ten może wyglądać całkiem atrakcyjnie. Tutaj tekst został dość przekonująco postarzony i umieszczony na starej pergaminie. Struktura typografii zdecydowanie wygląda prosto ze starej książki.
The Old State
Kolejne niesamowite zawieszenie logo nagłówka, tym razem o okrągłej strukturze. Zwróć uwagę na użycie wewnętrznego koła do oddzielenia zawartości oprócz kilku świetnych małych elementów graficznych: dużego szumu wektorowego i małych gwiazd. Kluczem do struktury tutaj jest zróżnicowany rozmiar tekstu, „the” i „2007” są znacznie mniejsze niż „Old State”.
Zespół Fannypack
Ta strona zawiera wiele atrakcyjnych blokad typograficznych w obszarze nawigacji. Wszystkie z nich są cudownie antyczne i wykorzystują różnorodne czcionki i elementy graficzne do realizacji tego tematu.
CreativePayne
Dużo się tu dzieje: co najmniej trzy różne kroje czcionek o różnych rozmiarach, dwa różne kolory i kilka wyraźnych elementów graficznych. Zwróć uwagę, jak skrypt jest używany oszczędnie, aby podkreślić, jest to atrakcyjny krój pisma, ale jego odczytanie byłoby trudne.
Uwielbiam dużą grafikę stanu Waszyngton i małe strzałki, które wzmacniają słowo „małe”. Lubię też dwie bardzo subtelne poziome linie, które dzielą tekst i dodają siły strukturze.
Kawa Gorilla
Ponownie widzimy czcionkę skryptu używaną oszczędnie w połączeniu z odważniejszym, łatwiejszym do odczytania krojem pisma. Podobnie jak w poprzednim przykładzie, istnieją dwie poziome linie dzielące skumulowaną zawartość na sekcje. Dwie użyte tutaj czcionki są dość unikalne i stanowiły doskonały wybór.
Foundation Six Web Design Studio
Prosty, ale piękny nagłówek wykorzystujący wszystkie wielkie litery, niektóre zawijasy na każdym końcu i kolorową gwiazdę, która zwraca uwagę na środek. Zwróć uwagę, w jaki sposób pogrubiona czcionka z mocnymi serifs jest akcentowana przez cienki typ sans-serif.
Dziennik Min Trana
Ten nagłówek jest dość prosty poza nietradycyjną, ale atrakcyjną czcionką. Kluczem jest tutaj specjalne traktowanie słowa „z”. W tym szczególnym stylu często widzisz łączące słowa używane jako ujście dla upiększenia graficznego.
Beczka + BARC | Wyzwanie 24 godziny
Ten atrakcyjny stos wykorzystuje wiele białych znaków i tworzy wyraźny pionowy prostokąt. 24-godzinny element nagłówka jest wzmocniony grafiką słońca i księżyca na dole i po raz kolejny widzimy dwie poziome linie używane do oddzielenia treści (to zdecydowanie wydaje się być trendem).
Zauważ, że cały nagłówek jest pogrubiony i pisany wielkimi literami, a następnie wstrząśnięty w ostatnim słowie (wyzwanie), które zawiera pogrubioną czcionkę pochyloną we wszystkich małych literach.
Sanctuary T. Shop
Bardzo podoba mi się to, jak powtórzono tutaj liściastą grafikę, aby stworzyć ramkę dla nagłówka. Jest to dość unikalna sztuczka, której nie widać w innych przykładach.
Ponownie widzimy zarówno kursywę, jak i odstępstwo od wszystkich wielkich liter, które są używane jako podstawowe narzędzia do podkreślenia określonego obszaru nagłówka.
Sztuka i design Shyama Golden
Efekt typograficzny działa tutaj dobrze na tle pergaminu, a mała grafika w wizjerze jest wyjątkowo nostalgiczna.
Zauważ, jak słowa łączące są zminimalizowane, wyśrodkowane w pionie i pochylone, jak omówiliśmy powyżej. To dodaje wizualną zmienność nagłówka i pozwala wyróżnić większe, ważniejsze słowa.
Festiwal Finere
Tutaj widzimy niesamowicie skomplikowany skrypt połączony z naprawdę odważnym krojem pisma. Zwróć uwagę na duży kontrast między grubymi i cienkimi obszarami większego kroju pisma. Te cienkie obszary pomagają nawiązać do powyższego skryptu.
Nagłówek jest otoczony nie dwiema liniami ciągłymi, ale trzema cienkimi liniami popchniętymi do siebie, tworząc grubszą całość. Ponownie widzimy to eksperymentowanie z grubym i cienkim jak z typografią. Odbywa się to również poprzez elementy graficzne po lewej i prawej stronie.
Kabina projektowa
Ten przykuł niemałą uwagę dzięki Dribbble. Na pierwszy rzut oka ten klejnot elementu projektu jest zwodniczo prosty. Jednakże, kiedy naprawdę to weźmiesz, możesz docenić poziom pracy, która się w to zaangażowała.
Podstawą jest duża „TDC” z efektem ekranowania z tyłu osiągniętym przez rozmieszczone ukośne linie tego typu. Jest to co ciekawe odcięte przez linię dwóch pikseli (jeden jasny, jeden ciemny) podzieloną pośrodku z kilkoma diamentami. Aż do głównego typu, każde słowo ma swoją własną odmianę czcionek (wzór i kabina różnią się pogrubieniem), a słowo „design” ma jeszcze inny efekt cienia na ekranie, tym razem z kropkowanym wzorem.
Ogólnie rzecz biorąc, doskonały mały projekt w stylu, który jest znacznie trudniejszy do pomyślnego wykonania niż się wydaje!
Grip Limited
Ta zwariowana strona przenosi pomysł na nagłówki na zupełnie nowy poziom, całkowicie wypełniając je stroną. To zdecydowanie trochę przytłaczające, ale ogólny efekt jest wyjątkowy i zdecydowanie retro.
Ilustracja Monkeyworks
Wydaje mi się, że kroje szeryfowe płyt są naprawdę piękne. Jest to względnie prosty projekt, który możesz rozwinąć w ciągu kilku minut, ale końcowy wynik jest znacznie lepszy niż napisanie nagłówka i nazwanie go dniem.
Światła Linnei
Tutaj widzimy, jak skomplikowana idea skryptu została doprowadzona do skrajności. Zwróć uwagę, że krzywe czcionki zostały zduplikowane w oddzielnych ozdobach. Na pierwszy rzut oka wszystko wygląda jak jedna skomplikowana, spleciona ze sobą grafika.
Ta technika zdecydowanie zapewnia wysokiej klasy wygląd kaligrafii, którego można oczekiwać na drogiej etykiecie wina.
Pokaż nam swoje!
Teraz, gdy zobaczysz naszą kolekcję pięknych nagłówków, otwórz Photoshopa i Illustratora i stwórz własną. Prześlij go do Dribbble, Flickr lub innej witryny do udostępniania zdjęć i opublikuj link poniżej, abyśmy mogli rzucić okiem.
Pamiętaj także o umieszczeniu w Internecie niesamowitych nagłówków.
Udostępnianie jest niesamowite. Wklej ten przydatny fragment na Twitterze lub Facebooku, aby udostępnić artykuł znajomym:
Ponad 15 pięknych i eleganckich wzorów nagłówków http://ow.ly/2Bi7e
