Innehållet i en webbdesign skapar ett område eller objekt som är kontaktpunkten för sidan. Det är ett sätt att få ett element att stå ut i designen. Brännpunkten kan vara större än andra delar av konstruktionen eller starkt färgad - som båda tenderar att rita ögat. När du utformar en webbsida kan du lägga till betoning genom att välja ett ord eller en fras och tilldela den en färg, ett teckensnitt eller en storlek som gör det tydligt, men det finns många andra sätt att använda tonvikt i din design.
Användning av betoning i design
Ett av de största misstag som webbdesigners kan göra är att försöka göra allt i designen sticka ut. När allt har lika stor tyngd, verkar designen upptagen och förvirrande eller värre - tråkig och otrevlig. För att skapa en kontaktpunkt i en webbdesign, förbise inte användningen av:
- Rader: Skapa tonvikt däremot. Om flera element är horisontella blir ett vertikalt element fokuseringspunkten.
- Färg: Om de flesta element i designen är mörka eller dämpade, lockar något föremål med färg ögat.
- former: När de flesta former är oregelbundna, sticker en geometrisk form ut.
- Anslutning: När flera objekt är grupperade och en är skild från gruppen går ögat till det enskilda objektet.
- Placering: Även om det finns undantag, drabbar ett element i mitten av en design vanligtvis ögat.
- Vikt: Ett tungt element lockar tittarens uppmärksamhet.
- Upprepning: När ett enkelt element för att skriva in elementet upprepas följer ögat det upprepade elementet till fokuspunkten.
- Kontrast: Förutom kontraster som skapas av färg och linjer kan kontrast genereras genom förändringar i storlek, textur eller typsnitt. Förändringen orsakar brännelementet eller betoningen att sticka ut.
- Vit utrymme Ett element omgivet av vitt (eller tomt) utrymme blir fokuspunkten.
Hierarki i webbdesigner
Hierarki är det visuella arrangemanget av designelement som indikerar vikt efter storlek. Det största elementet är det viktigaste; de mindre viktiga elementen är mindre. Fokusera på att skapa en visuell hierarki i dina webbdesigner. Om du har arbetat för att skapa ett semantiskt flöde till din HTML-uppställning, är det enkelt eftersom din webbsida redan har en hierarki. Allt du behöver göra är att betona det rätta elementet - till exempel en H1-rubrik - för största vikt.
Tillsammans med hierarkin i markup, inser att en besökares öga visar en webbsida i ett Z-mönster som börjar längst upp till vänster på skärmen. Det gör det övre vänstra hörnet av sidan ett bra ställe för ett viktigt objekt som en företagslogotyp. Det övre högra hörnet är den näst bästa placeringspositionen för viktig information.
Hur man tar med betoning på webbdesigner
Inriktning i webbdesign kan implementeras på många sätt:
- Använd semantisk markering för att ge betoning även utan några stilar.
- Ändra storleken på teckensnitt eller bilder för att betona eller avlägsna dem i designen.
- Använd kontrasterande färger för att lägga tonvikten på.
- Storlek räknas. Ett stort ord på sidan eller skärmen får omedelbar uppmärksamhet.
- Omslut fokuspunkten med vitt utrymme.
- Upprepa ett ord eller en bild för att uppmärksamma.
Var finns underordnad passform?
Subordination uppstår när du tonar ner andra element i en design för att göra fokuspunkten pop. Ett exempel är en färgstark grafik placerad mot ett svartvitt bakgrundsbild. Samma effekt uppstår när du använder dämpade färger eller färger som blandar med bakgrunden bakom fokuspunkten, vilket gör att den sticker ut.
