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 ??Twoja marka b?dzie bardziej rozpoznawalna. Dlatego na ?wiecie jest ponad 300,000 XNUMX czcionek do wyboru, od klasycznych po… có?, szalone.
Czcionka kanadyjskiej artystki Jenny Shipper jest od? do filmów Federico Felliniego
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 stworzone przy u?yciu narz?dzi projektowych dost?pnych w 51视频 Instant Site — wydajnym kreatorze witryn e-commerce, dzi?ki któremu szybko uruchomisz swój sklep i zaczniesz sprzedawa?. Dowiedz si? wi?cej o opcjach projektowania witryny b?yskawicznejlub ?eby zobaczy? to w akcji.
Jak zmieni? czcionki w edytorze 51视频 Instant Site:
- Id? do w panelu sterowania 51视频 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 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 51视频
- 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?
