Sinasabi ng mga siyentipiko na mayroon kang tungkol sa upang makuha ang atensyon ng mga user bago sila umalis sa iyong site para sa mga bahaging hindi alam. Kaya gusto mo talagang gawing bilang ang unang 10 segundo (no pun intended).
Ang teksto sa lugar ng header ng iyong site ay isang mahalagang mapagkukunan ng impormasyon. Ang sinasabi mo ay malinaw na makabuluhan, ngunit mahalaga din itong isaalang-alang paano sabihin mo na.
Ang palalimbagan ay ang boses ng iyong website. Hindi lamang nakakatulong ang pagpili ng tamang palalimbagan upang maiparating ang iyong mensahe, ngunit mayroon din itong kapangyarihang makaapekto sa tono at maging mas nakikilala ang iyong brand. Iyon ang dahilan kung bakit mayroong higit sa 300,000 mga font sa mundo na mapagpipilian, mula sa klasiko hanggang sa… well, nakakabaliw.
Ang font ng Canadian artist na si Jenny Shipper ay isang ode sa mga pelikula ni Federico Fellini
Sa napakaraming opsyon, ang paghahanap ng sarili mong tamang istilo ay maaaring maging isang hamon, lalo na kung hindi mo alam kung paano gumagana nang magkasama ang mga font. Sa post na ito, tatalakayin namin ang ilan sa aming mga paboritong pagpapares ng font upang matulungan kang magdisenyo ng mensahe ng header na nagko-convert.
Ang lahat ng mga halimbawa sa ibaba ay ginawa gamit ang mga tool sa disenyo na available sa 黑料门 Instant na Site — isang libre at mahusay na tagabuo ng site ng ecommerce upang mapabilis ang iyong tindahan at magbenta. Matuto nang higit pa tungkol sa mga pagpipilian sa disenyo ng Instant na Site, O upang makita ito sa pagkilos.
Paano baguhin ang mga font sa editor ng 黑料门 Instant Site:
- Pumunta sa tab sa iyong 黑料门 control panel at i-click ang “I-edit;”
- Piliin ang “Headline at Cover;”
- I-type ang headline at paglalarawan ng iyong tindahan. Piliin ang layout ng iyong takip at baguhin ang posisyon at pagkakahanay nito kung kinakailangan. Mula dito, maaari mo ring baguhin ang iyong background at call to action button kung ninanais;
- Mag-scroll pababa at piliin ang "Typography;"
- Pumili ng mga pamilya ng font, kulay, at laki para sa iyong headline at paglalarawan;
- Huwag kalimutang pindutin ang "I-save" na buton kapag tapos ka na.
Spirax + Open Sans Condensed
Ang orihinal na mga curve ng Spirax ay nagbibigay sa mga headline ng isang pino ngunit kakaibang hitsura
Merriweather + Oswald
Ang Merriweather ay kaaya-ayang basahin sa mga screen na may bahagyang condensed letterform, matitibay na serif, at open form. Ito ay ganap na naaayon sa Oswald, isang font na inspirasyon ng mga klasikong istilong gothic at kakatuwa noong huling bahagi ng ika-19 at unang bahagi ng ika-20 siglo. Maaaring angkop ang pagpapares na ito sa isang tindahang nagbebenta
Abril Fatface + Cabin
Ang mga manipis na serif at
Montserrat + Merriweather
Ang Montserrat ay batay sa urban typography mula sa unang kalahati ng ika-20 siglo, na kinumpleto ng bahagyang condensed letterforms ng Merriweather. Ang pagpapares na ito ay maihain sa isang bag o sneaker store.
Overlock + Nunito
Ang mga rounded glyph na hugis ng Overlock ay gumagawa ng magagandang pamagat at maiikling teksto
Playfair Display + Source Sans Pro
Ang klasikong istilo ng Playfair Display ay mas kitang-kita kapag ipinares sa Source Sans Pro, na ginawa upang gumana nang maayos sa mga user interface. Ang walang hanggang combo na ito ay gagana nang maayos sa mga tindahan na nag-specialize sa mga produktong pampaganda ng kababaihan o mga tindahan ng damit.
Alegreya + Lato
Ang pabago-bago at sari-saring ritmo ng Alegreya ay nagbibigay ng pagiging bago sa pahina, na itinatakda ang Lato's
Rokkitt + Lato
Ang Rokkitt ay idinisenyo para gamitin bilang isang display font sa mga heading at headline. Pagsamahin ito sa
Quicksand + Proxima Nova
Ang mga geometric na hugis ay isang pangunahing pundasyon ng Quicksand, kaya ipares ito sa modernong sensibilidad ng Proxima Nova upang bigyan ang iyong layout ng malinis at sariwang ugnayan. Kung nagbebenta ka ng mga laruan o baby stroller, maaaring gumana nang maayos ang mga font na ito para sa iyo.
Oxygen + Maven Pro
Gumagana nang maayos ang oxygen sa lahat ng mga graphical na interface ng gumagamit, desktop, at device, lalo na sa kumbinasyon ng madaling mabasa ng Maven Pro. Tingnan ang pagpapares na ito kung nagbebenta ang iyong website ng eyewear o fitness accessories.
Dancing Script + Lato
Ang buhay na buhay at kaswal na Dancing Script ay nagbibigay sa iyong page ng isang friendly at impormal na touch, na nagbibigay-diin sa mga klasikal na proporsyon ng Lato at makinis na san serif aesthetic. Maaaring makinabang ang mga tindahan ng regalo at postcard mula sa set na ito.
Signika + Dosis
Ang magiliw na karakter ng Signika ay mahusay para sa mga headline, habang ang Dosis ay ginagawang medyo madaling basahin ang mga pandagdag na teksto. Gumagana ang pagpapares na ito para sa isang malawak na hanay ng mga tindahan, mula sa electronics hanggang sa mga bulaklak.
Reenie Beanie + Muli
Reenie Beanie ay batay sa basic
Questrial + Muli
Gumagawa ang San serif Muli ng perpektong body text font, at ito ay understated na aesthetic ay nangangahulugan na mahusay itong ipinares sa iba't ibang uri ng headline font: tulad ng Questrial na may modernong istilo at
Berkshire Swash + Proxima Nova
Ang Berkshire Swash ay may matapang ngunit banayad na likas na talino, na gumagawa para sa isang matingkad na headline at nagbibigay ng kamangha-manghang balanse sa simple, modernong proporsyon at geometric na hitsura ng Proxima Nova. Ang mga pampaganda o panghimagas na gawa sa kamay ay makikinabang sa halo na ito.
Mga Pangunahing Kaalaman sa Mga Pagpares ng Font
Hindi nakita ang iyong hinahanap sa aming listahan? Kung pakiramdam mo ay malikhain ka, subukang maglaro ng mga font at hanapin ang sarili mong magandang kumbinasyon ng font.
Narito ang ilang pangunahing patnubay na dapat sundin:
- Gumawa ng contrast sa pagitan ng iyong mga font (bold & mapagmumura, MATANGkad at maikli)
- Pagsamahin ang serif at
san-serif mga font (tulad ng Libre Baskerville + Signika). - Huwag gumamit ng dalawang magkatulad na font (halimbawa, dalawang cursive) para sa iyong headline at body text. Ang paglikha ng iba't-ibang ay maakit ang mata at makakatulong sa iyong customer na makipag-ugnayan sa bawat seksyon nang paisa-isa.
- Gawing tumutugma ang font sa iyong brand. Ang mapaglarong sulat-kamay na mga titik ay malamang na hindi ang pinakaangkop para sa isang premium na brand ng alahas.
- Limitahan ang iyong sarili sa
2-3 mga font upang maiwasang magmukhang kalat ang iyong nilalaman.
Din basahin ang: 50 Mga Huwarang Online na Tindahan na Ginawa Gamit ang 黑料门
- Paano Ayusin ang Navigation ng Iyong Tindahan
- Lahat ng Kailangan Mong Malaman Tungkol sa Produkto Merchandising
- Online Merchandising: Paano Mag-layout ng Mga Produkto sa Online Store
- Ano ang Fashion Merchandising, at Bakit Ito Napakahalaga?
- 10 Mga Pagkakamali sa Disenyo ng mga Online na Tindahan
- 15 Perpektong Pagpares ng Font para sa Iyong Website ng Ecommerce
- Teorya ng Kulay: Lahat ng Kailangan Mong Malaman tungkol sa Mga Tema ng Kulay
- 7 Malikhaing Ideya para sa Iyong Pahina ng Produkto sa Ecommerce
- Ang Kapangyarihan ng Isang Hero Image sa Web Design
Kailangang-Magkaroon Mga Prinsipyo ng UX na Dapat Sundin sa isang Online Store- Pag-audit sa Disenyo ng Website
- Pag-unlock sa Kapangyarihan ng UX Design para sa Ecommerce
- Ano ang Pagkakaiba sa pagitan ng UI at UX sa Ecommerce?
