Täna räägime veebisaitide kujundamise stiilidest ja rõhk on ajalehe stiilil. Sellest postitusest saate teada selle kujunduse kõige iseloomulikumad omadused ja saada kasulikke näpunäiteid, mida järgida, et oma projektiga paremaid tulemusi saavutada.

Stiil on täielik kombinatsioon sellest, kuidas te oma veebisaidi kujundate. Stiil on ka suhtlusviis teie ja teie publiku vahel. Igal veebidisaini stiilil on oma spetsiifiline komponentide komplekt.

Peamised veebidisaini stiilid on:

puhas;
grungy;
vintage/retro;
illustratsioon;
ajaleht/ajakiri.

Ajalehestiili kasutati peamiselt veebiajalehtede ja -ajakirjade jaoks, kuna nende trükitud versioonidel on selline struktuur. Tänapäeval sobib see kujundus iga veebisaidi jaoks, eriti kui see peab olema sisutihe. Ajalehestiilis tehtud veebisaiti on paljude teiste seas lihtne ära tunda sisurikka küljenduse, mitmeveerulise ülesehituse, lihtsate ja kontrastsete värvide järgi.

Ajalehe veebisaidi kujundus: omadused

1 Must valgel

Traditsiooniline trükitud ajaleht on valge või hall ja tekst on must. See värvikombo sobib meie silmadele suurepäraselt. Värvide kontrastsus hõlbustab loetavust ja seetõttu on see värvilahendus kõige sobivam ajalehestiilis veebisaitidele, mis on tavaliselt palju sisu täis. Võite sellest klassikalisest värvikombinatsioonist kõrvale astuda, kuid peaksite alati meeles pidama, et kontrast on kohustuslik. Saate tavalise värvivaliku ümber pöörata, muutes tausta mustaks ja tüpograafia valgeks. Kuid ärge kunagi kasutage kollast mustal, rohelist sinisel, roosat sinisel jne. Proovige veebisaiti ise lugeda, kui teie silmad pärast tunnevad end hästi, võite valitud värvid oma veebiprojekti kasutada.

Neutraalne hele ja tume on põhivärvid, kuid aktsentvärve võib kasutada rohkem. Näiteks on sinist hea kasutada pealkirjade jaoks, punane sobiks suurepäraselt nuppude jaoks. Navigeerimismenüü vahekaarte saab kaunistada põhivärvi heledama või tumedama tooniga või värvida sama värviga kui aktsentdetailid. Seega paistab menüü lõuendil silma ja toob kasutajatele täiusliku visuaalse kogemuse.

2 Minimaalne graafika

Ajalehe küljendusega veebileht on puhas, informatiivne, struktuurne ning täpselt ja minimalistlikult kujundatud graafiliste elementidega. Graafilised elemendid on:

read
kujundid
värvid
tüpograafia
tekstuurid.

Nagu me juba mainisime, on sellistel veebisaitidel värvipalett alati lihtne. Tekstuure kasutatakse ajalehtede veebikujunduses harva, sest puit- või grunge-tekstuuril piltidega tekstisein hajutab teie külastajate tähelepanu ja halvendab sisu loetavust. Sellegipoolest on paberi tekstuur siin asjakohane. See võib olla taustatekstuur, nuppude tekstuur või kasutada ainult päise või jaluse alade jaoks.

Tavaline ruudustikupõhine disain või mitme veeru paigutus kärpib kujundite ja joonte kasutamist, sest neid on niikuinii piisavalt. Geomeetriat oleks liiga palju, kui kujundaksite oma õiges vormis veebisaidi täiendava arvude komplektiga.

3 Ruudustikupõhine disain või mitme veeru paigutus

Ajalehe veebisaidi kujundus on täiuslikult organiseeritud ülesehitusega. Need on sisurikkad veebisaidid, millel on tavaliselt selline kujundus, ja seega on esimene struktuur. Ruudustik või veerud on sisu paigutuse kõige kasulikumad tüübid. On tõsi, et "hästi kavandatud ruudustikusüsteemid muudavad teie kujundused mitte ainult ilusamaks ja loetavamaks, vaid ka kasutatavamaks" (Mark Boulton). Ruudustikupõhine paigutus võimaldab jagada sisu terviklikeks plokkideks; seeläbi meelitada kasutajaid teie veebisaiti lugema, mitte lugema.

Sarnane, kuid mitte sama on mitme veeru paigutus. Need peaksid olema paar õige kõrgusega, kuid mitte tingimata sama laiusega veergu. Mida laiemad on veerud, seda loetavam on tekst. Kaks veergu võivad anda suurepärase välimuse, kuigi kolm ja enam on kindlasti paremad. Veerud ruudustikuna aitavad sisu eristada, hõlbustavad kasutajatel huvipakkuva jaotise leidmist. Seda paigutusstiili valides ei tohiks unustada veergude vahet. Veebilehte on äärmiselt raske lugeda, kui veerud on üksteisega liiga tihedalt kokku puutunud.

4 pealkirjad ja väljavõtted

Kas soovite avada iga postituse ja seda lugeda, kui sisenete paljude tekstidega veebisaidile või ajaveebi? Pealkirjad aitavad meil huvitavat artiklit teisest artiklist eristada. Seega peab igal sisuplokil olema õigus. Olenemata sellest, kas see on ruudustiku väike osa või täiskõrgusega veerg, peaks sellel olema pealkiri. Pealkiri peab olema suurema kirjaga, trükitud paksus kirjas või esile tõstetud erineva värviga. See punkt on selge, ma soovitan.

Väljavõtted on tekstiartiklite lühikirjeldused. Neid tehakse alati selleks, et tõsta lugejate huvi ja anda neile mõne lausega aru pikast tekstist. See element on kasulik, kui peate ajaveebi, veebiajakirja, uudiste veebisaiti jne.

5 Esmane ja sekundaarne sisu

Joonistage oma sisu osade vahele piir. Määrake, mis on kõige olulisem ja millised tekstid võivad lugemist oodata. Näiteks saate oma esilehe kujundada suure päiseosaga uute postituste jaoks (üks või paar). See on suurte piltide ja graafikaga esiletõstetud ala. Muu sisu on väiksem ja põhineb ruudustiku murdudel. See keskendub tugevalt viimasele saabumisele ja aitab saada rohkem sotsiaalseid jagamisi.

6 Intuitiivne ja järjekindel navigeerimine

Ajalehe veebisaidi kujundus on mõeldud sisu jaoks ja see sisu peab olema hõlpsasti navigeeritav. Sellest tulenevalt iseloomustab navigeerimismenüüd selle lihtsus ja õige asend.

Parim positsioon on lehe ülemine ala, sest seda tsooni mainitakse esimesena ja see on alati samas kohas – kerige lihtsalt üles, kui olete allosas. Kui teile meeldib vertikaalne navigeerimine ja ei saa seda armastada – muutke oma menüü vertikaalseks, kuid tehke seda vasakul. Me loeme vasakult paremale ja mitte vastupidi, nii et vasakpoolsed elemendid langevad silma varem kui paremal.

Ajalehestiilis veebisaidid jagavad palju tekste ja need peavad olema kasutajatele kättesaadavad.

7 Kategoriseerimine

Kategooriate parem kasutamine on kõige enam saadaval ajalehe veebisaidi paigutuses. See viitab eriti ajaveebidele ja ka teistele veebisaitidele. Enamik saite ebaõnnestub, kuna nende sisu on puhtalt organiseeritud. Kategooriad on vajalikud, kui postitate sageli ja erinevatel teemadel (nt uudiste veebisaidid).

Jagage oma sisu kategooriatesse ja kuvage need kas külgribal või navigeerimismenüüribal.

8 Ruum reklaamile

Kuidas kavatsete raha teenida enne, kui teie veebisait populaarseks muutub? Reklaam näitab, kuidas paljud veebisaidi omanikud teenivad üsna suurt kasumit. Reklaamibännerid ei pea olema paigutatud lihtsalt kuhugi, vaid see asukoht tuleb täpselt määratleda. Õiged kohad on külgriba, nii vasak kui ka parem, päis või jalus. Reklaamibännereid näeb sageli otse tekstiartiklite keskel, kuid see punkt on vastuoluline: see on teile kui inimesele, kes selle eest raha võtab, hea, kuid need elemendid võivad ka teie lugejaskonda ärritada.

9 Funktsionaalne külgriba

Külgriba võib sisaldada mitte ainult reklaame, vaid sisukategooriaid, hiljutist sisu, otsingukasti, e-kirja uudiskirja riba, navigeerimist, suhtlusvõrgustike jagamise nuppe, allahindlusi/eripakkumisi jne. Ajalehe veebisaidi paigutust on suurepärane külgriba rakendamiseks, sest see oleks lihtsalt teine veerus reas.

Eduka külgriba kujunduse jaoks on paar koostisosa:

suurus (pikkus ja kaal);
värvid;
fondid;
paigutus.

Külgriba peaks olema paigutuse tavalise veeruga väiksem või võrdne, mitte mingil juhul suurem. Seda tuleks hoida neutraalsetes värvides, kuid nähtava tüpograafiaga. Paigutus võib olla nii vasak kui ka parem, kuid nagu me juba ütlesime, on kõik vasakpoolne kohe näha.

10 Valge ruumi maksimeerimine

Seni, kui loome muljetavaldava kujundusega multifunktsionaalset veebisaiti, ei saa me unustada tühikuid. See on isegi ajalehestiilis kujunduse oluline komponent. Olgu selleks ruumi veergude vahel, tühjad sektsioonid külgedelt või alt. Kasutajatel peaks olema võimalus oma pilk tekstiseinalt ära pöörata ja järele mõelda.

Üldjuhul peetakse tühikuks jaotist, kuhu midagi ei trükita. Sellel on kitsam tähendus: tühik on tekstiridade ja tähtede vahel, sisuelementide ümber. See on kõik, mis muudab teie veebisaidi loetavamaks ja lihtsamaks, kuigi see on täis liiga palju sisuüksusi.

11 Sagedased sisuvärskendused

Ajalehe veebisaidi kujundus kohustab teid pidevalt oma projekti kallal töötama. Paljude tühjade veergude ja ruudustikuosadega veebisait näeb kohmakas välja. Peate veebisaiti põhjalikult täitma ja järgima kalduvust sisu regulaarselt uuendada, avaldada sageli ja muuta esiletõstetud sisu päises (või kus iganes te seda teete).

Sisu ja sagedus on paar nagu kuningas ja kuninganna. Lisaks veebisaidi välimusele mõjutab sagedane sisu teie tulemusi otsingumootorites. Inimesed külastavad teie veebisaiti harva, kui see on aegunud, ja Google näeb seda. Seega saab teie sisu otsingutulemustes halvemaid punkte.

12 Sotsiaalset jagamist julgustatakse

Ajalehtede stiilis kasutatakse kõige sagedamini ajaveebi ja uudistesaite ning need veebisaidid ei saa eksisteerida ilma sotsiaalmeedia integreerimiseta. See on massilise jagamise epohh ja sotsiaalvõrgustikud on koht, kus inimesed veedavad suure osa oma ajast. Peaksite kasutama lahedaid jälgimis- ja jagamisnuppe iga võrgu jaoks: Twitter, Facebook, Google+, Pinterest, LinkedIn jne. Ainus hoiatus: ärge kasutage kontosid, mille olete hüljanud, kasutage ainult neid, millele sageli postitate. Looge need nupud veebisaidil kõige nähtavamaks, et tagada endale parem visuaalne kokkupuude meediaplatvormidel.

Veel üks asi, mida tahaksime ajalehtede veebilehe paigutuse iseärasuste kohta mainida, on reageerimisvõime. See paigutus ei jää mobiilseadmetes kunagi samaks ja pole võimalik teha mobiiliversiooni, hoides seda ajalehestiilis. Mobiiliveebisaidil ei tohiks olla mitmeveerulist sisukorraldust ja see on ajalehtede veebikujunduse jaoks kohustuslik. Mobiiliveebisaidil ei saa olla külgribasid. Ja parem on navigeerimine uuesti läbi mõelda, sest kasulikum on muuta mobiilisait keritavaks, mitte klikitavaks.