Hjem Sosiale medier Unngå webdesign blunders - dummies

Unngå webdesign blunders - dummies

Innholdsfortegnelse:

Video: 【5 Watercolor Mistakes】And How To Avoid Them 2024

Video: 【5 Watercolor Mistakes】And How To Avoid Them 2024
Anonim

Bare kryss på nettet - spesielt områder med mange personlige sider, som GeoCities-området eller AOLs hjembyområde - og du kan finne mange eksempler på dårlig utformede sider. Men hva er det som gjør disse sidene dårlige? Av de mange designfeilene du kan lage, er tre vanlige blant nye websideopprettere: tregt lastede sider, stygg fargekombinasjoner og liten tekst.

Langsomt lastende sider

Dette er nummer 1-banen med webdesign, enten det er amatør eller profesjonelt. Folk tror de designer et magasin og kaster stor, ukomprimert grafikk rundt, flere per side. Deretter legger de til søte, små designelementer, som hver skal sendes som en egen fil av webserveren. Når hver av de forskjellige elementene kommer inn, skifter sidedesignet og shimmies på en måte som garanterer å forårsake bevegelsessykdom. Når en side av deg laster sakte, skyldes det vanligvis at du begår en av to store feil.

  • Feil # 1 innebærer mangel på omsorg med en eller to individuelle grafikk. Ved å holde disse grafikkfilene store, gjør du hele siden for langsom lasting.
  • Feil # 2 er å bruke grafikk på en skikkelig måte generelt. Svært designede sider kan ha mange små grafiske elementer som forårsaker mange separate filoverføringer som siden laster. Med mindre siden er nøye utformet, skifter siden faktisk litt etter hvert som hver grafikk kommer inn. Den samlede effekten kan være ganske forvirrende.

Grafikk kan ikke bare føre til at siden din lastes langsomt - de tar også lang tid å lage, har problemer med opphavsrettigheter og presentere utfordrende design- og sidelayoutproblemer. Hold bruk av grafikk på siden din enkel til du blir veldig god til å designe med grafikk, eller til du kan få hjelp fra noen som har det talentet selv.

Ugly fargekombinasjoner

Mange utgivere på websiden bryr seg ikke så mye om fargekombinasjonene de bruker, er attraktive eller ikke. Andre bryr seg, men kan ikke kritisk vurdere sitt eget arbeid og se hvor stygg og / eller vanskelig å bruke resultatet er.

Det kan hende du forstår at enkelte fargekombinasjoner kan være stygge, men kanskje det er merkelig for oss å si at dårlige farger kan føre til vanskelig å bruke sider. Årsaken er at på nettet identifiserer farge hyperkoblinger, ubrukte koblinger og nylig brukte koblinger med forskjellige farger. Standardfargene for koblinger er blå for unvisited links og lilla for besøkte lenker. Hvis du endrer disse fargene, har de besøkende problemer med å identifisere hvilke koblinger de har besøkt, og hvilke koblinger de ikke har.

Hvis du bare må bytte koblingsfarger, kan du prøve å bruke fargekombinasjoner som er analoge med standardene - en lysere, iøynefallende farge for ubesvarte koblinger og en kjedelig farge for de besøkte.Dette er i det minste lik, konseptuelt, til standardfarger. Prøv deretter design på noen få personer og se om de raskt kan finne ut hvilke koblinger som er.

Nå, tilbake til stygg. Bare fordi Internett gjør det mulig å bruke ulike fargekombinasjoner, betyr ikke at du bør gjøre det. Svart tekst på en hvit eller off-white bakgrunn er hva folk er vant til, og er alltid det sikreste valget. Og med denne kombinasjonen, vises standard linkfarger veldig bra. Du kan bruke en grafisk strekk på en konsistent plassering på siden for å gi websidene et fargerikt, grafisk utseende uten å ofre forutsigbarhet og lesbarhet i kroppen på hver side.

Noen andre fargekombinasjoner fungerer ganske bra, men mange gjør det ikke. Husk også at noen brukere kjører sine skjermer i 256 farger og at bare 216 farger ut av 256 - den nettsikkerte fargepaletten - er de samme på PC og Mac. Så en fargekombinasjon som ser bra ut på systemet ditt, kan se dårlig ut på et system med færre farger. På samme måte kan farger som ser bra ut på en PC, ikke se så varmt ut på en Mac.

Små tekst (og stor tekst også)

En vanlig feil folk gjør er å bruke liten tekst på deres nettsider. Liten tekst ser litt kult ut, og det lar deg pakke inn mye informasjon. På grunn av disse fristelsene har selv store nettsteder, som tidligere versjoner av Microsofts nettsted, gjort denne feilen. Problemet er at liten tekst blir svært liten tekst når den vises på en høyoppløselig skjerm. Så liten, faktisk, at mange av de som besøker nettstedet ditt, kanskje ikke kan lese teksten på siden din.

Mindre vanlig, men like skadelig, er tekst som er for stor. Du trenger ikke å designe websider med tekst som er lesbar fra 20 fot unna. Egentlig. (Personer med sanne visjonsproblemer bytter Windows og / eller nettleseren for å vise tekst i ekstra stor størrelse, slik at de har en måte å lese tekst på som starter normal størrelse.) Dette ser forferdelig ut, spesielt når det vises på et system med relativt lavt oppløsning, for eksempel 800 x 600 oppløsning.

Begge disse problemene blir verre av den økende tendensen til å legge inn mye av et nettsteds tekst i grafiske bilder. Denne teksten har alltid et konsekvent utseende, fordi det behandles av nettleseren som et grafisk bilde, men det kan lett være for lite eller stort. Når du lagrer tekst som bildefiler, kan teksten ikke endres av nettleseren for å imøtekomme forskjellige nettleserinnstillinger. Så brukeren kan ikke fikse eventuelle problemer de har med grafisk vist tekst.

Så hva er "normal størrelse" tekst? Glad du spurte. Det er ikke en eksakt normal størrelse, men det er et normalt utvalg. For å finne det, må du tilpasse tekststørrelsen på websiden din til tekststørrelsen på noen få websider du vil. Spør deretter flere personer - ikke alle yngre og haukøyne, eller alle eldre og mindre visuelt akutte - for å fortelle om de lett kan lese teksten mens de sitter komfortabelt et par meter fra datamaskinen. Hvis ikke, må du løse problemet før det blir en byrde for dine besøkende på nettstedet.

Unngå webdesign blunders - dummies

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. ...