Naukowcy twierdzą, że masz ok
Tekst w obszarze nagłówka witryny jest kluczowym źródłem informacji. Co mówisz jest oczywiście istotne, ale należy je również wziąć pod uwagę w jaki sposób ty to mówisz.
Typografia jest głosem Twojej witryny. Wybór odpowiedniej typografii nie tylko pomaga w przekazaniu wiadomości, ale ma także wpływ na ton, a nawet sprawia, że Twoja marka będzie bardziej rozpoznawalna. Dlatego na świecie jest ponad 300,000 XNUMX czcionek do wyboru, od klasycznych po… cóż, szalone.
Przy tak wielu opcjach znalezienie własnego, odpowiedniego stylu może być wyzwaniem, zwłaszcza jeśli nie wiesz, jak czcionki ze sobą współdziałają. W tym poście omówimy niektóre z naszych ulubionych par czcionek, które pomogą Ci zaprojektować nagłówek wiadomości, który konwertuje.
Wszystkie poniższe przykłady zostały utworzone przy użyciu narzędzi do projektowania dostępnych w witrynie Ecwid Instant Site — bezpłatnym i wydajnym narzędziu do tworzenia witryn e-commerce, dzięki któremu Twój sklep szybko się rozkręci i zacznie sprzedawać. Dowiedz się więcej o opcjach projektowania witryny błyskawicznejlub zarejestruj się za darmo żeby zobaczyć to w akcji.
Jak zmienić czcionki w edytorze Ecwid Instant Site:
- Idź do Strona internetowa w panelu sterowania Ecwid i kliknij „Edytuj”;
- Wybierz „Nagłówek i okładka”;
- Wpisz nagłówek i opis swojego sklepu. Wybierz układ okładki i w razie potrzeby zmień jej położenie i wyrównanie. W razie potrzeby możesz także zmienić tło i przycisk wezwania do działania;
- Przewiń w dół i wybierz „Typografia”;
- Wybierz rodzinę czcionek, kolory i rozmiary nagłówka i opisu;
- Nie zapomnij nacisnąć przycisku „Zapisz”, kiedy skończysz.
Spirax + Open Sans skondensowany
Oryginalne krzywizny Spiraxa nadają nagłówkom wyrafinowany, ale i kapryśny wygląd
Merriweather + Oswald
Merriweather jest przyjemny do czytania na ekranach dzięki lekko skondensowanym formom liter, mocnym szeryfom i otwartym formom. Idealnie współgra z Oswaldem, czcionką inspirowaną klasycznym stylem gotyckim i groteskowym końca XIX i początku XX wieku. To połączenie może pasować do sklepu, który sprzedaje
Abril Fatface + kabina
Cienkie szeryfy i
Montserrat + Merriweather
Montserrat opiera się na typografii miejskiej z pierwszej połowy XX wieku, uzupełnionej nieco skondensowanymi literami Merriweather. To połączenie będzie dobrze wyglądać w sklepie z torbami lub butami.
Owerlok + Nunito
Zaokrąglone kształty glifów overlocka pozwalają na tworzenie świetnych tytułów i krótkich tekstów
Playfair Display + Source Sans Pro
Klasyczny styl Playfair Display jest jeszcze bardziej widoczny w połączeniu z Source Sans Pro, który został stworzony, aby dobrze działać w interfejsach użytkownika. To ponadczasowe połączenie sprawdzi się zarówno w sklepach specjalizujących się w kobiecych kosmetykach, jak i w sklepach z odzieżą.
Alegreya + Lato
Dynamiczny i różnorodny rytm Alegreyi dodaje świeżości stronie, wyprzedzając Lato
Rokkitt + Lato
Rokkitt został zaprojektowany do stosowania jako czcionka wyświetlana w nagłówkach i nagłówkach. Połącz to z
Ruchome Piaski + Proxima Nova
Geometryczne kształty są podstawą Quicksand, więc połącz je z nowoczesną wrażliwością Proxima Nova, aby nadać swojemu układowi czysty, świeży akcent. Jeśli sprzedajesz zabawki lub wózki dziecięce, te czcionki mogą być dla Ciebie odpowiednie.
Tlen + Maven Pro
Oxygen działa dobrze we wszystkich graficznych interfejsach użytkownika, komputerach stacjonarnych i urządzeniach, szczególnie w połączeniu z łatwą czytelnością Maven Pro. Sprawdź to połączenie, jeśli Twoja witryna sprzedaje okulary lub akcesoria fitness.
Scenariusz tańca + Lato
Żywy i swobodny skrypt taneczny nadaje Twojej stronie przyjazny i nieformalny charakter, podkreślając klasyczne proporcje Lato i elegancką estetykę San Serif. Z tego zestawu mogą skorzystać sklepy z pamiątkami i pocztówkami.
Signika + Dawka
Łagodny charakter Signiki świetnie sprawdza się w przypadku nagłówków, natomiast Dosis sprawia, że teksty uzupełniające są dość łatwe do odczytania. To połączenie sprawdza się w przypadku szerokiej gamy sklepów, od elektroniki po kwiaty.
Czapka Reenie + Muli
Reenie Beanie opiera się na podstawach
Questrial + Muli
San serif Muli to idealna czcionka do tekstu podstawowego, a jej dyskretna estetyka oznacza, że dobrze komponuje się z szeroką gamą czcionek nagłówkowych: takich jak Questrial ze swoim nowoczesnym stylem i
Berkshire Swash + Proxima Nova
Berkshire Swash ma odważny, a jednocześnie delikatny styl, który tworzy żywy nagłówek i zapewnia niesamowitą równowagę z prostymi, nowoczesnymi proporcjami i geometrycznym wyglądem Proxima Nova. Z tej mieszanki skorzystają ręcznie robione kosmetyki lub desery.
Podstawy parowania czcionek
Nie znalazłeś na naszej liście tego, czego szukasz? Jeśli masz ochotę na kreatywność, spróbuj pobawić się czcionkami w darmowym edytorze Instant Site i znajdź własną piękną kombinację czcionek.
Oto kilka podstawowych wskazówek, których należy przestrzegać:
- Utwórz kontrast pomiędzy czcionkami (pogrubienie i kursywny, WYSOKI i niski)
- Połącz szeryf i
bezszeryfowy czcionki (jak Libre Baskerville + Signika). - Nie używaj dwóch podobnych czcionek (na przykład dwóch kursyw) zarówno w nagłówku, jak i w tekście głównym. Tworzenie różnorodności przyciągnie wzrok i pomoże Twojemu klientowi zaangażować się w każdą sekcję indywidualnie.
- Dopasuj czcionkę do swojej marki. Zabawne, odręczne litery prawdopodobnie nie pasują najlepiej do marki biżuterii premium.
- Ogranicz się do
2-3 czcionek, aby uniknąć bałaganu w treści.
Przeczytaj także: 50 przykładowych sklepów internetowych zbudowanych przy użyciu Ecwid
- Jak naprawić nawigację w sklepie
- Wszystko, co musisz wiedzieć o merchandisingu produktów
- Merchandising online: jak rozmieścić produkty w sklepie internetowym
- Czym jest Fashion Merchandising i dlaczego jest tak ważny?
- 10 błędów projektowych sklepów internetowych
- 15 idealnych par czcionek dla Twojej witryny e-commerce
- Teoria kolorów: wszystko, co musisz wiedzieć o motywach kolorów
- 7 kreatywnych pomysłów na stronę produktu e-commerce
- Siła wizerunku bohatera w projektowaniu stron internetowych
Must-have Zasady UX, których należy przestrzegać w sklepie internetowym- Audyt projektu strony internetowej
- Odblokowanie mocy projektowania UX dla e-commerce
- Jaka jest różnica między interfejsem użytkownika a UX w e-commerce?