Hjem Sosiale medier Hvordan du bruker hvitt rom i webdesignet ditt - dummier

Hvordan du bruker hvitt rom i webdesignet ditt - dummier

Video: Web Programming - Computer Science for Business Leaders 2016 2024

Video: Web Programming - Computer Science for Business Leaders 2016 2024
Anonim

Websider som har tonnevis av ting pakket inn i hver krok og krok gjør siden vanskelig å lese og ikke gir øynene en sjanse til å hvile. Når du bygger et websider, må du alltid planlegge litt åpen plass rundt designelementene dine. De åpne områdene skaper ikke bare en mer innbydende atmosfære som ikke føles trangt, men gir også øyet mulighet til å identifisere alle områder av siden raskt, noe som gjør det mer leselig.

Her er noen designteknikker for å åpne opp oppsettet ditt og skape mer pusterom til betrakteren:

  • Bruk hvitt mellomrom klokt. White space refererer til kollektivet av åpent klart område rundt designelementene dine (ikke nødvendigvis å bruke fargen hvit). Den fysiologiske effekten er en utendørs, komfortabel følelse. Et godt tips er å forlate større biter av hvitt rom rundt det viktigste området på siden, slik at det skiller seg ut som en øy. Apples nettsted er kjent for sin omfattende bruk av hvitt rom.

    Selvfølgelig gjelder de samme prinsippene når du designer nettsteder på en svart eller mørk bakgrunn, men følelsen av at en mørk bakgrunn formidler, er noe annerledes. Mye plass rundt objekter på en mørk bakgrunn skaper en følelse av drama og spenning, som i det følgende eksemplet.

    Kreditt: © Abstraktion
  • La noen elementer flyte. Web layouts er, av natur, ganske geometriske og boksete. Selv om det vanligvis er en god idé å justere alle elementene dine til et rutenett, kan siden din se for stiv hvis du følger denne regelen med brevet. For å legge til visuell interesse, ha det gøy med et av de viktigste elementene på siden. Tillat et viktig element å bryte reglene litt ved å falle utenfor rutenettet. Dette hjelper også det skiller seg ut fra resten.

  • Husk at mindre er mer. Jo mindre du går på siden, desto lettere er det å inkludere hvitt rom og flytende elementer som bryter ut av den stive gitterstrukturen. Begrense mengden detaljer du inkluderer om de mindre viktige tingene på siden - lagre detaljene for en annen side som fokuserer på elementet.

Hvordan du bruker hvitt rom i webdesignet ditt - dummier

Redaktørens valg

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Velger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene:

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

PowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov.

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Redusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ...

Redaktørens valg

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ...

Word 2016 Se snarveier - dummier

Word 2016 Se snarveier - dummier

Noensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ...

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Den mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ...

Redaktørens valg

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Adobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ...

Adobe CS5 Illustrator Area Type Tool - dummies

Adobe CS5 Illustrator Area Type Tool - dummies

En enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ...

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ...