Designprinsipper for layout for avisnettsted

Fra mai 5, 2024

I dag skal vi snakke om stiler innen nettstedsdesign, og aksenten vi lager er på avisstilen. I dette innlegget vil du finne ut de mest karakteristiske trekk ved dette designet og få noen nyttige tips å følge for å få et bedre resultat med prosjektet ditt.

Stil er en total kombinasjon av hvordan du designer nettstedet ditt. Stil er også en måte å kommunisere på mellom deg og publikum. Hver webdesignstil har sitt spesifikke sett med komponenter.

De viktigste stilene innen webdesign er:

ren;
grungy;
vintage/retro;
illustrasjon;
avis/magasin.

Avisstil ble først og fremst brukt til nettaviser og magasiner, da deres trykte versjoner har denne strukturen. I dag passer dette designet for ethvert nettsted, spesielt hvis det må være innholdstungt. Nettstedet laget i avisstil er lett å kjenne igjen blant mange andre med en innholdsrik layout, flerspaltestruktur, enkle og kontrasterende farger.

Avisnettstedsoppsett: Kjennetegn

Содержание показать

1 svart på hvitt

Tradisjonell trykt avis er hvit eller grå og teksten er svart. Denne fargekombinasjonen er perfekt for øynene våre. Fargekontrasten letter lesbarheten, og det er grunnen til at dette fargeskjemaet er best egnet for nettsteder i avisstil, som vanligvis er fylt med mye innhold. Du kan gå til side fra denne klassiske fargeblandingen, men du bør alltid huske på at kontrast er et must. Du kan snu det vanlige fargevalget slik at bakgrunnen er svart og typografien hvit. Men bruk aldri gult på svart, grønt på blått, rosa på blått osv. Prøv å lese nettsiden selv, hvis øynene dine har det bra etterpå, kan du adoptere de valgte fargene på nettprosjektet ditt.

Nøytralt lys og mørkt er grunnfarger, men det kan brukes flere aksentfarger. For eksempel er blått godt å bruke for overskrifter, rødt vil være perfekt for knapper. Navigasjonsmenyfanene kan dekoreres med en lysere eller mørkere nyanse av primærfargen, eller farges på samme måte som aksentdetaljer. Så menyen vil skille seg ut på lerretet og gi brukerne en perfekt visuell opplevelse.

2 Minimal grafikk

Nettsiden med avisoppsett er ren, informativ, strukturell og har grafiske elementer utformet nøyaktig og på den minimalistiske måten. Grafiske elementer er:

linjer
former
farger
typografi
teksturer.

Som vi allerede har nevnt, er fargepaletten alltid enkel på slike nettsteder. Teksturene brukes sjelden på aviswebdesign, fordi en vegg med tekst med bilder på en tre- eller grungetekstur vil distrahere de besøkende og forverre lesbarheten til innholdet. Ikke desto mindre er papirtekstur rett til poenget her. Det kan være en bakgrunnstekstur, knappetekstur eller brukes til bare topp- eller bunntekstområder.

Den vanlige rutenettbaserte utformingen eller utformingen med flere kolonner reduserer bruken av former og linjer, fordi det er nok av dem uansett. Det ville bli for mye geometri hvis du designer ditt riktige nettsted med et ekstra sett med figurer.

3 Rutenettbasert design eller multi-kolonne layout

Avisnettstedets layout er den med perfekt organisert struktur. Dette er innholdsrike nettsteder som vanligvis har denne typen design, og derfor kommer strukturen til å være den første. Rutenett eller kolonner er de mest nyttige typene innholdsarrangement. Det er sant at «godt designede rutenettsystemer kan gjøre designene dine ikke bare vakrere og mer lesbare, men også mer brukbare» (Mark Boulton). Det rutenettbaserte oppsettet lar deg dele innholdet i omfattende blokker; dermed engasjere brukere til å lese nettstedet ditt, ikke skumle.

Lignende, men ikke det samme, er flerkolonneoppsett. Disse skal være noen få kolonner med riktig høyde, men ikke nødvendigvis samme bredde. Jo bredere kolonnene er, jo mer lesbar er teksten. To kolonner kan gi et flott utseende, men tre og flere er definitivt bedre. Kolonnene, som rutenett, bidrar til å skille innholdet, gjør det lettere for brukere å finne en interessert seksjon. Mens du går for denne stilen med layout, bør du ikke glemme kolonnegapet. Nettsiden vil være ekstremt vanskelig å lese hvis kolonnene er for tette til hverandre.

4 Overskrifter og utdrag

Vil du åpne hvert innlegg og lese det når du går inn på en nettside eller blogg med mange tekster? Overskrifter hjelper oss å skille interessant artikkel fra den sekundære. Så hver innholdsblokk må ha rett. Enten det er en liten del av et rutenett eller en kolonne i full høyde, bør den ha en overskrift. Overskriften skal ha en større skrift, skrevet med fet skrift eller uthevet med en annen farge. Dette punktet er klart, foreslår jeg.

Utdrag er korte beskrivelser av tekstartiklene. Disse gjøres alltid for å vekke lesernes interesse og gi dem en forståelse av en lang tekst i noen få setninger. Dette elementet er nyttig hvis du driver en blogg, netttidsskrift, nyhetsnettsted osv.

5 Primært og sekundært innhold

Tegn en grense mellom delene av innholdet ditt. Definer hva som er det viktigste og hvilke tekster som kan vente med å bli lest. Du kan for eksempel designe forsiden din med en stor overskriftsdel for nye innlegg (ett eller et par). Dette er et utvalgt område med store bilder og grafikk. Det øvrige innholdet vil være mindre og basert på rutenettfraksjoner. Dette gjør et sterkt fokus på den siste ankomsten og bidrar til å få flere sosiale aksjer.

6 Intuitiv og konsekvent navigering

Avisnettstedets layout er designet for innhold, og dette innholdet må være lett å navigere. Følgelig er navigasjonsmenyen preget av sin enkelhet og riktige plassering.

Den beste plasseringen er et toppsideområde, fordi denne sonen er den første som nevnes, og den er alltid på samme sted – bare bla opp hvis du er nederst. I tilfelle, du elsker vertikal navigering og kan ikke slutte å elske det – gjør menyen orientert vertikalt, men gjør det til venstre. Vi leser fra venstre til høyre og ikke omvendt, så elementene til venstre faller inn i øyet tidligere enn til høyre.

Nettsteder i avisstil deler tonnevis av tekster, og de må være tilgjengelige for brukere.

7 Kategorisering

Bedre bruk av kategorier er mest tilgjengelig i avisens nettstedoppsett . Det refererer spesielt til blogger, og alle andre nettsteder også. De fleste nettsteder mislykkes fordi de har innhold rent organisert. Kategorier er nødvendige hvis du legger ut ofte og om forskjellige emner (f.eks. nyhetsnettsteder).

Del innholdet inn i kategorier og vis dem enten på en sidefelt eller på navigasjonsmenylinjen.

8 Plass for reklame

Hvordan skal du tjene penger før nettstedet ditt blir populært? Annonse er hvor mange nettstedeiere som tjener ganske store. Annonsebannere må ikke bare plasseres et sted, men denne plasseringen må defineres nøyaktig. De riktige stedene er sidefelt, både venstre og høyre, topptekst eller bunntekst. Kampanjebannere ses ofte midt i tekstartiklene, men dette punktet er kontroversielt: det er bra for deg som tar penger for dette, men disse elementene kan også irritere lesertall.

9 Funksjonell sidepanel

Sidepanelet kan ikke bare inneholde annonser, men innholdskategorier, nylig innhold, søkeboks, nyhetsbrevlinje på e-post, navigasjon, sosiale delingsknapper, rabatter/spesialtilbud osv. Avisnettstedsoppsett er flott å implementere sidefelt på, fordi det ville være bare en annen kolonne i raden.

Det er et par ingredienser i et vellykket sidefeltdesign:

størrelse (høyde og vekt);
farger;
fonter;
plassering.

Et sidefelt skal være mindre eller lik den vanlige kolonnen på layouten din, på ingen måte større. Den skal holdes i nøytrale farger, men med synlig typografi. Plasseringen kan være både venstre og høyre, men som vi allerede sa, vises alt til venstre umiddelbart.

10 White Space Maksimering

Så langt som vi lager et multifunksjonelt nettsted med imponerende layout, kan vi ikke annet enn å huske på hvitt mellomrom. Dette er en viktig komponent selv for et avisstildesign. La det være mellomrom mellom kolonner, tomme seksjoner fra sidene eller nederst. Brukere bør ha en sjanse til å vende blikket bort fra tekstveggen og tenke seg om.

Vanligvis anses hvitt mellomrom å være en seksjon der ingenting er skrevet. Det er en mer snever betydning: hvitt mellomrom er mellom tekstlinjer og bokstaver, rundt innholdselementer. Det er alt som gjør nettstedet ditt mer lesbart og enkelt, selv om det er fylt med et for stort antall innholdselementer.

11 Hyppige innholdsoppdateringer

Oppsett av avisnettsted forplikter deg til å jobbe med prosjektet ditt konstant. Nettstedet med mange kolonner og rutenettseksjoner som er tomme vil se vanskelig ut. Du må fylle nettstedet grundig, og følge med på tendensen til å oppgradere innholdet regelmessig, gjøre publikasjonene hyppige og endre det fremhevede innholdet i overskriften (eller hvor enn du gjør det).

Innhold og frekvens er et par, som konge og dronning. I tillegg til nettstedets utseende, påvirker hyppig innhold resultatene dine i søkemotorer. Folk besøker nettstedet ditt sjelden, hvis det er utdatert, og Google ser det. Så innholdet ditt får dårligere resultater i søkeresultatene.

12 Sosial deling oppmuntret

Blogger og nyhetssider er de vanligste å bruke avisstil, og disse nettstedene kan ikke eksistere uten integrasjon av sosiale medier. Det er epoken for massedeling, og sosiale nettverk er der folk bruker mye av tiden sin. Du bør bruke kule følg- og del-knapper for hvert nettverk: Twitter, Facebook, Google+, Pinterest, LinkedIn osv. Den eneste advarselen: ikke bruk kontoene du har forlatt, bruk bare de du legger ut på ofte. Lag disse knappene som er mest synlige på nettstedet for å sikre deg en bedre visuell eksponering på medieplattformene.

En annen ting vi ønsker å nevne om det særegne ved oppsett av avisnettsted er responsen. Dette oppsettet vil aldri forbli det samme på mobile enheter, og det er ingen måte å lage en mobilversjon med å holde den i en avisstil. Mobilnettsted bør ikke ha en innholdsordning med flere spalter, og dette er et must for aviswebdesign. Et mobilnettsted kan ikke ha sidefelt. Og det er bedre å revurdere navigasjonen, fordi det er mer nyttig å gjøre mobilsiden din rullbar i stedet for klikkbar.