Hvernig á að gera tegundina meira aðlaðandi á vefnum
Það er ekki óalgengt fyrir hönnuður í heimi í dag að borga smá athygli á því hvernig gerð er lögð fram, sérstaklega með því að alltaf eins og venjulega sjálfgefna stillingar fyrirsagnir og vefur örugg letur sem finnast almennt á vefnum.
Ef við sem gagnvirkir hönnuðir getum við tekið smá tíma þegar kemur að leturfræði en niðurstöðurnar sýndu einstakt, vel hugsað hönnun, í mótsögn við sköpun "hlaupanna".
Það er gott tækifæri að meirihluti hönnuða og hönnun sem þú dáist að sýna gott dæmi um leturfræði.
Ég mun sýna þér nokkrar skref sem ég tek í klip sett gerð til að vera meira aðlaðandi en þessar sjálfgefna aðstæður af 24px H1 tags ásamt 13px sett í Times New Roman.
Ekki sætta sig við sjálfgefnar stillingar, allir eru að gera það.
Hér höfum við sífellt algengt útlit fyrirsögn ásamt klumpur líkamsafrita til að fylgja. Þetta dregur ekki nákvæmlega þig inn eða setur sig í sundur frá öllum öðrum sýnum eins og það, ekki satt? Til að gera textasýnið meira sjónrænt aðlaðandi, í fyrsta lagi ætlum við að gera nokkrar breytingar með leturvali okkar.
Veldu leturgerð sem mun hafa meiri sjónþyngd með fyrirsögninni þinni
Þó að leturval sé ekki nákvæmlega "leturfræði" þá er það í raun hlutfallslegt hluti til að hjálpa gerð á síðu að greina sig frá öðrum þáttum. Með upphaf @ font-andlitsins eru miklar magn af valkostum í boði fyrir hönnuðir hvar sem er.
Hér hef ég notað Extra Condensed Gothic Style letur sem auðvelt er að finna á ókeypis letur síðu eins og FontSquirrel.com. Ef við stoppum og hugsum um það, þá ætti nafnið "Condensed" að þýða eitthvað, því það er í raun þéttari en venjulegt bókstíll fjölskyldumeðlimur, sem er nákvæmlega það sem við viljum út úr fyrirsögn: eitthvað sem dregur notandanum inn og sannarlega setur sig í sundur frá líkamsyfirlitinu. Það tekst örugglega að taka athygli þína betur en upprunalega en það eru nokkur atriði sem við gætum gert til að bæta textann betur.
Gerðu það meira aðlaðandi með tveimur línum af CSS
Núverandi breyting er í bókstöfum; Þeir eru allir fjármagnaðir núna en þeir hafa nú einnig neikvæða hugsun á milli allra stafina (tækni sem fer yfir frá dagblaðinu).
Bæði þessi einkenni geta auðveldlega verið náð með CSS, { text-transform: uppercase; og bréfabili: -Xpx; }. Með því að gera þessar tvær línur virði af kóða breytingum, leiðir það til verulegrar batnunar á sjónþyngd, sérstaklega yfir upprunalegu.
Vinna út síðustu síðustu klip
Í næsta skrefi hefur letrið sem notað er í líkamanum er breytt í hreinni sans-serif, sem betur lýkur fyrirsögninni. Við nálgumst miklu meira sjónrænt aðlaðandi hönnun, en það eru nokkrar breytingar sem við getum gert til að hreinsa það upp enn frekar.
Eins og grænir vísbendingar sýna eru ójöfn margar línur og hvaða typographers eins og að kalla "munaðarlaus". Sem er eitt orð sem fellur niður í síðustu línu málsins. Það skapar mjög ólíkan þyngd sjónrænt samanborið við það sem eftir er af textanum, og þetta mál er hægt að leysa auðveldlega með því að endurskoða textann örlítið.
Þegar um margar er að ræða, er engin regla að allir verði jafnir. Hins vegar, ef þú ert að byrja á ungum vefhönnunarferli, þá er gott að hafa jafna framvindu þar til þú upplifir og lærir aðferðir sem leyfa þér að ná lengra en viðmiðunarreglur typesetting og náðu markmiðinu þínu sjónrænt.
Eftir að þú hefur búið til jafnvægi sjónrænt striga með því að fjarlægja munaðarleysinguna og stilla marmunina geturðu séð niðurstöðu, vel sett gerð sýnishorn sem er þægilegt þar sem hún liggur.
Hverjir eru bestu ábendingar þínar um vefritgerð? Láttu okkur vita í athugasemdum!