Webdesign Trends for 2010
Purister vil si at flott design er tidløs. Ja, i en ideell verden, bør vi ignorere trender.
Pragmatisk sett er det imidlertid mye verdier i overvåking og innlemming av designtrender, spesielt med hensyn til nettsteder.
La oss innse det: nettet endres i et raskt tempo. I motsetning til andre medier, er designtrendene på nettet ikke bare drevet av estetikk.
Teknologien er i endring som kan endre kraften til mediet drastisk.
I 2010 ser vi at designere fortsetter å skyve grensene for webdesign, og stiller inn følgende klare trender ...
Skriv ut design
Utskriftsdesign har alltid vært en kilde til inspirasjon for Internett. Webdesign har eksistert lenge nok til å dyrke en sterk kjerne av designere som aldri har jobbet i utskrift. Som et resultat ser vi mer inspirasjon trukket fra print, da disse designerne ser utover nettet.
Serif Fonts
En av de viktigste problemene med typografi er lesbarhet. Utskriftsdesignere har alltid favorisert seriffonter fordi kantene forbedrer synligheten og gjør letterformularer lettere å gjenkjenne.
Sans-serif-skrifter har generelt blitt vurdert å være enklere å lese på skjermen. Men når flere brukere surfer i høy oppløsning og forbedringene i font-utjevningsteknologi, har seriffonter blitt veldig lesbare for kroppstekst.
Store overskrifter
Utskriftsdesignere har brukt store overskrifter for å fange oppmerksomheten i aldre. Utskriftsmateriale har hatt stor innvirkning dersom det var forventet å bli lest i det hele tatt. Hvis du så en kjedelig brosjyre som satt på et skrivebord, ville du plage å plukke den opp? Sannsynligvis ikke.
Denne trenden startet i 2009 og har bare vokst i popularitet. Store overskrifter har vist seg å hente oppmerksomhet og kommunisere tydelig.
Multi-Column Layouts
Designere må jobbe innenfor begrensningene i sitt medium. I motsetning til nettet gir utskriften ingen mulighet til å bla, bundet som det er av dimensjonene til papiret. Ved å bruke flere kolonner kan du passe mer innhold i samme rom.
Nå, med økte skjermoppløsninger og tilkomsten av gridoppsett, tilpasser flere designere denne metoden til nettet for å gjøre nettsteder enklere å bruke og tilpasse seg mer innhold.
Big Lead Image
Et bilde er verdt tusen ord. Selv om det kan ta en stund før et fotografi har samme innvirkning på nettet som det gjør i utskrift (som har mye høyere oppløsning), har adopsjon av bredbåndstilgang gjort store fotografier mer gjennomførbare.
Vi ser flere nettsteder bruker store, effektive bilder for å trekke brukere inn og skape en oppslukende opplevelse.
Diagrammer og infographics
Utskriftsdesignere har brukt grafikk for å formidle komplekse opplysninger i mange år. Dette ses mest i magasiner og årsrapporter.
Grafikk kan kommunisere komplekse relasjoner og forhold på en måte som er for vanskelig å gjøre med ren tekst. Infographics har en enkel, men visuelt rik utseende, og flere designere adopterer infographics eller etterligner stilen i deres design.
enkelhet
Antoine de Saint-Exupery sa en gang: "Perfeksjon oppnås ikke når det ikke er noe å legge til, men når det ikke er noe igjen å ta bort." Fordelene ved enkelhet i design er mange.
Hicks lov forteller oss at tiden som kreves for å ta en beslutning, øker med hvert alternativ. I tillegg forteller signal-støyteorien oss at alt som ikke legger til meldingen eller funksjonen til et nettsted (signalet) kommer i veien og gjør designen mindre effektiv (støyen).
Enkel design er enklere å bruke og forstå, og de gir større klarhet i kommunikasjon av meldinger.
Minimalistisk og Grid Design
Minimalisme er kraftig, men vanskelig å mestre. Den inneholder ingenting annet enn det som er viktigst. Alt annet er fjernet, noe som resulterer i maksimal effekt av elementene som er til stede.
Minimalistiske design krever et sterkt rutenettverk for å være effektiv. Naturligvis vil de ha rikelig med hvitt rom, og så uten det rutenettet, ville en minimalistisk design føles frakoblet og slurvet. Gitteret gir det organisasjon og struktur.
One-Page Layouts
Det er flere måter å forenkle. En layout på en side viser to av disse måtene: gjemmer og fjerner.
Effektive layouter på en side gjemmer elementer som ikke er en prioritet. Hvis en bruker ønsker å se et av elementene, kan de klikke for å avdekke det. Dette er mye mer effektivt enn å la alt synlig, noe som ville gjøre siden komplisert og overveldende.
På samme måte gjør prinsippet bak en sideoppsett ekstra sider unødvendige. Med tilgjengeligheten av kraftige JavaScript-biblioteker og raskere tilkoblinger, har mange nettsteder nå lite behov for flere sider. Designere kan enkelt passe informasjon på en side, uten å plage brukeren med et hierarki.
Massiv hvit plass
I de tidlige dagene av webdesign hadde vi ikke mye skjerm fast eiendom å jobbe med, og så viste vi ikke mye hvitt plass. Hvis du noen gang har prøvd å designe et nettsted for en oppløsning på 640 × 480, vil du vite nøyaktig hva jeg snakker om.
Nå som vi har høyere oppløsninger og muligheten til å skjule og avsløre elementer med JavaScript, er det mye enklere å utnytte hvitt rom.
Hvit plass er kritisk for god design. Det gir øyet et sted å hvile. Det forbedrer naturlig kvaliteten på et design. Og det viser hvilke elementer som er knyttet til hverandre i nærhet.
Typografiske layouter
Mens vi pleide å være begrenset til noen få utvalgte "web-safe fonter" med svært lite kontroll over hvordan de ble vist, har vi nå et bredt utvalg av verktøy for å berikke vår typografi.
Webdesignere har lenge likt å bruke typen som et subtilt verktøy for å formidle meldinger. Med økende kontroll og evner ser vi flere designere fokus på typografi som det primære designelementet.
CSS3 teknikker
Ikke sikker på at du kan dra nytte av CSS3 ennå? Tenk igjen. Webpionører som Andy Clarke og Jeremy Keith har lenge forkynt om "progressiv forbedring" i webdesign.
Progressiv forbedring handler om å designe nettsteder slik at de kan brukes på eldre nettlesere, samtidig som de blir "forbedret" for brukere som forplikter seg til den nyeste teknologien.
Ved å designe i denne leiren kan du dra nytte av CSS3-egenskaper som avrundede hjørner, grensebakgrunn og tekst- og bokseskygger. Brukere på moderne nettlesere vil se den finere versjonen, og de med eldre teknologi ( hoste | IE6 | hoste ) vil se den grunnleggende versjonen.
CSS3 Animasjon
Animasjon på nettet har gått gjennom mange stadier. I utgangspunktet kunne vi bare animere med GIF-bildefiler. Da var vi ganske begrenset til Flash. Nå kan vi velge fra Flash, Silverlight, GIF, JavaScript og til og med CSS3. Subtile animasjoner kan være minneverdig, og CSS3 gjør det lett og enkelt.
Avrundede hjørner
Web 2.0-stilen i 2005 og 2006 gjorde avrundede hjørner populære, til poenget med å være irriterende. På den tiden var det vanskelig å lage dem. Det var ingen måte å skape virkelig avrundede hjørner. I stedet ble de simulert med CSS, JavaScript hacks og bildefiler.
CSS3 lar oss nå generere avrundede hjørner direkte i nettleseren, noe som gjør dem ikke bare enklere å lage, men også mye mer effektive, fordi brukeren ikke trenger å laste ned flere bilder eller JavaScript-filer.
Designere utnytter i økende grad denne nye nettleseregenskapen i 2010.
Boks og tekst skygger
Bruke skygger for å skape en dybdefølelse har blitt gjort (og noen ganger overdrevet) siden de tidligste dagene på nettet. Men det var ikke alltid praktisk. For å legge til skygger i tekst måtte du bruke bilder, noe som økte lastetiden og gjorde vedlikeholdet vanskeligere. Boxskygger krevde flere bilder og CSS-triks som "skyvedører".
CSS3 har svært tilpassbare skyggefunksjoner, som gir mulighet for et bredt spekter av kreative effekter, inkludert ikke bare dropshadows, men også indre skygger. Kreative designere har allerede brukt disse CSS3-effektene for å simulere både preget og imprinted effekter.
RGBa og Opacity
I årevis var det umulig å jobbe med uigennomsiktighet og gjennomsiktighet på nettet. Du hadde tre valg: simulere gjennomsiktighet ved hjelp av flate bilder, håndtere PNGs inkompatibiliteter på tvers av nettleseren, eller kamp med CSS 'grunnleggende gjennomsiktighetsselektorer og filtre.
CSS3 gir designere mye bedre konsistens og frihet i å bruke opacity med RGBa eiendommen. Mens du kan dra nytte av åpenhet på utallige måter, har et område det har hjulpet spesielt med komplekse bakgrunner overlaid med semi-gjennomsiktige farger. Tidligere var denne effekten upraktisk eller umulig å lage uten å benytte komplekse PNG-bilder.
Mobil-kompatibel design
Mobilnettverket har gitt millioner av brukere muligheten til å sjekke bankkontoen mens de venter i kø, se opp de siste poengene på t-banen og oppdatere deres Twitter-status under kjøring. (Hvilken av disse er en farlig vane?) Og mobilbanen fortsetter å vokse raskt.
Vi har kommet til det punktet at hvert selskap må vurdere om nettstedet skal brukes på farten, og i så fall hvordan. Innovative selskaper har allerede investert tungt i nyttige og brukervennlige mobile versjoner av deres nettsteder.
kreativitet
Den eksplosive veksten i bruk av sosiale medier er bevis på at folk vil koble til og dele ting de er lidenskapelige om.
I designfeltet har vi sett stor vekst i deling og surfing av andres arbeid. Som designere blir vi nå bombardert av alles andres kreativitet. Ikke bare øker dette standarden på designkvalitet, men det oppfordrer ideer til å bli delt, noe som bidrar til en kultur av kreativitet og innovasjon.
Rene illustrasjoner
Hvis du er som meg, vokste du opp med å se Disney-filmer, og beundret all den innsatsen som gikk inn i å skape hver animasjonsramme. Vi er godt forbi dagene da illustrasjonen ble gjort i blekk og markører, og denne utviklingen i verktøy har ført til noen svært kreative tilnærminger til design.
Mange designere lærer at glatte, rene, skarpe illustrasjoner skaper en særegen følelse som ikke kan replikeres av fotografi eller enkel clip art. Resultatet er et bredt spekter av profesjonelt illustrert design som er engasjerende og innbydende.
Teksturert Bakgrunn
Teksturert bakgrunn er ikke noe nytt på nettet. Men denne teknikken har hatt en interessant variasjon i de siste månedene. Jeg refererer til det som "mikro-teksturer" som er subtile, knapt merkbare teksturer i bakgrunnen.
miniatyrbilder
Du kan kanskje si: "Miniatyrbilder har eksistert siden begynnelsen av nettet. Hvordan er dette en trend? "Sant, de har alltid blitt brukt, men bare veldig enkelt. Du vil ha et miniatyrbilde som du kan klikke på for å få et større bilde. Det gjorde jobben, men var kjedelig.
I de siste månedene har designere begynt å spørre: "Hvordan kan vi gjøre miniatyrer mer spennende?" Dette har ført til en oppgang i miniatyrer som er både kloge og brukbare.
vannfarge
Etter hvert som nettet utvikler seg, ser vi flere designere som er inspirert av en rekke kilder og medier. Ingen overraskelse at kunstneriene er blant disse kildene.
En av stilene som har oppstått er simuleringen av akvareller. Det myke elegante utseendet på denne stilen er tydelig og beroligende.
Håndskrift
Håndskrevne og skriptfonter blir mest utnyttet. Av denne grunn styrer mange designere seg av begge typer, enten ute av avsky eller på grunn av en frykt for å se amatørosk. Men i det siste har mange designere funnet at når den brukes riktig, gir den håndskrevne stilen en følelse av håndverk og planlegging. Brukes i riktig sammenheng, det er en kraftig måte å kommunisere på.
Sosiale medier
Med folk som bruker mer tid på Facebook enn Google nå, lurer ikke på designere på innovative måter å integrere sosiale medier på sine nettsteder.
Noen designere har gått så langt som å publisere innholdet sitt på sosiale medier, og deretter bruke deres nettsteder til å samle det.
Det er trygt å si at når 2010 utvikler seg, vil vi se flere designere finne kreative måter å integrere sosiale medier på sine nettsteder for å bedre engasjere brukere.
Faste elementer
Nå som nettlesere bedre støtter position: fixed element, vi ser smartere bruksområder av den.
Det er mange situasjoner der et fast element (som vedvarende navigasjon) kan tjene eierens forretningsmål og gjøre nettstedet mer brukbart.
Faste elementer er minneverdige og forbedrer brukeropplevelsen. De har utallige kreative bruksområder, og vi vil fortsette å se designere dra nytte av dem.
Denne gjestenes innlegg er et samarbeid mellom de gode folkene på Web Hosting Search og designer og utvikler Ross Johnson. Sjekk ut Web Hosting Søk etter riktig web hosting og 3point7designs for mer webdesign awesomeness av Ross
Hvilke av disse trender følger du mest? Hva er noen andre fremvoksende trender?