Idag ska vi prata om stilar inom webbdesign, och accenten vi gör ligger på tidningsstilen. I det här inlägget kommer du att ta reda på de mest utmärkande egenskaperna hos denna design och få några användbara tips att följa för att få bättre resultat med ditt projekt.

Stil är en total kombination av hur du designar din webbplats. Stil är också ett sätt att kommunicera mellan dig och din publik. Varje webbdesignstil har sin specifika uppsättning komponenter.

De viktigaste stilarna inom webbdesign är:

rena;
grungy;
vintage/retro;
illustration;
tidning/tidning.

Tidningsstil användes främst för onlinetidningar och tidskrifter, eftersom deras tryckta versioner har denna struktur. Idag är denna design lämplig för alla webbplatser, särskilt om den måste vara innehållstung. Webbplatsen gjord i tidningsstil är lätt att känna igen bland många andra genom en innehållsrik layout, struktur med flera spalter, enkla och kontrasterande färger.

Layout för tidningswebbplats: Egenskaper

1 svart på vitt

Traditionell tryckt tidning är vit eller grå och texten är svart. Denna färgkombo är perfekt för våra ögon. Färgernas kontraster underlättar läsbarheten och det är därför detta färgschema är det mest lämpliga för tidningshemsidor, som vanligtvis är fyllda med mycket innehåll. Du kan gå åt sidan från denna klassiska färgblandning, men du bör alltid tänka på att kontrast är ett måste. Du kan vända på det vanliga färgvalet så att bakgrunden blir svart och typografin vit. Men använd aldrig gult på svart, grönt på blått, rosa på blått etc. Försök att läsa hemsidan själv, om dina ögon mår bra efter kan du anamma de utvalda färgerna på ditt webbprojekt.

Neutralt ljus och mörkt är grundfärger, men det kan finnas fler accentfärger som används. Till exempel är blått bra att använda för rubriker, rött skulle vara perfekt för knappar. Navigeringsmenyflikarna kan dekoreras med en ljusare eller mörkare nyans av primärfärgen, eller färgas på samma sätt som accentdetaljer. Så menyn kommer att sticka ut på duken och ge användarna en perfekt visuell upplevelse.

2 Minimal grafik

Webbplatsen med tidningslayout är ren, informativ, strukturell och har grafiska element utformade noggrant och på det minimalistiska sättet. Grafiska element är:

rader
former
färger
typografi
texturer.

Som vi redan nämnt är färgpaletten alltid enkel på sådana webbplatser. Texturerna används sällan på tidningswebbdesign, eftersom en vägg av text med bilder på en trä- eller grungestruktur kommer att distrahera dina besökare och förvärra läsbarheten av innehållet. Ändå är pappersstrukturen rätt till saken här. Det kan vara en bakgrundsstruktur, knappstruktur eller användas för bara sidhuvuds- eller sidfotsområden.

Den vanliga rutnätsbaserade designen eller layouten med flera kolumner minskar användningen av former och linjer, eftersom det finns tillräckligt med dem ändå. Det skulle bli för mycket geometri om du designar din rätt formwebbplats med en extra uppsättning figurer.

3 Rutnätsbaserad design eller layout med flera kolumner

Tidningswebbplatsens layout är den med perfekt organiserad struktur. Det här är innehållsrika webbplatser som vanligtvis har den här typen av design, så struktur kommer att bli den första. Rutnät eller kolumner är de mest användbara typerna av innehållsarrangemang. Det är sant att "väldesignade rutsystem kan göra dina mönster inte bara vackrare och mer läsbara, utan mer användbara" (Mark Boulton). Den rutnätsbaserade layouten låter dig dela upp innehållet i omfattande block; därigenom engagera användare att läsa din webbplats inte skumma.

Liknande men inte samma är layout med flera kolumner. Dessa bör vara några kolumner med rätt höjd, men inte nödvändigtvis samma bredd. Ju bredare kolumnerna är, desto mer läsbar är texten. Två kolumner kan göra ett snyggt utseende, även om tre och fler är definitivt bättre. Kolumnerna, som rutnät, hjälper till att differentiera innehållet, gör det lättare för användare att hitta en intresserad sektion. Medan du väljer den här layoutstilen bör du inte glömma kolumngapet. Webbplatsen kommer att vara extremt svår att läsa om kolumnerna är för täta mot varandra.

4 Rubriker och utdrag

Vill du öppna varje inlägg och läsa det när du går in på en hemsida eller blogg med många texter? Rubriker hjälper oss att skilja intressant artikel från den sekundära. Så varje innehållsblock måste vara berättigat. Oavsett om det är ett litet avsnitt på ett rutnät eller en kolumn i full höjd bör den ha en rubrik. Rubriken ska ha ett större typsnitt, skrivs med fet stil eller markerad med en annan färg. Denna punkt är tydlig, föreslår jag.

Utdrag är korta beskrivningar av textartiklarna. Dessa görs alltid för att väcka läsarnas intresse och ge dem förståelse för en lång text på några få meningar. Detta element är användbart om du driver en blogg, onlinetidning, nyhetswebbplats, etc.

5 Primärt och sekundärt innehåll

Rita en gräns mellan delarna av ditt innehåll. Definiera vad som är viktigast och vilka texter som kan vänta på att bli lästa. Du kan till exempel designa din förstasida med en stor rubrik för nya inlägg (ett eller ett par). Detta är ett utvalt område med stora bilder och grafik. Det övriga innehållet kommer att vara mindre och baserat på rutnätsfraktioner. Detta gör ett starkt fokus på den senaste ankomsten och hjälper till att få fler sociala andelar.

6 Intuitiv och konsekvent navigering

Tidningswebbplatsens layout är utformad för innehåll och detta innehåll måste vara lätt att navigera. Följaktligen kännetecknas navigeringsmenyn av sin enkelhet och rätta position.

Den bästa positionen är ett område på den övre sidan, eftersom denna zon är den första som nämns och den är alltid på samma plats – scrolla bara uppåt om du är längst ner. Om du älskar vertikal navigering och inte kan sluta älska den – gör din meny orienterad vertikalt men gör det till vänster. Vi läser från vänster till höger och inte vice versa, så elementen till vänster faller in i ögat tidigare än till höger.

Webbplatser i tidningsstil delar massor av texter och de måste vara tillgängliga för användarna.

7 Kategorisering

Bättre användning av kategorier finns mest tillgängligt inom tidningswebbplatsens layout. Det hänvisar till bloggar särskilt, och alla andra webbplatser också. De flesta webbplatser misslyckas, eftersom de har innehåll rent organiserat. Kategorier är nödvändiga om du gör inlägg ofta och om olika ämnen (t.ex. nyhetswebbplatser).

Dela upp ditt innehåll i kategorier och visa dem antingen på en sidofält eller på navigeringsmenyraden.

8 Utrymme för reklam

Hur ska du tjäna pengar innan din webbplats blir populär? Annons är hur många webbplatsägare gör ganska stora vinster. Annonsbanners måste placeras inte bara någonstans utan denna position måste definieras exakt. Rätt platser är sidofält, både vänster och höger, sidhuvud eller sidfot. Reklambanners syns ofta mitt i textartiklarna, men denna punkt är kontroversiell: det är bra för dig som person som tar pengar för detta, men dessa element kan också irritera din läsekrets.

9 Funktionell sidofält

Sidofältet kan inte bara innehålla annonser, utan innehållskategorier, senaste innehåll, sökruta, nyhetsbrevsfält för e-post, navigering, knappar för social delning, rabatter/specialerbjudanden, etc. Layouten för tidningswebbplatser är bra att implementera sidofältet på, eftersom det skulle vara en annan kolumn i raden.

Det finns ett par ingredienser i en framgångsrik sidofältsdesign:

storlek (höjd och vikt);
färger;
typsnitt;
placering.

En sidofält ska vara mindre eller lika med den vanliga kolumnen i din layout, inget större. Den ska hållas i neutrala färger, men med synlig typografi. Placeringen kan vara både vänster och höger men som vi redan sa allt till vänster syns direkt.

10 White Space Maximering

Så långt som vi skapar en multifunktionell webbplats med imponerande layout, kan vi inte annat än minnas vitt utrymme. Detta är en viktig komponent även för en tidningsdesign. Låt det vara mellanrum mellan kolumner, tomma sektioner från sidorna eller längst ner. Användare ska ha en chans att vända blicken från textväggen och tänka om.

I allmänhet anses vitt utrymme vara ett avsnitt där ingenting skrivs. Det finns en mer snäv betydelse: vitt utrymme är mellan textrader och bokstäver, runt innehållselement. Det är allt som gör din webbplats mer läsbar och enkel, även om den är fylld med ett för stort antal innehållsobjekt.

11 Frekventa innehållsuppdateringar

Tidningswebbplatsens layout tvingar dig att hela tiden arbeta med ditt projekt. Webbplatsen med många kolumner och rutnätssektioner som är tomma kommer att se obekvämt ut. Du måste fylla webbplatsen noggrant och hålla fast vid tendensen att uppgradera innehållet regelbundet, göra dina publikationer ofta och ändra det utvalda innehållet i rubriken (eller var du än gör det).

Innehåll och frekvens är ett par, som kung och drottning. Förutom själva webbplatsens utseende, påverkar ofta innehåll dina resultat i sökmotorer. Folk besöker din webbplats sällan, om den är föråldrad och Google ser den. Så ditt innehåll får sämre resultat i sökresultaten.

12 Social delning uppmuntras

Bloggar och nyhetssajter är de vanligaste att använda tidningsstil, och dessa webbplatser kan inte existera utan integration med sociala medier. Det är massdelningens epok, och sociala nätverk är där människor tillbringar mycket av sin tid. Du bör använda coola följ- och dela-knappar för varje nätverk: Twitter, Facebook, Google+, Pinterest, LinkedIn, etc. Den enda försiktigheten: använd inte de konton du övergav, använd bara de du publicerar ofta. Skapa dessa knappar mest synliga på webbplatsen för att säkerställa dig själv en bättre visuell exponering på medieplattformarna.

En sak till som vi skulle vilja nämna om särdragen med tidningswebbplatslayout är lyhördheten. Den här layouten kommer aldrig att förbli densamma på mobila enheter, och det finns inget sätt att göra en mobilversion som håller den i en tidningsstil. Mobilwebbplats bör inte ha ett innehållsarrangemang med flera kolumner, och detta är ett måste för tidningswebbdesign. En mobilwebbplats kan inte ha sidofält. Och det är bättre att ompröva navigeringen, eftersom det är mer användbart att göra din mobilsajt rullbar istället för klickbar.