7 Unique Hönnunarákvarðanir
Ég er alltaf að leita að innblástur, fyrir frábæra hönnun sem áskorar venju. Þessi færsla snýst um einstaka skipulag lausna; það þýðir að ég mun vera að tala um átta mismunandi vefsíður sem sýna eitthvað dæmigerð, á einstakan hátt. Við munum fara yfir einstaka skipulag lausna frá því að sýna vörur, að fella persónulegar og mannlegar þættir á vefsíðu.
1. Harvard endurtekur hinn frægi karrusel
Harvard School of Design Vefsíðan hefur einstaka leið til að nálgast siglingar. Þegar þú landar fyrst á heimasíðunni er sjónrænt skjá á leiðsögninni. Auðvitað er hver einasti hlekkur ekki fulltrúi hér, bara nokkrar lykilatriði. Margir vefsíður hafa falið að tengja við mikilvægustu síðurnar í hausnum á heimasíðunni; það er það sem olli okkur karusellum til dæmis. En ég hef ennþá séð aðra vefsíðu kynna það með þessum hætti. Flakkið getur verið lítið en það er framan og miðjan. Meira um vert, það lítur út eins og það tilheyrir þar. Það er framkvæmt óvenjulega.
Myndirnir til vinstri skarast hvor aðra en þú getur samt séð hversu margir eru þarna. Það er skýrt samband milli myndarinnar og titlanna vinstra megin. Myndirnar snúast í tengslum við hluti til vinstri. Hins vegar hvenær sem er, veistu hvaða upplýsingar eru í boði fyrir þig. Það er eins og Harvards School of Design skapaði betri útgáfu af því sem hringiðan ætti að hafa verið í fyrsta sæti. Ekki aðeins er notagildi tekið alvarlega í þessari hönnunarlausn, útlitið er einnig einstakt. Báðir þessir þættir samanlagt gera frábært sjónhönnun.
2. Tra fer af rist
Það er alveg augljóst að Tra Vefsíðu notar óhefðbundna skipulag. Vefsíðan er almennt lágmarks. Þeir nota einnig andstæða litasamsetningu þar sem bakgrunnurinn er svartur og textinn er hvítur. Litasamsetningin gefur örugglega váþátt. Hins vegar snýst þetta um uppsetningu vefsvæðis Tra. Við skulum byrja á heimasíðunni: Það eru nokkrar stykki af texta á heimasíðunni, það skarast yfirleitt bakgrunnsmyndina að minnsta kosti lítið, nema fyrir málsskýringu frá "Við þekkjum fólk". Afritið er takt sérstaklega til að vera af myndinni. Það er öðruvísi, það er einstakt, það er áberandi.
Á um síðuna er aðeins meira fyrirmæli og notkun á rist. En ristin er enn óregluleg. Það virðist sem hver hluti þessarar síðu hefur sitt eigið rist. Það sem hrifsaði mig mest um þessa síðu er skera af myndinni efst til vinstri á vefsíðunni. Það passar bara ekki inn í neitt. Auðvitað gerir það mig forvitinn. Það kemur í ljós að myndin er gallerí - þú verður að smella á hana til að gera myndirnar opnar. Það er nokkuð snjall leið til að nýta útlit; Þeir sem hafa áhyggjur af að rannsaka eru verðlaunaðir með fullt af myndum. Fólkið sem er ekki sama, missir ekki eins mikið. Það er gaman páskaegg.
3. Skrúfa skór myndir á fastri síðu
Þetta dæmi um einstaka skipulag lausn snýst um online skór söluaðila. Staðreynd Vara síðu er bara ljómandi. Fyrst af öllu notar hönnunin allan breidd og hæð skjásins. Það þýðir að hvert svæði skjásins hefur verið tilnefnt með sérstökum tilgangi. Í öðru lagi er vefsvæðið einfalt, lágmarks og hreint. Það þýðir að jafnvel þó að hönnunin sé að nota allan skjáinn, þá er það ekki sóðalegur. Það er mjög gott þar sem nóg af hönnun byggir á hvítum svæðum til að gera fyrir hreint og létt útlit vefsíða.
Það sem hrifði mig mest um þessa tiltekna vöru síðu er hvernig skipulagið er skipt. Síðan er sérstaklega skipt í þrjá mismunandi hluta. Í fyrsta lagi er það siglingar á vinstri hlið. Það er nokkuð staðlað og ekkert of sérstakt. Þá er hægra megin við upplýsingar um vöru. Bæði, vinstri hliðarleiðsögnin og upplýsingasvæðið eru fastar á skjánum. En síðasta hlutinn, miðjan myndhluti, er fyllt með fletta myndir. Ég held að það sé frábær lausn vegna þess að það er ekki algengasta lausnin.
Oft er tíminn, ef stór listi yfir vöruljósmyndara er, liggur upplýsingar um það eftir. Hér, þegar ég flettir niður sé ég ennfremur lýsingu og heiti vörunnar, ég sé ennþá mismunandi litina sem hún kemur inn og getur nálgast frekari upplýsingar, svo sem upplýsingar um efni eins og ég þóknast án þess að þurfa að fletta upp og niður. Í heildina er þetta óaðfinnanlegur reynsla fyrir hugsanlega viðskiptavin.
4. Sýnir af mörgum hliðum vörunnar í einu augnabliki
Hér höfum við aðra vöru síðu og aðra leið til að sýna vöru. Allt í lagi, við höfum líka annan skó td! Afura 'S vefsíðu hefur einnig einstaka skjá aðferð. Í þetta sinn eru skórnir sýndar í mörgum mismunandi skotum efst á síðunni. Það er í raun hluti af UI frumkvöðull. Hins vegar er nothæfi hér ekki stórt mál. Til að byrja, eru þrjár myndir birtar sjálfgefið á skjáborði eða skjáborðsstærð. Sjálfgefin myndir hafa sömu bakgrunni sem gerir gott og óaðfinnanlegt skjá. Ef notandi átta sig ekki á því að myndirnar séu hluti af karrusel, munu þeir að minnsta kosti sjá þrjár mismunandi myndir af vörunni á tölvum sínum. Fyrir minni skjástærð eins og töflur er sjálfgefin að sýna tvær myndir í einu. það er enn frekar gott. Allt í allt er sýning skóranna hér einstök hönnun.
5. Opendoor sýnir menn sína
Ég trúi því að vefurinn sé ópersónulegur staður þar sem við sjáum venjulega ekki manneskju; alvöru fólk á bak við forrit, vörur, fyrirtæki og svo framvegis. Ég hef alltaf reynt að fela mannlega þátt í hönnun minni. ég sé það Opin hurð vill gera nákvæmlega það sama. Á heimasíðu þeirra, um það bil hálfa leið niður, er hluti sem kallast "Við höfum fengið bakið." Það er ætlað að útskýra að það eru raunverulegir menn á bak við Opendoor fyrirtæki sem eru þarna til að hjálpa viðskiptavinum sínum hvert skref á leiðinni. Nú, Opendoor gæti bara skilið það þar en í staðinn settu þau stóru mynd af einum starfsmanna sinna.
Þessi hluti hefur mjög litla texta. Í staðinn er myndin og andlitið stærsti hluti hlutans. Ég myndi jafnvel segja að myndin overpowers hlutann á 100% jákvæðan hátt. Ef myndin hefði verið smámyndir eða myndavél, þá myndi áhrifin ekki einu sinni vera til staðar. Ef myndin hefði verið meðalstór ferningur (segðu að minnsta kosti 300px um 300px) rétt við hliðina á eintakinu, þá myndi áhrifin ekki vera sú sama. Valið að nota svo stóran mynd af vinalegt andlit Marks var gott símtal; Ekki aðeins er þessi hönnunarspurning fólgin í mannlegri og persónulega hönnun, það er líka skapandi. Án þessa myndar, væri engin persónuleg áhrif á notandann. Án þessa tilteknu skipulags myndi þessi hluti hafa allt öðruvísi tilfinningaleg áhrif.
6. UX Flow sýnir smá fjör getur farið langt
Þetta næsta dæmi um einstaka skipulag lausn hefur að gera með fjör. Ef þú skoðar heimasíðuna UX Flow og flettu niður svolítið geturðu tekið eftir því að einn af bakgrunni hluta hreyfimyndar. Það er heiðarlega ekkert ímyndað en það er einstakt. Bakgrunnur léttir ekki eins og þú flettir á vefsíðu. Ef eitthvað hefur verið á undanförnum árum höfum við séð mismunandi þætti innan svæðisins fljúga inn eða út eins og þú flettir. En ég hef ekki virt það margar bakgrunnsmyndum fyrir utan parallax. Ástæðan er mikilvægt er að bakgrunnur skilgreinir hluta. Og þó að þetta sé ekki einhver brjálaður fjör það er enn áhrifamikill.
Ekki þarf allt að vera feitletrað, hávær og óþarflega að vera áhrifamikill. Stundum eru lúmskur hlutir eins og lítið og fljótlegt, auðvelda hreyfimynd bara nóg til að framleiða einstaka reynslu fyrir notanda. Þetta er örugglega einn af þeim tímum. Annar hlutur sem er mikilvægt að taka eftir er að köflurnar sem fjörin gerast hafa ekki einstaka skipulag sjálfir. Það er í lagi; Umskiptin er áberandi eins og þú ferð frá einum hluta til annars, það er ennþá hluti af skipulaginu, jafnvel þótt það sé ekki endalistinn sem gerður er af hreyfimyndinni.
7. Ted Todd samþætt kort
Sjónræn hönnun og almenn notandi reynsla af Ted Todd Vefsíðan er vel hönnuð. Fyrir þessa grein, langar mig til að tala um hvernig Ted Todd notar staðsetningar- og kortasvæðið á vefsíðunni sinni. Undir neðst á heimasíðunni er hluti tilnefnd fyrir mismunandi skrifstofustaði sem fyrirtækið hefur um Flórída. Það eru margar ástæður fyrir því að þessi hluti er ótrúleg. Í fyrsta lagi notar hlutinn uppbyggingu á einstaka hátt til að veita stjörnuhönnunarlausn. Mest áberandi hlutur um þennan kafla er létt form Florida til hægri. The sjón af Florida með mörgum punktum hennar er frábær leið til að sýna fram á að fyrirtækið nái. Þeir segja ekki bara að þeir séu í Flórída, hönnunin sýnir þér nákvæmlega hvar. Það er auðvelt sjón að melta og það er framkvæmt á frábæran hátt líka.
Næsta mikilvægasta hlutinn í þessum kafla er punktarnir. Þeir eru í raun gagnvirkar. Þegar þú sveima yfir þá færðu nafnið á bænum eða borginni sem Ted Todd Tryggingastofan er staðsett í. En ef þú smellir á það fer allt liðið til vinstri til að búa til pláss fyrir upplýsingar um tiltekna skrifstofu. Þú færð símanúmer skrifstofunnar, heimilisfang, opnunartími auk lista yfir starfsmenn. Mér líkar við þessa hönnunarlausn vegna þess að það leyfir notanda að fljótt fletta að staðsetningu nálægt þeim. Það er sjónrænt miklu meira áhugavert og einstakt framsetning en ef upplýsingarnar voru staflað ofan á hvor aðra á blaðsíðu "Flórída Skrifstofur okkar," finnst þér ekki?
