ZinÄtnieki apgalvo, ka jums ir aptuveni lai piesaistÄ«tu lietotÄju uzmanÄ«bu, pirms viņi atstÄj jÅ«su vietni nezinÄmu daļu dēļ. TÄtad jÅ«s patieÅ¡Äm vÄ“laties, lai pirmÄs 10 sekundes bÅ«tu vÄ“rÄ Å†emamas (nav paredzÄ“ts vÄrdu spÄ“le).
Teksts jÅ«su vietnes galvenes apgabalÄ ir bÅ«tisks informÄcijas avots. Ko tu teici ir acÄ«mredzami nozÄ«mÄ«gs, taÄu tas ir arÄ« svarÄ«gi ņemt vÄ“rÄ cik tu to saki.
TipogrÄfija ir jÅ«su vietnes balss. PareizÄs tipogrÄfijas izvÄ“le ne tikai palÄ«dz nodot jÅ«su vÄ“stÄ«jumu, bet arÄ« spÄ“j ietekmÄ“t toni un pat padarÄ«t jÅ«su zÄ«molu atpazÄ«stamÄku. TÄpÄ“c pasaulÄ“ ir vairÄk nekÄ 300,000 XNUMX fontu, no kuriem izvÄ“lÄ“ties, sÄkot no klasiskÄ lÄ«dz... nu, traki.
![radoÅ¡Ä fonta piemÄ“rs](https://don16obqbay2c.cloudfront.net/wp-content/uploads/creative-font-example-1565351271.jpg)
KanÄdieÅ¡u mÄkslinieces Dženijas Å iperes fonts ir oda Federiko FellÄ«ni filmÄm
Izmantojot tik daudz iespÄ“ju, sava Ä«stÄ stila atraÅ¡ana var bÅ«t izaicinÄjums, Ä«paÅ¡i, ja nezinÄt, kÄ fonti darbojas kopÄ. Å ajÄ ziņojumÄ mÄ“s apskatÄ«sim dažus no mÅ«su iecienÄ«tÄkajiem fontu pÄriem, lai palÄ«dzÄ“tu jums izveidot galvenes ziņojumu, kas tiek pÄrveidots.
Visi tÄlÄk minÄ“tie piemÄ“ri tika izveidoti, izmantojot dizaina rÄ«kus, kas pieejami ºÚÁÏÃÅ Instant Site — tas ir bezmaksas un efektÄ«vs e-komercijas vietņu veidotÄjs, kas nodroÅ¡ina Ätru jÅ«su veikala izveidi un pÄrdoÅ¡anu. Uzziniet vairÄk par tÅ«lÄ«tÄ“jÄs vietnes dizaina iespÄ“jÄm, vai lai redzÄ“tu to darbÄ«bÄ.
KÄ mainÄ«t fontus ºÚÁÏÃÅ Instant Site redaktorÄ:
- Dodieties uz cilni savÄ ºÚÁÏÃÅ vadÄ«bas panelÄ« un noklikÅ¡Ä·iniet uz Rediģēt;
- IzvÄ“lieties "Virsraksts un vÄks;"
- Ierakstiet sava veikala virsrakstu un aprakstu. IzvÄ“lieties vÄka izkÄrtojumu un, ja nepiecieÅ¡ams, mainiet tÄ pozÄ«ciju un izlÄ«dzinÄjumu. No Å¡ejienes varat arÄ« mainÄ«t fonu un aicinÄjuma uz darbÄ«bu pogu, ja vÄ“laties;
- Ritiniet uz leju un atlasiet “TipogrÄfija;â€
- Virsrakstam un aprakstam izvÄ“lieties fontu saimes, krÄsas un izmÄ“rus;
- Kad esat pabeidzis, neaizmirstiet nospiest pogu “SaglabÄtâ€.
Spirax + Open Sans Condensed
Spirax oriÄ£inÄlÄs lÄ«knes pieÅ¡Ä·ir virsrakstiem izsmalcinÄtu, bet dÄ«vainu izskatu
Merivezers + Osvalds
Merriweather ir patÄ«kami lasÄ«t uz ekrÄniem ar nedaudz saÄ«sinÄtÄm burtu formÄm, izturÄ«gajiem serifiem un atvÄ“rtajÄm formÄm. Tas lieliski saskan ar Oswald — fontu, kuru iedvesmojuÅ¡i 19. gadsimta beigu un 20. gadsimta sÄkuma klasiskie gotikas un groteskas stili. Å Ä« savienoÅ¡ana pÄrÄ« var bÅ«t piemÄ“rota veikalam, kas pÄrdod
Abril Fatface + Cabin
Tievie serifi un
Monserata + Merivezers
Montserrata pamatÄ ir 20. gadsimta pirmÄs puses pilsÄ“tvides tipogrÄfija, ko papildina nedaudz saÄ«sinÄtÄs Merivezera burtu formas. Å is pÄrÄ« bÅ«tu labi pasniegts somu vai kedu veikalÄ.
Overloks + Nunito
Overloka noapaļotÄs glifu formas nodroÅ¡ina lieliskus nosaukumus un Ä«sus tekstus
Playfair Display + Source Sans Pro
Playfair Display klasiskais stils ir vÄ“l pamanÄmÄks, ja tas ir savienots pÄrÄ« ar Source Sans Pro, kas tika izveidots, lai labi darbotos lietotÄja saskarnÄ“s. Å Ä« mūžīgÄ kombinÄcija labi derÄ“tu veikaliem, kas specializÄ“jas sievieÅ¡u skaistumkopÅ¡anas preÄu vai kleitu veikalos.
Alegreja + Lato
Alegreja dinamiskais un daudzveidīgais ritms nodrošina lapai svaigumu, iedarbinot Lato
Rokkitt + Lato
Rokkitt bija paredzÄ“ts lietoÅ¡anai kÄ displeja fonts virsrakstos un virsrakstos. Apvienojiet to ar
Quicksand + Proxima Nova
Ä¢eometriskÄs formas ir Quicksand pamats, tÄpÄ“c savienojiet to ar Proxima Nova moderno jutÄ«gumu, lai pieÅ¡Ä·irtu izkÄrtojumam tÄ«ru, svaigu pieskÄrienu. Ja pÄrdodat rotaļlietas vai bÄ“rnu ratiņus, Å¡ie fonti var jums noderÄ“t.
SkÄbeklis + Maven Pro
SkÄbeklis labi darbojas visÄs grafiskajÄs lietotÄja saskarnÄ“s, galddatoros un ierÄ«cÄ“s, Ä«paÅ¡i kombinÄcijÄ ar Maven Pro vieglo lasÄmÄ«bu. Ja jÅ«su vietnÄ“ tiek pÄrdotas brilles vai fitnesa aksesuÄri, skatiet Å¡o savienojumu.
DejoÅ¡anas scenÄrijs + Lato
DzÄ«vespriecÄ«gais un neformÄlais Dancing Script pieÅ¡Ä·ir jÅ«su lapai draudzÄ«gu un neformÄlu pieskÄrienu, uzsverot Lato klasiskÄs proporcijas un gludo san serif estÄ“tiku. DÄvanu un pastkarÅ¡u veikali var gÅ«t labumu no Å¡Ä« komplekta.
Signika + Dosis
Signikas maigais raksturs lieliski noder virsrakstiem, savukÄrt Dosis padara papildu tekstus diezgan viegli lasÄmus. Å Ä« savienoÅ¡ana pÄrÄ« darbojas dažÄdos veikalos, sÄkot no elektronikas lÄ«dz ziediem.
Reenie Beanie + Muli
Reenie Beanie pamatÄ ir pamata
Questrial + Muli
San serif Muli veido perfektu pamatteksta fontu, un tÄ estÄ“tiskÄ izteiksme nozÄ«mÄ“, ka tas lieliski sader ar plaÅ¡u virsrakstu fontu klÄstu: piemÄ“ram, Questrial ar tÄ moderno stilu un
Berkshire Swash + Proxima Nova
Berkshire Swash ir drosmÄ«ga, taÄu maiga nojauta, kas veido spilgtu virsrakstu un nodroÅ¡ina pÄrsteidzoÅ¡u lÄ«dzsvaru ar Proxima Nova vienkÄrÅ¡ajÄm, modernajÄm proporcijÄm un Ä£eometrisko izskatu. No Å¡Ä« maisÄ«juma noderÄ“tu ar rokÄm darinÄta kosmÄ“tika vai deserti.
Fontu savienošanas pamati
Vai neatradÄt to, ko meklÄ“jÄt mÅ«su sarakstÄ? Ja jÅ«taties radoÅ¡s, mÄ“Ä£iniet spÄ“lÄ“t ar fontiem un atrodiet savu skaisto fontu kombinÄciju.
Å eit ir dažas pamata vadlÄ«nijas, kas jÄievÄ“ro:
- Izveidojiet kontrastu starp saviem fontiem (treknrakstÄ un °ì³Ü°ù²õÄ«±¹²õ, TALL & Ä«ss)
- Apvienojiet serifu un
san-serif fonti (piemÄ“ram, Libre Baskerville + Signika). - Neizmantojiet divus lÄ«dzÄ«gus fontus (piemÄ“ram, divus kursÄ«vus) gan virsrakstam, gan pamattekstam. DažÄdÄ«bas radÄ«Å¡ana pievÄ“rsÄ«s uzmanÄ«bu un palÄ«dzÄ“s jÅ«su klientam iesaistÄ«ties katrÄ sadaÄ¼Ä atseviÅ¡Ä·i.
- Lai fonts atbilstu jÅ«su zÄ«molam. Rotaļīgas ar roku rakstÄ«tas vÄ“stules, iespÄ“jams, nav vislabÄk piemÄ“rotas augstÄkÄs kvalitÄtes juvelierizstrÄdÄjumu zÄ«molam.
- Ierobežojiet sevi ar
2-3 fontus, lai jÅ«su saturs neÅ¡Ä·istu pÄrblÄ«vÄ“ts.
ArÄ« lasÄ«t: 50 izcili tieÅ¡saistes veikali, kas izveidoti ar ºÚÁÏÃÅ
- Veikala navigÄcijas sistÄ“mas laboÅ¡ana
- Viss, kas jums jÄzina par produktu tirdzniecÄ«bu
- TieÅ¡saistes tirdzniecÄ«ba: kÄ izkÄrtot produktus tieÅ¡saistes veikalÄ
- Kas ir modes tirdzniecÄ«ba un kÄpÄ“c tas ir tik svarÄ«gi?
- 10 tiešsaistes veikalu dizaina kļūdas
- 15 perfekti fontu savienojumi jūsu e-komercijas vietnei
- KrÄsu teorija: viss, kas jums jÄzina par krÄsu tÄ“mÄm
- 7 radošas idejas jūsu e-komercijas produktu lapai
- Varoņa attÄ“la spÄ“ks tÄ«mekļa dizainÄ
±·±ð±è¾±±ð³¦¾±±ðÅ¡²¹³¾²õ UX principi, kas jÄievÄ“ro tieÅ¡saistes veikalÄ- Vietnes dizaina audits
- UX dizaina jaudas atraisīšana e-komercijai
- KÄda ir atÅ¡Ä·irÄ«ba starp UI un UX e-komercijÄ?