Ósamhverf jafnvægi í vefhönnun
Þegar ég fjallaði fyrst um hugmyndina um samhverf hönnunarmynstur hér á Webdesigner Depot Ég hafði engin áform um að grafa í hugtakið ósamhverfar hönnun.
Hins vegar því meira sem ég hugsaði um það, því meira sem mér fannst þvingað til að ná yfir efnið til að andstæða nokkrar hugmyndir sem snúast um samhverf hönnunarmynstur.
Í ósamhverfri hönnun finnum við hönnun sem inniheldur þætti sem skapa ekki spegilmynd. Oftast eru þessar ósamhverfar hönnun í raun jafnvægi, en bara ekki í gegnum fullkomlega svipaðar helmingar.
Þessi tegund af hönnun er í raun miklu auðveldara að koma með, miðað við að flest innihald lendir ekki til fullkominnar samhverfu.
Við skulum íhuga ýmsar síður sem setja þessa hönnun nálgun að vinna og kannski uppgötva nokkrar hugmyndir sem geta haft áhrif á eigin hönnun vinnu þína.
Inngangur að notkun asymmetry
Bully Entertainment
Sem kynning á hugmyndinni um ósamhverf hönnun gefur þetta stórkostlega hönnun frekar gott upphafspunkt. Þó að það sé í raun engin ástæða að þessi hönnun gæti ekki verið endurstillt til að framleiða fullkomið samhverfi, myndi það bara ekki virka næstum eins og heilbrigður. Stórt, vel útskýrt hönnun mótvægir texta heimasíðunnar fallega. Stærð þeirra tryggir að þeir séu mjög sýnilegar og þeir eru helstu sjónarvélar í hönnuninni. Þessi náttúruleg jafnvægi milli einn stór þáttur og þéttari pakkað val er mjög algeng nálgun.
Jorge Rigabert
Þessi skipulag kynnir nokkuð staðlað vefútlit. Lítið hliðarsúla sem inniheldur lykilleiðsögn, parað með miklu stærri dálki fyrir vefsvæðinu. Þetta er kannski einn handfylli af venjulegu skipulagi sem notaðir eru daglega af hönnuðum. Ég tel mikið af hönnun ferlinu í þessu tilfelli gerist parhús sjálfkrafa. Íhugaðu hliðarstikuna í þessu tilfelli sem jafnvægi jafnvægi á innihaldssúluna. Skenkurinn hefur dökkari lit, sem hjálpar henni að vega upp á móti léttari efnisrásinni. Án myrkri bakgrunni myndi slóðin líklega glatast og ekki standa út næstum eins og heilbrigður.
Myndir til að jafnvægi texta
Annar tiltölulega staðall nálgun við vefhönnun sem endar að vera ósamhverf hönnunareining er pörun texta með myndum. Eins og þú munt sjá í sýnum hér fyrir neðan, hver hefur stór mynd. Þessi mynd er pöruð einhvern veginn með textabroti. Þessi samsetning er mjög algeng.
The bragð er nokkuð augljóst, bara tryggja tveir viðbót hver öðrum á einhvern hátt. Í ljósi þess að þessi tvö atriði munu venjulega búa til lykkju fyrir augun, er mikilvægt að þeir vinna einhvern veginn saman. Augljósasta nálgunin er að hafa myndina bókstaflega að sýna eða sýna hvað textinn snýst um. Annar sameiginlegur aðferð er að láta myndina lengja hugmyndina sem birtist í textanum.
Hér eru nokkrar sýnishorn til að íhuga.
Kaka sætur kaka
Þessi hönnun er vissulega vel jafnvægi en það notar nokkrar ósamhverfar þættir til að ná þessu. Takið eftir stóru myndinni af köku ásamt texta. Myndmálið er nokkuð augljóst, en í grundvallaratriðum mikilvægt. Í þessu tilviki tilkynnir köku ekki aðeins að þetta sé kaka búð, en hvaða stíll sem þeir gætu boðið. Sameina þetta með því að skýra texta í tengslum við það og þú ert með falleg darn hreinsa velta vellinum. Þetta er allt að ekki einu sinni nefna ótrúlega bragðgóður hönnun þessi síða er vafinn í.
Meira Soda
Þetta dæmi notar einnig ósamhverfar hönnunarþættir sem byggjast á stórum mynd ásamt textablokki. Í þessu tilfelli er tengingin ekki næstum eins skýr. Það er engin augljós velta þáttur þátt. Í staðinn verður myndin meira skreytingar og skapar heildarvitningu stíl fyrir síðuna. Að mínu mati er það aðeins minna hagnýtur en það er mjög erfitt að segja án þess að vita nákvæmlega hversu árangursríkar vefsvæðið er. Það virðist sem sjón eins og þetta hefur eintölu markmið að tæla þig til að grafa í aðeins meira til að sjá hvað þeir eru allt um. Svipuð teaser, ef þú vilt.
Adaptive Web Design
Eins og þú hefur líklega þegar mynstrağur út, er þetta mynstur eins algengt og liturinn blár. Ég myndi þora að spá í að næstum hvert vefsvæði endar að setja sjónrænt tól eins og þetta til að vinna einhvern tímann. Ég held að þetta sameiginlega staður eðli gerir það efni vel þess virði að ræða. Oft finnst mér mest innblástur og ferskar hugmyndir að endurskoða hluti sem ég geri aftur og aftur án þess að hugsa.
Þessi einfalda síða stuðlar að bókum. Og auðvitað er aðalatriðið sem þú landar á það stórt mynd af bókinni. Sameina þetta með stóru textaskilaboðum og þú hefur vel jafnvægið svæði sem inniheldur öll mikilvæg atriði. Mikilvægast er að það er lokið með auga-smitandi aðgerð. Samhengi þessa svæðis er einfalt og blettur á. Augun flæða auðveldlega í gegnum það og neyta mikilvægar upplýsingar. Það er ekki ruglingslegt, eða flókið eða snjallt eða erfiður. Aðferðin er einföld og skýr.
Forgrunn og bakgrunnsþættir
Ein ferska nálgun við ósamhverf hönnun er að nýta bakgrunnsþætti sem ójafnvægi jafnvægi í forgrunni sjálfur. Þessi tegund af nálgun skapar áhugaverðan kraft þar sem bakgrunnurinn þjónar meira hlutverki sem hluti af innihaldi, en enn er enn hluti af bakgrunninum á síðunni. Oftast er þetta gert með einföldum skörpum sem skapa tilfinningu um dýpt. Hér eru nokkrar sýnishorn til að íhuga.
Peter McLeavey Gallery
Vefsíður þessa myndasafns eru fullkomin sýning á þessari hugmynd. Hér er bakgrunnur þáttur þjónar mörgum hlutverkum. Í fyrsta lagi að þessum liðum skapar það ósamhverft jafnvægi við stóra gráa hringinn í forgrunni. Þessi sjónræna samsetning skapar tvö svið sem valda augunum að stökkva fram og til baka. Þetta er að mínu mati gott.
Einingin til vinstri inniheldur helstu vörumerki og tengla á innihald síðunnar, þótt bakgrunnsþætturinn upplýsir þig um samhengi vefsvæðisins. Þú ert að horfa á gallerísíðu, og þetta verður auðæft augljóst innan nokkurra sekúndna lenda á vefsvæðinu. Ég elska það svo upplýsandi þáttur sem bakgrunnur getur einnig gegnt mikilvægu hlutverki í hönnun og heildar stíl vefsvæðisins. Sérstaklega þegar það eykst svo fullkomlega með samhengi vörunnar sem síða býður upp á. Slík einföld nálgun, en mjög áhrifarík.
Aleksandar Grkinic
Þetta einfalt um mig síðu nær einnig til þessa einfalda hugmynd þar sem bakgrunnsþátturinn jafnvægi út í forgrunni eins ósamhverft. Í þessu tilfelli er þó bakgrunnurinn ekki alveg skýrur. Og þetta er það sem ég elska virkilega um það. Illusionin um dýpt er algerlega þarna og það er í raun erfitt að ákveða hvað bakgrunnurinn er í raun án nokkurs konar skarast. Ég geri ráð fyrir að við gætum haldið því fram að manneskjan stökki ekki í bakgrunni yfirleitt. Óháð því er ósamhverft jafnvægi ljóst. Og án þess að falleg samsetning af mismunandi þáttum væri blaðið ekki til. Hönnunin er, á margan hátt, eingöngu byggð á hugmyndinni um ósamhverf jafnvægi. Oft sinnum virðist sem mjög einföld hönnun getur litið óvenjulegt með fallegum andstæðum eins og þessu.
Robert Dabi
Í þessu tilfelli spilar bakgrunnurinn áhugavert hlutverk í hönnuninni, en framleiðir ekki ósamhverfar þættir sem við höfum séð hingað til. Að mínu mati er stór sjónrænt augljóslega forsendur frumunnar. Það sem ég elska þó, er hvernig það lýtur svolítið þessa línu með eitthvað eins einfalt og skugginn fyrir neðan myndina. Þetta sameinar þetta í raun með bakgrunninum og skapar fallegan kraft. Augljóslega er stóra myndin jafn ósamhverf við afritið við hliðina á henni. Skrefaðu í gegnum síðurnar á síðunni og þú munt finna yndislega að bakgrunnurinn breytist og sameinast með myndefnunum á mjög áhugaverðum vegu. A töfrandi hönnun sem finnst ferskur, hreinn og frábær sléttur. Virðist eins og darn góð kynning á eignasafni fyrir mig.
Tíu fleiri hönnun
Hér að neðan hefur ég veitt tíu viðbótar hönnun sem nýta ósamhverfar þætti. Eins og ég hef þegar getið gæti ég sett mikið af vefsíðum inn í þennan flokk. Svo, í þeim tilgangi að þessi grein hefur ég vel valið hönnun sem mér finnst nýta nálgunina í örlítið óhagstæð og skapandi hátt. Íhuga hverja hönnun í ljósi þessa efnis og ég vona að þú munir fá nýjar hugmyndir til að hvetja til næstu hönnunar.
Greenluv
Andersson Wise
Spá
13 konur
Raffles Institution
Urban Svensson
Carousel
Purlize
Rútur á Brewery
Humaan
Niðurstaða
Jafnvægi er grundvallaratriði í hönnunarferlinu og notkun ósamhverfa þætti er jafn grunn. Ég elska alltaf að grafa aftur í grunnatriði hönnunar þar sem ég kemst að því að ég skil það alltaf á nýjan hátt sem hefur áhrif á verkið sem ég geri. Það eru ótal leiðir til að nálgast hluti og að brjóta mynstur okkar getur oft leitt til fersku og nýja hönnun sem endurnýja ástríðu okkar fyrir störf okkar.
Hver er uppáhalds ósamhverfa vefsíðan þín? Hver er að gera eitthvað öðruvísi með asymmetry? Láttu okkur vita í athugasemdum!