Naukowcy twierdz膮, 偶e masz ok aby przyci膮gn膮膰 uwag臋 u偶ytkownik贸w, zanim opuszcz膮 Twoj膮 witryn臋 w poszukiwaniu nieznanych cz臋艣ci. Wi臋c naprawd臋 chcesz, 偶eby liczy艂o si臋 pierwsze 10 sekund (bez zamierzonej gry s艂贸w).
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 鈥嬧婽woja 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 黑料门 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 偶eby zobaczy膰 to w akcji.
Jak zmieni膰 czcionki w edytorze 黑料门 Instant Site:
- Id藕 do w panelu sterowania 黑料门 i kliknij 鈥濫dytuj鈥;
- Wybierz 鈥濶ag艂贸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 鈥濼ypografia鈥;
- Wybierz rodzin臋 czcionek, kolory i rozmiary nag艂贸wka i opisu;
- Nie zapomnij nacisn膮膰 przycisku 鈥瀂apisz鈥, 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 鈥嬧媡eksty 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 鈥嬧媎obrze 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 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 黑料门
- 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?