Vefhönnunartölur fyrir 2010
Purists vilja segja að mikill hönnun er tímalaus. Já, í hugsjón heimi, ættum við að hunsa þróun.
Hins vegar er mikils virði í því að fylgjast með og samþætta hönnun, sérstaklega hvað varðar vefsíður.
Við skulum horfast í augu við það: Vefurinn breytist hratt. Ólíkt öðrum fjölmiðlum eru hönnunarmyndir á vefnum ekki bara knúin af fagurfræði.
Tækni er að breytast sem getur haft veruleg áhrif á getu miðilsins.
Árið 2010, erum við að sjá hönnuðir áfram að ýta mörkum vefhönnunar, setja eftirfarandi skýra þróun ...
Prenta hönnun
Prent hönnun hefur alltaf verið uppspretta innblástur fyrir vefinn. Vefhönnun hefur verið í langan tíma núna til að rækta sterka kjarna hönnuða sem aldrei hafa unnið í prenti. Þess vegna erum við að sjá meiri innblástur dregin úr prentun, þar sem þessir hönnuðir líta út fyrir vefinn.
Serif Skírnarfontur
Eitt af mikilvægustu málefnum typography er læsileiki. Prenthönnuðir hafa alltaf studdi serif letur vegna þess að brúnirin bæta sýnileika og auðvelda bréfaskipti að þekkja.
Sans-serif letur hafa almennt verið talin auðveldara að lesa á skjánum. En með fleiri notendum að vafra í mikilli upplausn og endurbætur í leturmótunartækni hafa serif letur orðið mjög læsilegir fyrir líkams texta.
Big Headings
Prenthönnuðir hafa notað stóra fyrirsögn til að ná athygli um aldir. Prentunarefni hefur þurft að hafa mikil áhrif ef búist er við að það sé lesið yfirleitt. Ef þú sást sljór bækling sem sat á borðinu, myndirðu trufla þig við að taka það upp? Örugglega ekki.
Þessi þróun hófst árið 2009 og hefur aðeins vaxið í vinsældum. Stórir fyrirsagnir hafa reynst að ná athygli og miðla skýrt.
Multi-Column Layouts
Hönnuðir verða að vinna innan þvingunar miðilsins. Ólíkt vefnum veitir prentun enga möguleika til að fletta, er bundin eins og það er í málum pappírsins. Notkun nokkurra dálka gerir þér kleift að passa meira efni í sama rými.
Nú, með aukinni skjárupplausn og tilkomu ristarsviðs, eru fleiri hönnuðir að laga þessa aðferð á netið til að gera vefsíður auðveldara að nota og passa í meira efni.
Big Lead Image
Mynd segir meira en þúsund orð. Þó að það gæti verið nokkurn tíma áður en mynd hefur sömu áhrif á netið eins og það er á prenti (sem hefur miklu meiri upplausn) hefur samþykkt breiðbandsaðgangs gert stórar ljósmyndir meira mögulegar.
Við erum að sjá fleiri vefsíður nota stór, áhrifamikil myndir til að draga notendur inn og búa til upplifandi reynslu.
Skýringar og upplýsingar
Prenthönnuðir hafa notað grafík til að flytja flóknar upplýsingar í mörg ár. Þetta sést oftast í tímaritum og ársskýrslum.
Grafík getur samskipti flóknar sambönd og hlutföll á þann hátt sem er of erfitt að gera með texta. Infographics hafa tilhneigingu til að hafa einfalt en sjónrænt ríkur útlit, og fleiri hönnuðir eru að taka upp infographics eða líkja eftir stíl í hönnun þeirra.
Einfaldleiki
Antoine de Saint-Exupery sagði einu sinni: "Fullkomnun er náð ekki þegar ekkert er til að bæta við en þegar ekkert er eftir að taka í burtu." Kostir einfaldleiks í hönnun eru margir.
Hick's Law segir okkur að tíminn sem þarf til að taka ákvörðun eykst með hverjum valkosti. Að auki segir merki til hávaða að okkur að allt sem ekki bætir við skilaboð eða virkni vefsvæðis (merki) fær í leiðinni og gerir hönnunin skilvirkari (hávaði).
Einföld hönnun er auðveldara að nota og skilja, og þau leyfa meiri skýrleika í samskiptum skilaboða.
Minimalist og Grid Design
Minimalism er öflugt en erfitt að læra. Það inniheldur ekkert nema nauðsynleg. Allt annað er fjarlægt, sem leiðir til hámarksáhrifa þeirra þátta sem eru til staðar.
Minimalist hönnun krefst þess að sterkan ristakerfi sé skilvirk. Auðvitað munu þeir hafa nóg af hvítu plássi, og svo án þess að ristið, mun lægstur hönnun líða ótengdur og slæmur. Ristið gefur það skipulagi og uppbyggingu.
Einhliða skipulag
Það eru nokkrar leiðir til að einfalda. Útlit á einni síðu sýnir tvær af þessum hætti: að fela og fjarlægja.
Árangursríkar síðuuppsetningar fela í sér hvaða þætti sem eru ekki forgangsverkefni. Ef notandi vill sjá einn af þessum þáttum geta þeir smellt til að afhjúpa það. Þetta er mun árangursríkara en að láta allt sjást, sem myndi gera blaðið flókið og yfirþyrmandi.
Á sama hátt gerir meginreglan á bak við eina síðu skipulag viðbótarsíður óþarfa. Með því að bjóða upp á öflugar JavaScript bókasöfn og hraðari tengingar, hafa mörg vefsvæði nú lítið þörf fyrir nokkrar síður. Hönnuðir geta auðveldlega passað upplýsingar á einni síðu án þess að trufla notandann með stigveldi.
Mikið hvítt pláss
Á fyrstu dögum vefhönnunar, eigum við ekki mikið skjár fasteignir til að vinna með, og svo sýnum við ekki mikið hvítt pláss. Ef þú hefur einhvern tíma reynt að hanna vefsíðu fyrir 640 × 480 upplausn, muntu vita nákvæmlega hvað ég er að tala um.
Nú þegar við höfum hærri upplausn og getu til að fela og afhjúpa þætti með JavaScript, er það auðveldara að nota hvíta plássið.
Hvítt rými er mikilvægt fyrir góða hönnun. Það gefur auga sér stað til að hvíla. Það bætir náttúrulega gæði hönnunar. Og það sýnir hvaða þættir tengjast hver öðrum með nálægð.
Typographic Layouts
Þar sem við vorum bundin við nokkra valið "vefur-örugg leturgerðir" með mjög litla stjórn á því hvernig þær voru birtar, höfum við nú fjölbreytt úrval af verkfærum til að auðga ritgerð okkar.
Vefhönnuðir hafa lengi notið þess að nota tegund sem lúmskur tól til að miðla skilaboðum. Með aukinni stjórn og getu, sjáum við fleiri hönnuðir áherslu á leturfræði sem aðalhönnun frumefni.
CSS3 tækni
Ertu viss um að þú getir nýtt þér CSS3 ennþá? Hugsaðu aftur. Vefur frumkvöðlar eins og Andy Clarke og Jeremy Keith hafa lengi boðað um "framsækin aukning" í vefhönnun.
Progressive enhancement snýst um að hanna vefsíður þannig að þau séu nothæf á eldri vöfrum, en að vera "auka" fyrir notendur sem skuldbinda sig til nýjustu tækni.
Með því að hanna í þessum búðum er hægt að nýta sér CSS3 eiginleika eins og ávalar hornum, bakgrunnsmyndum og textaskilum og kassaskuggum. Notendur á nútíma vöfrum munu sjá betur útgáfu, og þeir sem eru með eldri tækni ( hósti | IE6 | hósta ) munu sjá grunnútgáfu.
CSS3 Fjör
Hreyfimynd á vefnum hefur farið í gegnum margar stig. Upphaflega gætum við aðeins búið til með GIF myndskrám. Þá vorum við nánast takmarkaðir við Flash. Nú getum við valið úr Flash, Silverlight, GIF, JavaScript og jafnvel CSS3. Lúmskur fjör getur verið eftirminnilegt og CSS3 gerir það létt og auðvelt.
Hringlaga horn
The Web 2.0 stíl 2005 og 2006 gerði ávalar horn vinsæl, til að benda á að vera pirrandi. Á þeim tíma var það erfitt að búa til þau. Það var engin ákveðin leið til að búa til sannarlega ávalar horn. Þess í stað voru þau herma með CSS, JavaScript járnsög og myndaskrár.
CSS3 leyfir okkur núna að búa til hringlaga horn beint í vafranum, sem gerir þeim ekki aðeins auðveldara að búa til heldur einnig mun skilvirkari vegna þess að notandinn þarf ekki að hlaða niður fleiri myndum eða JavaScript skrám.
Hönnuðir eru í auknum mæli að nýta sér þessa nýju vafrahæfileika árið 2010.
Box og textaskuggi
Notkun skugga til að skapa tilfinningu fyrir dýpt hefur verið gert (og stundum ofmetið) frá elstu dagana á vefnum. En það var ekki alltaf hagnýt. Til að bæta við skugganum í texta þurfti að nota myndir, sem aukið hleðslutíma og gerði viðhald erfiðara. Kassaskuggi krafðist nokkrar myndir og CSS bragðarefur eins og "rennihurðir".
CSS3 hefur mjög sérhannaðar skuggatækni, sem gerir ráð fyrir fjölbreyttu skapandi áhrifum, þar á meðal ekki aðeins sleppa skuggum heldur innri skugganum líka. Skapandi hönnuðir hafa nú þegar notað þessar CSS3 áhrif til að líkja eftir bæði upphleyptum og áletrandi áhrifum.
RGBa og ógagnsæi
Í mörg ár var það ómögulegt að vinna með ógagnsæi og gagnsæi á vefnum. Þú átt þrjár ákvarðanir: líkja gagnsæi með blönduðum myndum, takast á við ósamrýmanleika PFS á vafranum, eða baráttu við CSS 'gagnsæi sem velur og síur.
CSS3 gefur hönnuðum mun betri samkvæmni og frelsi í því að nota ógagnsæi við RGBa eignina. Þó að þú getir nýtt sér gagnsæi á ótal vegu, þá hefur eitt svæði sem það hefur hjálpað sérstaklega verið með flóknum bakgrunni sem er yfirleitt með hálfgegnsæjum litum. Áður var þessi áhrif óhagkvæm eða ómögulegt að búa án þess að gripið sé til flókinna PNG mynda.
Mobile-Compatible Design
Farsíminn hefur gefið milljónum notenda getu til að athuga bankareikning sinn meðan þeir bíða í línu, líta upp nýjustu stig á neðanjarðarlestinni og uppfæra Twitter stöðu sína á akstri. (Hver þeirra er hættuleg venja?) Og farsíminn heldur áfram að vaxa hratt.
Við höfum komist að þeirri niðurstöðu að hvert fyrirtæki þurfi að íhuga hvort vefsvæði þeirra verði notaður á ferðinni og ef svo er hvernig. Nýjungar hafa þegar fjárfest mikið í gagnlegum og notendavænum farsímaútgáfum vefsíðna sinna.
Sköpun
The sprengiefni í notkun félags fjölmiðla er sönnun þess að fólk vill tengja og deila hlutum sem þeir eru ástríðufullir um.
Í hönnunarsvæðinu höfum við séð mikla vexti í samnýtingu og beit á vinnu annarra. Sem hönnuðir erum við nú sprengjuárásir af sköpun allra annarra. Þetta eykur ekki aðeins staðalinn á gæðum hönnunar, en það hvetur hugmyndir til að deila, sem stuðlar að menningu sköpunar og nýsköpunar.
Hreint Illustrations
Ef þú ert eins og ég, ólst þú upp að horfa á Disney bíó, dást að öllum þeim áreynslum sem fór í að skapa hvert ramma fjör. Við erum vel á undan þeim dögum þegar myndin var gerð í bleki og merkjum, og þessi þróun í verkfærum hefur leitt til nokkurra mjög skapandi aðferða við hönnun.
Margir hönnuðir eru að læra að slétt, hreinn, skörpum myndum skapar sérstaka tilfinningu sem ekki er hægt að endurtaka með ljósmyndun eða einföldum myndlist. Niðurstaðan er fjölbreytt úrval af faglegum sýnilegum hönnunum sem eru aðlaðandi og bjóða.
Áferð á bakgrunni
Skreytt bakgrunnur er ekkert nýtt á vefnum. En þessi tækni hefur séð áhugaverð breyting á síðustu mánuðum. Ég vísa til þess sem "ör-áferð" sem eru lúmskur, varla áberandi áferð í bakgrunni.
Smámyndir
Þú gætir sagt: "Smámyndir hafa verið í kringum upphaf vefsins. Hvernig er þetta stefna? "True, þeir hafa alltaf verið notaðir, en aðeins mjög einfaldlega. Þú myndir hafa smámynd sem þú getur smellt á til að fá stærri mynd. Það gerði verkið en var leiðinlegt.
Á síðustu mánuðum hafa hönnuðir byrjað að spyrja: "Hvernig getum við gert smámyndirnar spennandi?" Þetta hefur leitt til uppsveiflu í smámyndir sem eru bæði snjallar og nothæfar.
Vatnslitur
Eins og vefurinn þróast, erum við að sjá fleiri hönnuðir vera innblásin af ýmsum heimildum og fjölmiðlum. Ekki á óvart að listirnir eru meðal þessara heimilda.
Ein af þeim stílum sem hefur komið fram er eftirlíking af vatnsliti. The mjúkur glæsilegur útlit þessa stíl er greinilegur og róandi.
Handskrift
Handskrifuð og leturgerðir eru misnotuð mest. Af þessum sökum stýra margir hönnuðir af báðum gerðum, annaðhvort úr disgust eða vegna ótta við að leita áhugamanna. En undanfarið hafa margir hönnuðir komist að þeirri niðurstöðu að handritið stíll, þegar það er notað á réttan hátt, gefur tilfinningu fyrir iðn og skipulagningu. Notað í réttu samhengi, það er öflug leið til að eiga samskipti.
Félagsleg fjölmiðla
Með fólki að eyða meiri tíma á Facebook en Google núna, eru engin furða hönnuðir að leita að nýjar leiðir til að samþætta félagslega fjölmiðla á vefsíðum sínum.
Sumir hönnuðir hafa farið svo langt að birta efni sín á félagslega fjölmiðlum og nota síðan vefsíður þeirra til að safna saman.
Það er óhætt að segja að þar sem 2010 gengur, munum við sjá að fleiri hönnuðir finna skapandi leiðir til að samþætta félagslega fjölmiðla á vefsíður þeirra til þess að betra geti notið notenda.
Fastir þættir
Núna að vafrar styðja betur position: fixed þáttur, við erum að sjá snjallari notar það.
Það eru fullt af aðstæðum þar sem fastur þáttur (svo sem viðvarandi flakk) gæti þjónað markmiðum eigandans og gert vefsvæðið meira nothæft.
Fastir þættir eru eftirminnilegt og auka reynslu notenda. Þeir hafa ótal skapandi notkun, og við munum halda áfram að sjá hönnuði nýta þá.
Þessi gestur staða er samstarf milli góðra manna á Web Hosting Search og hönnuður og verktaki Ross Johnson. Skoðaðu Web Hosting Leita að réttum Vefhýsing og 3point7designs fyrir meiri vefur hönnun awesomeness af Ross
Hver af þessum þróun fylgir þú mestu? Hvað eru nokkrar aðrar stefnur?