30 af bestu auðlindafræði vefsíðna Online
Það virðist vera tveir búðir meðal vefhönnuða: þeir sem faðma vefritgerð , gera tilraunir með því og reyna nýjar hlutir í nánast öllum hönnunum þeirra; og þeir sem forðast það eins og pestinn, valið að nota staðlaða, vefur-öruggur letur stafi með litlum breytingum.
Það virðist líka eins og margir hönnuðir sem falla í seinni hópinn óska þess að þeir séu meira eins og fyrstir.
Efniviðurinn hér að neðan getur hjálpað þér að bæta vefritgerð þína, óháð því hvaða búð þú ert í.
Það eru verkfæri til að búa til einstaka leturfræði, tilvísanir og greinar sem geta kennt þér ritstjórnarreglur og fullt af innblástur og fréttum til að halda þér uppfærð á stöðu vefritunar.
Typography Tools
Typetester
Typetester gerir þér kleift að bera saman allt að þrjá letur, hlið við hlið, með hvaða texta sem þú vilt. Þú getur tilgreint upphafsstafi stærð, leturgerð, stærð, leiðandi, mælingar, röðun, orð bil, skraut, lit og bakgrunnslit til að fá mjög nákvæma mynd af því sem letur þínar munu líta út eins og á vefsíðu. Þá, þegar þú hefur allt sem lítur út eins og þú vilt, þá geturðu grípa CSS.
HTML Ipsum
HTML-Ipsum er lorem ipsum rafall sérstaklega fyrir vefhönnun. Í stað þess að bara gefa þér klumpur af texta getur HTML-Ipsum gefið þér fyrirfram snið texta eins og málsgreinar, pantaðar lista, tómar töflur, eyðublöð og flakkalistar. Fyrirfram sniðin texti eins og þetta er frábær leið til að spara tíma þegar þú býrð til vefsíðu mockups og fyrstu hönnun.
Tegundartafla
Tegundartafla gerir þér kleift að vafra um forstilltu, örugga letur og skoða þær eins og þær birtast bæði á Windows tölvu og í Mac. Þú getur flokka í gegnum leturgerðirnar með hliðsjón af stærð, letri og áherslum.
WP-typography
WP-typography er WordPress tappi sem hjálpar til við að gera venjulega WP letrið þitt meira aðlaðandi. Það styður tenginguna, rýmstýringu, greindar persónubreytingar (þar með talin vitnismerki, bindipeningar, sporöskjulaga og stærðfræði tákn) og CSS krókar til að stilla ákveðna hluti (þar með talið ampersands, skammstafanir og tölur).
CSS Tegund Set
CSS Type Set gerir þér kleift að stilla textaritun og afritaðu síðan CSS. Það er einfalt CSS rafall sem er frábært til að stilla eitt letur í einu. Það leyfir þér að stilla leturgerð, stærð, bil, leiðandi, skraut og lit.
Flipping Dæmigert
Flipping Dæmigert sýnir þér sýnishorn texta í ýmsum leturgerðunum sem þú hefur sett upp á tölvunni þinni. Það er frábær leið til að bera saman fullt af letur, hlið við hlið, allt í einu. Eina forsendan: aðeins sumar leturgerðirnar sem eru sýndar eru vefur-öruggur.
Typographic Grid
Stofnað lóðrétt taktur er ein af þeim hlutum sem skiptir máli miklu letri frá góðu letri. The Typographic Grid hjálpar að koma því lóðrétt takti fyrir þig. Það felur einnig í sér lóðrétt rist sem leiðarvísir til að staðsetja bæði leturfræði og aðra þætti.
HvaðTheFont
WhatTheFont veitir auðveldan leið til að finna út hvað tiltekið leturgerð er. Bara hlaða inn mynd (eða tilgreina slóð) og WhatTheFont mun ákvarða hvaða letur er notaður. Þetta er frábær leið til að finna leturgerðir sem hafa verið notaðar í myndum eða Flash-skrám.
CSS með lóðréttri hrynjandi
Eins og áður hefur verið getið, setur samkvæm lóðrétt taktur mikla leturgerð í sundur frá því sem aðeins er "gott". Þetta tól getur hjálpað þér að búa til CSS fyrir leturfræði sem hefur samræmda lóðréttan takt. Sláðu bara inn leturfjölskylduna, grunn leturstærðina, grunnlínuhæðina og miðunardóminum og reiknaðu til að fá CSS fyrir samræmda lóðréttan takt.
Grunnlínu Rhythm Reiknivél
Annar mikill lóðrétt hrynjandi reiknivél. Þetta mun þó sýna þér hvaða mismunandi leturstærðir líta út fyrir hliðina á hvort öðru þegar þú setur upp með lóðréttan takt. Það er frábær leið til að ganga úr skugga um að öll leturstærðin sem þú ert að nota mun líta í lagi.
Leturbrennari
Font brennari gerir þér kleift að embed letur á vefsíðum þínum með því að nota sIFR, með grafísku viðmóti. Það eru nú yfir 1000 leturgerðir í boði í gegnum Font Burner, og það er einnig WordPress tappi í boði. Allt sem þú þarft að gera til að nota það er að finna leturgerðina sem þú vilt nota, afritaðu embed kóðann og síðan líma það inn í kóðann þinnar vefsíðu.
Blind Texti Generator
Þessi dummy texti rafall leyfir þér að búa til ekki bara lorem ipsum, en einnig fjölda annarra dummy texta tegundir. Á sama tíma getur þú einnig sniðið þessi texta rétt innan rafallarinnar (smelltu á Advanced Options) og afritaðu síðan CSS.
Grunngildi
Grunngildi er rist og leturfræði ramma sem inniheldur skrár til að endurstilla vafra vanskil og byggja upp grunnritgerð. Það er góð kostur fyrir hönnuði sem vilja nota ristútgáfu og einnig vilja hjálpa við að hanna leturgerð svæðisins. Stafsetningaruppsetningin inniheldur fyrirsagnir, listi, málsgreinar, blokkatöflur og töflur, svo og nokkur önnur merkingarkóði.
Leturgerð
Font Matrix sýnir leturgerðirnar sem fylgir með Mac og Windows stýrikerfum, Microsoft Office og Adobe Creative Suite, allt í rist sem gerir það auðvelt að sjá hvaða letur eru líklegastar til að finna á hvaða tegundir tölvur. Til dæmis, ef vefsvæðið þitt gefur til kynna að mestu leyti fyrir hönnuði, gætir þú gert fyrsta leturgerðina í leturgerðinni eitthvað sem fylgir með Adobe Creative Suite, en ef vefsvæðið er ætlað viðskiptamönnum getur fyrsta letrið sem fylgir verið frá Microsoft Office.
Merki
Ritrit gerir þér kleift að gera tilraunir með mismunandi vogum og öðrum þáttum lóðréttrar taktar. Það felur í sér margs konar hefðbundna vog (þ.mt Le Corbusier og Fibonacci) auk annarra skipulagsmöguleika.
Vefur leturgerðir
Typekit
Typekit býður upp á leturgerðir frá ýmsum tegundum seljenda og steypa, þar á meðal The Movable Type, FontFont og Veer (þú getur skoðað alla listann yfir letur án þess að þurfa að skrá þig á reikning). Þau bjóða einnig upp á háþróaða stjórnunarvalkosti til að stilla leturgerðir þínar, óendanlega sveigjanleika og rásartæki sem segir gestum þínum hvaða letur þínar eru notaðar. Verðlagning fyrir Typekit er sanngjarnt, allt frá ókeypis til að fá aðgang að allt að $ 100 / ári fyrir vefsvæðum með mikla umferð.
Kernest
Kernest er vefur leturgerð sem notar OFL, GPL, GUST og Creative Commons letur, auk þeirra sem eru með viðskiptabundna leyfi. Margir letur þeirra eru ókeypis að nota (þjónustan sjálft er ókeypis) á meðan aðrir hafa áskriftargjöld sem byrja á nokkrum dollurum.
Skírnarfontur Lifandi frá Ascender
Ascender býður upp á eigin vefur letur þjónustu, Skírnarfontur Live. Þeir eru með yfir 110 leturgerð, með leturgerð frá eintökum, Microsoft, Bigelow & Holmes, og öðrum, auk eigin leturs.
Google leturforritaskil
Google býður upp á takmarkaða úrval af leturgerðum með opinn uppspretta. Þó að valið sé ekki stórt, þá er það ókeypis og studdi af Google, sem þýðir að þú ert ólíklegt að keyra inn á vandamálum um afkastagetu eða biðtíma.
TypeFront
TypeFont nálgast vefur letur svolítið öðruvísi. Frekar en að bjóða upp á bókasafn af vefkenndu letri, leyfa þeir þér að hlaða upp eigin letri sem innihalda vefvottorð. Þetta er frábær kostur ef leturgerðirnar sem þú vilt nota eru ekki í boði hjá öðrum vefþjónustum. Það er ókeypis áætlun fyrir vefsvæðum með lágt umferð, auk greiddra áætlana.
Typotheque Vefur Skírnarfontur
Typotheque býður upp á eigin vefþjónustustað til að gera letur þeirra aðgengileg til að nota @ font-face framkvæmda. Kosturinn er sá að það er bara einskiptiskostnaðurskostnaður sem nær yfir bæði prent- og vefforrit. The hæðir eru að valið er takmörkuð við bara leturgerðir þeirra.
Typography Resources & Greinar
Elements of typographic stíl beitt á vefnum
Þetta er mjög ítarlegur tilvísunarleiðbeiningar fyrir þá sem vilja læra ekki aðeins grundvallaratriði góðrar vefritunar heldur einnig háþróaður tækni og meginreglur. Það er skipt í kafla og undirlið, þ.mt lárétt og lóðrétt hreyfing, blokkir og málsgreinar, pagination, stærð og margt fleira. Það er unnið í vinnslu, svo búast við að fleiri upplýsingar birtist í framtíðinni.
Nice Web Type
Nice Web Type hefur tonn af upplýsingum um vefritgerðarsýningu. Þeir hafa "athugasemdir" um allt frá að byrja með vefritgerð til að nota CSS @ font-face. Þeir ræða einnig þróun og nýjar hugmyndir með reglulegu millibili og hafa síðu sem varið er til þess sem þeir telja að sumir af bestu leturgerðunum þarna úti.
12 Dæmi um málsgreinar leturfræði
Þetta safn sýnishornasniðsforms frá Jon Tan gefur frábært upphafspunkt fyrir alla sem hanna textaþungu síðu. Margir hönnuðir sjást yfir alla möguleika sem fylgja stílhönnun og kjósa hefðbundnar, íhaldssamir valkostir. Þessi grein sýnir að það er ekki erfitt að stíga út úr reitnum og gera eitthvað áhugavert með málsgreinum í hönnun þinni.
Typographic Andstæður og flæði
Þetta er frábær leiðsögn frá WebDesignerWall á meginreglum flæðis og andstæða í vefritgerð. Það brýtur niður þessar meginreglur í nokkra hluta, þ.mt stærð, leturgerð / flokkun, litur og þyngd.
Endurskoðuð leturgerð
Þessi grein fjallar um að auka algengar, öruggur CSS leturstafla með því að kanna aðrar algengar leturgerðir. Það skoðar einnig leturstafla af sumum vinsælum vefsíðum, ásamt tilmælum um hvernig þeir gætu bætt stafla sína.
Á vefritgerð
Þessi grein eftir Jason Santa Maria á listanum sundur er mjög alhliða útlit á pörunar letur í hönnun vefsvæðisins. Það er efni sem ekki er rætt mjög oft en er mikilvægt að skapa mikla leturgerð á vefnum.
Hugsun með gerð
Hugsun með gerð er félagi vefsíðunnar í bók sömu titils af Ellen Lupton. Það býður upp á nóg af helstu upplýsingum um leturfræði. Þó að mikið af því sé lögð áhersla á leturfræði, þá er hægt að nota nóg af þeim upplýsingum sem fylgja með vefritgerð.
10 Frábært ráð til að bæta vefritgerð þína
Listi yfir tíu einfalda hluti sem þú getur gert til að bæta leturgerð í hönnun vefsvæðisins. Það felur í sér upplýsingar um leturgerð, stærð, mælikvarða og stigveldi, leiðandi og fleira.
Typography Inspiration, Trends & News
Typophile
Typophile er vettvangur fyrir letursáhugamenn og typographers. Ef þú vilt finna út hvað er að gerast í heimi leturfræði, er Typophile frábær staður til að líta út. Það er líka góður staður til að fá hjálp við hvaða tegundaratriði sem þú gætir haft.
Ég elska Typography
ILT er blogg sem eingöngu er helgað typography. Það fjallar bæði hönnun og viðskipti efni, frá faglegu sjónarmiði. Skjalasafn þeirra er mikið, þannig að það er nóg af upplýsingum um núverandi og fyrri fréttir og þróun til að halda þér uppteknum.
við elskum typography
WLT er gallerí um leturfræði, leturgerð, merki og aðrar gerðir. Notendur geta sent myndir af tegund sem þeir elska, og það er frábært staður til að fara fyrir innblástur í innblástur fyrir næsta verkefni.
Typography fyrir fyrirsagnir
Elements of Design hefur frábært gallerí af meira en 120 dæmi um leturfræði. Þeir keyra reitina úr einföldum og flóknum, í ýmsum leturgerð og stíl. Það er frábært staður til að fara ef þú ert að leita að smá innblástur. Þeir hafa einnig myndasafn af draga tilvitnanir með 20 + dæmi.
Typographica
Typographica býður upp á tegundar umsagnir, athugasemdir og leturfræði bókrýni. Tegundarritanir þeirra eru sérstaklega upplýsandi ef þú ert að leita að því að læra um hvað gerir gott leturgerð.
Behind the Scenes of Exquisite Web Typography
Þetta er í raun fyrsta í fimm hluta röð. Þessi færsla lítur á leturgerðina á bak við listann sundur, að brjóta niður leturgerðir og stíl sem notaðar eru fyrir mismunandi hlutum vefsins. Síðustu færslur líta á: Jesús RodrÃguez Velasco , Jón Tan , Designr.it , og The Codex Transportica .
Typesites
Typesites er blogg sem sýnir reglulega frábær hönnun á vefritgerð. Síðurnar sem þeir eru með eru fjölbreyttar, en allir eru innblásturartegundir af gerðinni.
Samanlagt eingöngu fyrir Webdesigner Depot by Cameron Chapman