Veebikujundus koos vinge tüpograafiarakendusega
Veebisait koosneb paljudest komponentidest ja paljud meist võivad oma komponentide valimisel erineda, mis muudab veebisaidi visuaalselt ilusaks. Teemad, värvid, pildid on kõik mõjutavad tegurid, kuid see, mis tõstab veebis tunde ja loob veebis tunde, on tüpograafiarakendus.
Pildid ja teemad võivad meie veebisaidi kohta palju rääkida, kuid lõpuks toetuvad teie veebisaidi vaatajad veebisaidi teenuste täielikuks mõistmiseks teie veebisaidil kirjutatud teabele. Samuti peate meeles pidama, et teie veebisait peaks olema trendis, st mis iganes praegune stiil on, peaks teie veebisait olema kujundatud selle stiili järgi. Nüüd on trendiks see, et kujundus peaks olema võimalikult väike ja seetõttu on veebitüpograafia rakenduse kujundusel nüüd väga oluline roll.
Kujutise allikas: pixabay.comTüpograafiarakendus pole midagi muud kui veebikujunduse tüübi kuvamise viis, mis tähendab, kas kirjutatud sõna on olemas. Font, suurus, vahed, värv ja kõik kuuluvad tüpograafia alla. Oluline on märkida, et hoolimata sellest, kui peen on teie veebisaidi teema või kui atraktiivsed on värvid, teeb selle tüpograafiarakendus tõesti ainulaadseks.
Kuid nagu ka arvukalt vigu, mida veebisaitide kujundamisel piltide, teemade jms abil saate teha, peate ilmsete probleemide vältimiseks järgima ka teatud juhiseid, kui räägite oma veebisaidi tüpograafiarakenduse kasutamisest.
- Ärge proovige ja tehke liiga palju. Kasutage oma kujunduses maksimaalselt 2–4 fonti või nägu. Kui kasutate rohkem fontüüpe, muudab see teie veebisaidi puhtaks ja ilusaks muutmise asemel segaseks ja segaduses.
- Säilitage õige hierarhia. See aitab teie vaatajatel hõlpsalt teie veebisaiti läbida. Teksti ja elementide joondamise ja paigutuse viis määrab meeleolu ja juhised, mida oma veebisaidi kasutamisel tuleb järgida.
On ainult üks oluline reegel: „Sisu on kuningas!“ Muutke sisu oma prioriteediks ja kõik muu langeb selle ümber. Veebis on saadaval palju tööriistu, mis aitavad teil oma tüpograafiaoskust aidata. Typekiti praktika on üks tööriistu, millest peaksite alustama. Tunnid on kujundatud nii, et sinust saab kiiresti asjatundja tüpograafiaprofessionaal. Moodulmõõtmed, Wordmark.it, Hoefler & Co., FontFace Ninja, Google Fonts ja veel palju tööriistu on olemas, et muuta teie tüpograafiaoskused parimaks, mis teil võimalik on.
Ägeda tüpograafiaga veebisaitide loetelu
1. New Yorker - parim tüpograafiarakendusest inspireeritud veebisaidid.
Vana ja traditsioonilise välimuse ja olemuse saavutamiseks pole ilus siiski kerge ülesanne, kuid The New Yorker aitab teil seda suurepäraselt teha. See on veebiajakiri, millele on lihtne juurde pääseda ja mis on väga stiilne. Igihaljaste värvide, nagu punane, must ja valge, varjundiga hall, kasutamine näeb välja nagu trükitud ajakiri. Samuti muudab The New Yorker loetava ja elegantse fondi kasutamise, taustvärviga kontrastsed värvid on üks parimatest tüpograafiaoskuste inspireeritud veebisaitidest.
2. Moresoda
Must taust vajab trendikaks muutmiseks värvide poppi. Moresoda seab trendi, kasutades pilkupüüdvaid värve, nagu erkroosa, sinine ja heleroheline, koos taustal oleva mustaga. Seal on ainult üks värv, mis läheks nende kõigi juurde, kui soovite midagi lehele kirjutada ja see on valge. Vaid paar lauset siin ja paar sõna seal muudavad Moresoda kenaks ja trendi määravaks veebisaidiks.
3. hea
Veebisaidi nimi ise ütleb selle stiili kohta palju! Puhas, loetav font koos minimaalse värvide kasutamise ja suurepärase vahekauguse ja paigutusega muudavad saidi TEE headeks!
Must, hall ja valge on klassikaline kombinatsioon ja asjade üsna lihtsaks pidamine on tohutu oht, et Hea veebisaidi loojad olid valmis võtma ja see tasus end ära. Paksude pealkirjade suur kirjasuurus köidab teie tähelepanu ja sellega kaasnev lugu, ehkki võrdluses üsna väiksem, on siiski täiesti selge. Niisiis, Hea on selles mõttes suurepärase töö ära teinud!
4. Infokiiver
Saate oma veebisaidile ilusaima taustapildi panna, et selle ilmet paremaks muuta, kuid mõnikord täiustab ilus tüpograafiarakendus tausta ja teeb teie eest tööd!
Aga mis siis, kui teil on tühi lõuend? Kuidas muuta tühi leht atraktiivseks? Vastus on jälle lihtne. Kasutage oma veebidisaini oskusi tüpograafia rakenduse kunstis. Informatsioon Highwaymanil pole midagi taustal. See on täiesti tühi, paberilehena valge ja kasutatud pole ka väljamõeldud välimusega fonti, kuid fontide ja värvide lihtne kasutamine tekstis muudab selle väga atraktiivseks ja stiilseks veebisaidiks. Information Highway lihtsus on hingematvalt uhke!
5. Black Estate - parim tüpograafia rakendus
Black Estate teeb oma nimele õigluse, andes vaatajatele silmatorkavalt tumeda taustaga veebisaidi … mustas kirjas! Ja me kõik oleksime nõus, et must ja valge on klassikaline kombinatsioon. See on kõigi lähenemisviis ja seetõttu pole see mitte ainult turvaline, vaid ka nutikas valik.
Valged tähed viivad veebisaidi elegantsi ja ilu kõrgemale tasemele. Kõik pole mitte ainult selgelt nähtav, vaid ka selleks, et muuta see võluvamaks, pole vaja muud. Kõik, mida vajatakse, on keeruka fondi kasutamine. „Musta ilu” kasutatakse sageli tumedama jumega kauni inimese kirjeldamiseks. Veebisaitide maailmas on Black Estate “must kaunitar”.
Soovitatavad kursused
- AJAX sertifikaadikoolitus
- Täielik kiirtesti professionaalne kursus
- Veebikursus ExtJS-i teemal
- CISSP veebikoolitus
6. Elysium Burns
Elysium Burns on täiuslik näide keerukusest ja stiilist! Sellel veebisaidil on palju elemente, kuid iga element on erinev ja selge. See pole eriti värvikas, kuid siiski, erinevate fondi stiilide ja fondi suuruste kasutamine erinevate funktsioonide jaoks muudab selle veebisaidi jama asemel heaks.
Ettevõtte nime jaoks on erinev font, teine pealkirjade ja teine alamrubriikide jaoks ning täiesti erinev nende pealkirjade alla kuuluva sisu jaoks. Kujunduse seisukohast on ühel lehel palju toimumas, kuid need kõik on kokku pandud, et see kõik oleks mõttekas.
7. Tippige iga päev
Kui sõna Type in Type Daily ei tee seda ilmseks, siis siin see on, Type Daily on veebisait, mis pakub linki muude tüüpi veebisaitidega. Kujundus on väga lihtne. Seal on lihtsalt lingid teistele veebisaitidele, erkroheline, mis ilmub välja tumedal taustal ja mis muutub kena oranži varjundiks, kui tiirutate selle kohal. Lihtne, kuid tõhus!
8. Harjumatu tarkuse parim tüpograafia rakendus
Kunagi kuulnud fraasi “Julge on ilus!”, Lööb Erratic Wisdom selle fraasiga märki. Viimane postitus Boldi tüpograafiaoskuse kohta mustal taustal koos väikeste valgete punktidega ruudustikuga moodustavad selle saidi tänapäevase aura. Seevastu kogu veebisait pöörab lihtsalt taustakombinatsiooni ümber. Valgel lehel on must ruut, mis moodustab täpid.
Ebatavaline tarkus on kaasaegne ja lubab öelda, et selle kujunduses on eksitav.
9. Analoog
Selle veebisaidi esimene leht on järgmine: “Analog on sõprade ettevõte, kes loob veebisaite. See on ühistu, kus areneb kujutlusvõime, disain ja inseneritehnika: head tööd teevad head inimesed. ”
Jah, tõesti väga hea töö. Kui veebisaidi teemat hindavad selle juurde kuuluva tüübi kasutamine, on tulemuseks täiuslik veebisait. Kontrastsed värvid esteetilise tekstiga muudavad Analogi arukalt kujundatud veebisaidiks.
10. Lülitage Mediaworks ümber
Te kõik olete teadlikud kurikuulsast ütlusest, et “tegevus räägib valjemini kui sõnad”. Muutkem seda lihtsalt natuke, “disain räägib valjemini kui sõnad”. Miks küllastada veebileht, sisestades sinna palju elemente, kui paar rida ja paar pilti täiuslikku tööd teevad?
See on visuaalne maiuspala, mida Switch Mediaworks oma vaatajatele pakub. Klassikaline värvikombinatsioon, kaasaegsed tüpograafiaoskused ja teie unistuste auto esilehel, see on selle veebisaidi suurepärasus.
11. Loend peale
Loend Apart on sarnane, kuid teistsugune kui paljud seal olevad veebisaidid. Sellel on minimaalne kujundus, mis võib tunduda tuttav, kuid elementide paigutus ja vahekaugus teevad sellest ühe ilusa veebisaidi. Fondi suuruse, värvide kasutamise ja vahekomplekti sobiv määramine A List Apart, klass APART! See on kujundamine parimal moel!
12. Jason Santa Maria parim tüpograafia rakendus
Vähem on rohkem! Kui tõene see väide on? Jason Santa Maria mängib selle lee-filosoofia ümber. Pole palju elemente, pole palju värve. Artiklite pealkirjad on lihtsalt julged ja atraktiivsed ning Jason Santa Mariast saab inspireeriv veebisait. See on oma lihtsuses ainulaadne, värske ja tähelepanu taotlev.
13. Helveticons Best Typography app
Mõnikord vaatad midagi ja äkki oled jälle laps. Mõned asjad tuletavad teile meelde teie lapsepõlve, nagu ka Helveticoni logo. See on nagu see pilt geomeetriakastis, mida kasutasite oma matemaatikaõppesse või kunsti- ja joonistusklassidesse.
Lehel on erekollane leht nagu paberilehel, kui see pärast neljaks kokkupanemist kokku puutub. See on helehalli taustal, valge ja musta tüpograafiaga. See on täpselt nagu geomeetriakast, mis mul varem oli. Helevticons on veebisait, mis on loodud teiega suhtlemiseks viisil, mis läheb läbi teie silmade ja otse südamesse!
Nagu need kujundused? Seejärel olge loominguline, kui kujundate oma pimestavaid veebisaite. Veebi kujundamine on seotud nende pisidetailide ja funktsioonidega. Loodetavasti inspireerivad need 13 vinge veebisaiti teid looma tüpograafiatehnikatega hämmastava välimusega veebisaiti, mis veelgi tugevdaks selle ilu!
Soovitatavad artiklid
See on olnud tüpograafiarakenduse juhend. Tüübi kuvamisviis on kõike muud kui kirjutatud sõna. Need on järgmised tüpograafiarakendusega seotud välislingid.
- AJAX-i intervjuu küsimuste olulised sammud
- Kuus peamist sammu veebisaitide tõhusaks linkide loomiseks
- 2016. aasta kümme parimat veebikujunduse suundumust, mida peate teadma
- 10 olulist sammu oma veebisaidi kujunduse kujunduse loomiseks