4 Essential Útlit Stefna fyrir 2015
Vefurinn hefur breyst mikið á síðasta áratug og á sama tíma hefur það ekki breyst yfirleitt. Ef við skoðum 10 ára skeið munum við komast að því að vefurinn hafi mjög algengt skipulagsmynstur í vinnunni á flestum vefsvæðum. Þetta mynstur var byggt á haus, fótum, skenkur og innihaldssvæði. Það var áætlað skipulag fyrir netið. Á sama tíma, við höfðum rísa af Macromedia Flash sem gaf leið til tímabila til skiptis skipulags. Layouts sem ekki héldu þessari ströngu formúlu. Og auðvitað með implosion Flash lék þessi nálgun svolítið ... Ég segi svolítið, því það er aftur með hefnd.
Ef þú könnir einn af mörgum vinsælustu myndasýningum sem sýna fram á núverandi vefhönnun, þá mun þú eflaust taka eftir því að grundvallarskipulag vefsíðna er allt annað en fast. Það getur sveiglast og breytt í réttlátur óður í nokkuð sem það þarf að vera. Þetta er að mínu mati einn af bestu aukaverkunum móttækilegu vefhönnunin hefur framleitt. Hin nýja norm eins og það var, er að það virðist ekki vera nein fast formúla yfirleitt.
Allt þetta sagði að við getum fylgst með nokkrum háþróaður þróun í hönnun hönnun sem tákna það sem ég tel að vera óvenjuleg skipulag. Óvenjulegt vegna þess að þeir fylgja ekki ströngum formúlu eða fyrirfram ákveðnu kerfi. En þeir eru þróun í því að ég get veitt tugum, ef ekki hundruð dæmi sem fylla hvert þessara flokka.
Það sem þú finnur hér er áhugavert blanda af þróun og óvenjulegum skipulagi sem mun vonandi hvetja þig til að meta grundvallarskipulagið sem þú notar um vefhönnun. Skulum kafa inn og kíkja ...
Split skjár
Í þessum flokki finnum við úrval af vefsvæðum sem allir skiptast á skjánum með lóðréttri skiptingu. Það eru kannski margar ástæður til að gera þetta og í mælingum margra sýnishorn af þessu tagi hef ég fundið tvær meginástæður.
Í fyrsta lagi er að stundum getur hönnun í raun haft tvö frumefni sem eru jafnmikilvægir. Algeng nálgun við vefhönnun er að staðsetja hluti í mikilvægum mæli. Þessi mikilvægi er þá endurspeglast í stigveldi og uppbyggingu hönnunarinnar. En hvað ef þú hefur í raun tvö atriði til að kynna? Þessi aðferð gerir þér kleift að gefa þeim bæði áberandi og leyfa notandanum að velja hratt á milli þeirra.
Hin ástæðan sem ég hef fundið fyrir þessari nálgun er sú að þú þarft stundum að flytja mikilvægan tvíbura. Hugsaðu um átta og fjóra vefsíðuna til dæmis. Hér vilja þeir flytja þá staðreynd að styrkleikar þeirra eru stafræn rætur og hæfileikaríkur starfsmaður þeirra. Þetta pörun er það sem skilgreinir þá. Skipta skjánum er yndisleg leið til að kynna þetta. Og ég elska sérstaklega hvernig ampersand sameinar tvær hliðar.
Nei króm!
Eitt af meginþáttum sem notaðar eru í vefhönnun eru innihaldsefni: kassar, landamæri, form og ílát af öllum gerðum sem notaðar eru til að skipta efni á síðu í sundur. Íhugaðu staðalímynda haus þar sem þættir eru snyrtilegt að finna og aðskilin frá innihaldi. Algeng stefna er að fjarlægja allt þetta auka króm.
Þetta er lægstur nálgun, en það fer skref lengra og hefur nokkrar áhugaverðar flækjur á leiðinni.
Í þessu dæmi hafa þeir útilokað hugmyndina um haus og fótur allt saman. Það líður meira eins og gagnvirkt söluturn í staðinn. Stigveldið innihald er fyrst og fremst gert í gegnum vinstri til hægri stofnun, sem hjálpar að gera skipulagið mjög leiðandi. Og krómið til að aðskilja flakk frá efni er einfaldlega ekki þörf. Þess í stað lýsa fallegu vörur í gegnum.
Hér finnum við að efnið er sterklega lögð áhersla á að fjarlægja neitt skilning á haus eða fót. Í stað þess að lesa haus fyrst skaltu lesa nafn fyrirtækisins og skýr yfirlýsingu um hvað þeir gera (og hvar þeir gera það). Fylgt eftir með aðalleiðsögninni. Hvaða frábær leið til að leggja áherslu á vörumerkið áður en fólk fær sig til að sigla. Það gerir glæsilega flæði. Athyglisvert eins og þú flettir síðunni fær haus og snerta króm. Falleg og skilvirk skipulag sem notar mynstur á hvetjandi hátt.
Modular eða rist byggt
Næstum við höfum skipulag byggt á mát eða rist-eins mannvirki. Í þessari hönnun er ætlað að beygja hver einingar byggt á skjástærðinni. Þetta er ekki nákvæmlega ný nálgun, en kynning á móttækilegri vefhönnun hefur gert það enn meira gagnlegt. Þessar vísbendingar um gerð aðlögunarhæfra skipulags sem hægt er að búa til með viðbætur eins og Masonry.
Þetta dæmi sýnir fullkomlega hugmyndina. Hönnunin er alveg móttækileg. Þegar skjástærðin breytist breytir hver eining sér og stærðir til að passa plássið. Með því að skipta rýminu jafnt er auðveldara að breyta hönnuninni. Og þeir fá bónus stig fyrir að kynna frumefni (í stærri skjár stærðum) sem brýtur stíft hindranir milli mátanna.
Þetta dæmi er frekar mikil útgáfa af mynstri. Það tekur auðvitað faðma mát nálgun, sem gerir þeim kleift að auðveldlega skipta efni inn og út eftir þörfum. En það er mikilvægt hönnunarmál í vinnunni hér, sem fyrri dæmið skorti. Stærð einingarinnar breytilegt til að endurspegla röð mikilvægis og stað þess í stigveldinu. Hættan á þessu mát er að gera allt í sömu stærð, sem þýðir að þú leggur ekki áherslu á neitt. Hins vegar gefur þetta dæmi greinilega mikilvægi frumefnisins.
Fylling á einum skjá
Að lokum höfum við vefsvæði sem nota nálgun þar sem hönnunin passar að því að fylla skjáinn alveg. Þetta er undirhópur móttækilegrar hönnun með því að hún tengist skjástærðinni. En í þessari sess breytir hönnunin þannig að þau fylli alveg skjáinn og framleiða ekki skrúfa. Þessi skortur á því að fletta þýðir að efnið þarf að vera mjög einbeitt og stigveldi innihalds skýrt komið á fót. Ég finn áherslu og skýrleika þessara vefsvæða að vera hressandi.
Niðurstaða
Þó að ég hafi sundurhleypt þessa þróun hér í einangrun þá er raunin sú að þau tákna byggingarstaði. Og þessi byggingareiningar geta verið saman á marga vegu. Reyndar gætu margir sýni sem hér eru kynntar flutt í fjölmörgum flokkum sem við höfum rætt um. Fjölbreytni skipulaga á nútímavefnum og sú staðreynd að þau eru nothæf gerir vefurinn spennandi miðill til að vinna með.