Share
2010 har vært et utrolig verdant år for webdesignere. Mobile har truffet den vanlige; Webtypografi har nådd nye nivåer av raffinement; Nye kodingsteknikker har vesentlig forbedret vår evne til å bli kreativ med design (uten å svekke stabiliteten). Alt i alt har det vært et år som går fort, selv etter standardene på nettet, så la oss grave inn i vår første årlige post som dekker tilstanden til webdesign som 2010 blir til 2011.
Den tradisjonelle "fold" (den imaginære linjen på en skjerm som angir hvilket innhold som er synlig før en seer må rulle) ble uklart, ubetydelig og nesten irrelevant i 2010.
Hvorfor? Fordi den tradisjonelle "skjermen" som folk ser på nettet gjennom har gjennomgått en eksplosjon av variasjon ... kan vi ikke lenger forvente at surfere skal være på noe nær en 19-tommers skjerm med en oppløsning et sted mellom 1024x768 og 1280x700. alle former og størrelser, fra iPhones (og mindre telefoner) til 60 "HDTV. Det er ikke bare oppløsning som kan variere vilt skjønt; selve skjermforholdet på en skjerm (selv på samme enhet som iPhone) kan endres med håndleddet. Sikkert, webdesignere vil alltid bli rådet til å holde de viktigste budskapene til et nettsted i nærheten av toppen, men med så mange nye måter for web surfere å se på nettet, er det ikke lenger en definert høyde for hvor innholdet må være over.
Vi diskuterer dette emnet i mye mer detalj denne måneden, så abonner (det er gratis) å holde tuningen :)
Nettsteder har blitt utviklet for mobile scenarier siden starten av mobile enheter ... men 2010 har sett en stor press mot hele undersider som er designet spesielt for å bli vist på små, håndholdte skjermer. Du kan takke iPhone for å starte denne trenden, men bølgen av "mobifiserte" sider sprer seg som en brannfire ... og kommer på samme tid neste år, jeg er sikker på at du vil bli presset hardt for å finne et stort publiseringssted uten en mobil ledsager nettsted.
Det som er pent om mobile skjermer er at det tvinger designere til å bli kreative med en relativt liten mengde eiendom. Suksess i mobilmiljøet er ikke tøft hvis du holder noen få regler i bakhodet: Meldinger må formidles raskere og med mer effektivitet; Lenker må utformes for et berøringsskjerm miljø; og tekst må bli leselig (eller i det minste effektivt zoombar). Her er bare noen få eksempler på mobile nettsteder:
Du kan lese mye mer om mobildesign på vårt søsters nettsted: Mobile.tutsplus.com!
På samme måte som 2010 så en eksplosjon av mobilnettdesign, kan det forventes at når forbrukere plukker opp oftere, vil store nettsteder følge med ved å lage nettsteder (og apps) designet spesielt for et mellomstort berøringsskjermmiljø.
Okay, jeg antar at du kunne hevde at "typografi vil eksplodere" hvert eneste år ... men 2010 har sett noen store endringer i den underliggende teknologien som faktisk gjør dette kravet legitimt. Først og fremst, den enorme veksten av font-erstatningsteknologi i løpet av det siste året og massegodkjennelsen av "fonter som tjenester" der tredjepartsfirmaer er vertskap for skrifttyper (og lisenser) som designere kan bruke i levende utviklingsmiljøer. Du kan også si at designere blir mye fetere med typogrpahy også ... med flere og flere design som kommer ut i det siste som slør linjen mellom print-4design og webdesign.
Du kan lese mer om dette hvordan du kan navigere i det store utvalget av disse flotte nye typografiløsningene her. La oss se nærmere på noen eksempler (noen bruker skriftutskiftning, andre bruker andre metoder):
Dette var alt raseri i 2009 - 2010, men "utskriftsrevolusjonen" er levende og bra på nettet, og flere og flere nettsteder er utformet for å etterligne flotte trykkdesigner som blader, plakater, flyger og mer.
Hvis jeg var en spillmann igjen i 2009, ville jeg ha lagt alle pengene mine inn i apps ... iPhone apps, Android apps, Apple apps, PC apps, web apps ... programvaremiljøet ser ut til å ha gått helt fullstendig i løpet av det siste året eller to . All denne spenningen i å skape applikasjoner har trickled inn i webdesign stil-leksikonet på en interessant måte: hvor en gang weben så ut, vel som et nettsted, kan det i dag ofte se ut som et program. Alt fra modale vinduer, kontekstmenyer, OS-inspirerte knapper og mer blir hentet inn i webdesignmiljøet på nye og spennende måter ... sluttresultatet: nettsteder som er mer brukervennlige og naturlige.
Gridoppsett er ikke nye i 2010 (eller til og med 1980), men webdesignere begynner å bryte seg bort fra tradisjonelle weboppsett (topptekst, innholdskolonne, sidebar, bunntekst) til fordel for mer unike, griddrevne layouter. Det som startet med 960.gs-bevegelsen, har raskt spredt seg til rutenettsystemer som faktisk kan tilpasse seg seerens skjermoppløsning.
Her er en annen trend som har skjedd for mer enn bare i fjor. Massive bilder var en gang tabu for webdesignere, men takket være bedre bildeoptimalisering, raskere internettilkoblinger og smartere lastningsmetoder kan designere få mye på enkelte nettsteder ved å skyve bildestørrelser til maksimal.
Mer enn bare "store bilder", begynner vi å se mer trend mot nettsteder som bruker store illustrative (og fotografiske) bakgrunner som er som en del av den faktiske opplevelsen som de bare er ekstra kunstverk.
Kodede plugins pleide å være en ettertanke i de fleste webdesigner ... du ville fullføre en mockup, og deretter erstatte et bilde med en skyvekontroll hvis du kunne finne et flott plugin for det. I dag kan hele designen være basert på skript og plugins som gjør mer enn "legg til noe" til et design ... de kan definere hele nettstedopplevelsen.
Her er bare noen få eksempler på nettsteder som ikke bare legger til skriptinteraktivitet, de gjør det til grunnlaget for nettstedet:
Du kan lese mye mer om jQuery og andre script integrasjons triks på vårt søsters nettsted: Net.tutsplus.com!
Hvis jeg hadde en krone for hver CSS3-artikkel jeg så i 2010, ville jeg svømme i et basseng av dem. Selv om CSS3-massegodkjennelsen fortsatt er en liten måte, er designeren ikke nølt med å begynne å bruke noen av de fantastiske nye funksjonene. Det er en praktisk kobling for å se hvilke nettlesere som har vedtatt hvilke deler av CSS3. Alt fra avrundede hjørner, boksskygger, glød effekter, CSS3 animasjon, @ font-face, og mer, har begynt å dukke opp i design over alt. her er bare noen få eksempler:
Du kan lese mye mer om CSS3-triks på vårt søsters nettsted: Net.tutsplus.com!
Teksturer er ikke nye, men som hvert år går vi ser det integrert på nye og interessante måter. 2010 så mye av "subtile noise" tekstur, men mer enn noe, begynner vi å gå inn i en stilfase der flere design begynner å føles "berørbar". Dette betyr ikke nødvendigvis at store, filtunge teksturer blir brukt ... i stedet ser vi mer subtile, godt utformede teksturer som gjentar naturlig.
Jeg har alltid vært en stor fan av infographics, så det er fint at vi begynner å se at de blir integrert i webdesign som mer enn bare vedlegg. Jeg tror det er mye mulighet for nye og spennende måter å infografisk nettstedintegrasjon, så hold øye med disse designene i 2011.
Dette er mer en nyhet enn en trend ... 3D-baserte nettsteder er morsomme å bruke, men er ikke helt tilgjengelige fra noen nettlesere og enheter. Når det er sagt, det er noen morsomme nye ting som skjer i veien for tredimensjonale miljøer, så de er verdt å sjekke ut, selv om du ikke vil se dem på iPhone når som helst snart;)
Den siste trenden jeg skal nevne er ikke en som krever mye i veien for skjermbilder ... hovedsakelig fordi skiftet er mer strategi enn substans. Mens denne trenden har skjedd i årevis, ser det ut til at ting kommer til hodet for øyeblikket ... og skjebnen til fremtiden for internett skal avgjøres.
Det jeg snakker om er "sosiale medier konvergens", eller rettere sagt, mønsteret av merkevarer og bedrifter fokuserer deres innsats på sosiale medier nettsteder (i stedet for deres egne uavhengige nettsteder). I stedet for individuelle domener begynner vi å se flere og flere bedrifter flytte til strategier som enten er basert på nettsteder som Facebook eller i det minste integrerer sosiale funksjoner på en måte som er 100% avhengig av sosiale medier.
... i stedet for et Internett som består av millioner av forskjellige og unike nettsteder, kan vi ende opp med en håndfull "mega-nettsteder" som alle (enkeltpersoner og bedrifter likt) bare har en side på ...
Dette gir mening for en rekke bedrifter; det er mye enklere å få folk til å oppdage og besøke Facebook eller Twitter siden enn det er å få dem til å snuble (ordspill ment!) ditt eget domene (dvs. myownawesomewebsite.com/me). Vinnerne av denne trenden er selvsagt de store sosiale medier som samler mer og mer trafikk. Taperne? Vel, hvis denne trenden fortsetter, kan taperne vel være alle som ikke hopper på vognene ... så i stedet for et Internett som består av millioner forskjellige og unike steder, kan vi ende opp med en håndfull "mega-nettsteder" at alle (enkeltpersoner og bedrifter likt) bare har en side på.
Ok, så jeg har nettopp slått på toppen av isbreen for alle de flotte trender som skjer i 2010, og jeg blir den første til å innrømme at jeg er sikker på at jeg savnet noe. Legg inn dine kommentarer, tanker, trender og alt annet i kommentarfeltet, og jeg tar noen virkelig gode kommentarer i betraktning når det kommer tid til å redigere dette innlegget senere!
Gratulerer med 2011!
Accentsconagua