Alveg skilningur á móti í hönnun
Venjulega er efni mótsins frátekið fyrir byrjendur. Bækur munu segja að "svart og hvítt hafi andstæða, rautt og appelsínugult ekki" - en það er svo margt fleira.
Byrjendur bækur snerta venjulega aðeins á litróf en hvað um stærð og mótaðstæða? Oft er auðveldasta leiðin til að segja áhugamaðurhönnuður frá faglegum að skoða hvort þeir nota andstæða.
Að búa til uppbyggingu sem skiptir máli með því að nota stærð, lögun og lit er það sem gefur blaðsíðni og læsileiki lesandans.
Í þessari færslu ætlum við að líta á smáatriði í smáatriðum, skoða stórar leturgerðir, angurværar gerðir, skýrar deilur, myndmál og hvernig þeir passa saman saman með því að nota andstæða fyrir góða notendavara.
Kynning á andstæðum
Andstæður geta verið skilgreint sem "munurinn á sjónrænum eiginleikum sem gerir hlut (eða framsetning hennar á mynd) aðgreindar frá öðrum hlutum og bakgrunni." Í venjulegu ensku sem gæti verið lýst á grundvallastigi þess sem "hlutir sem líta öðruvísi út frá öðru. "
Fyrir hönnuði í öllum gengum starfseminnar, en sérstaklega vefhönnuðir, er andstæða í rótum nánast allt. Við erum stöðugt að reyna að koma á mikilvægum stigum, draga fólk til ákveðinna svæða síðu og miðla skýr og nákvæm skilaboð í starfi okkar. Að búa til sambönd milli mismunandi þætti í hönnun er bara um það mikilvægasta sem þú getur gert. Þú hefur líklega verið að gera það mikið þegar, meðvitað eða ekki.
Augljós dæmi um andstæða eru svart og hvítt, stórt og lítið, hratt og hægur, þykkt og þunnt. Andstæður eru auðveldasta leiðin til að skilja hvaða andstæða er, en þegar beiting er á móti hönnunarvinnu er það aldrei alveg eins og svart og hvítt. Ef þú veltir fyrir þér, þá er það að segja frá því að ástandið sé "svart og hvítt", en það leiðir einnig til þess að eitthvað sé "grátt svæði". Við hönnun er oft að bera saman það sem er öðruvísi en ekki andstæða, til dæmis H1 og h1, eða "bæta við í körfu" hnappinn og "kíkja" hnappinn. Þetta er þar sem meiri mótsögn kemur í leik.
Lítum á mismunandi gerðir af andstæðum og nokkrum dæmi um hvernig þær eru notaðar í vefhönnun.
Liturviðburður
Algengasta dæmi um allt, þetta er ansi mikið þar sem allt byrjar. Ef tveir litir eru frábrugðnar hver öðrum (td svart og hvítt) þá eru þeir með mikla andstæða, en ef þeir eru mjög svipaðar (rauð og appelsínugult) þá eru þeir með litla andstæða.
TekRoc notar mjög augljós litauglýsingu hér með því að setja upp björt og lífleg mynd ofan á mjög dökkum bakgrunni. Björt appelsínugulur og blár skýra greinilega út og auganu er strax dregin að þeim yfir öllu öðru á síðunni.
Tim Van Damme gerir frábæra notkun á birtuskilum í GoWalla vefsíðunni. Ekki er víst að multi-lituð landamærin efst á síðunni standi út og skapa sjónræna áhuga með því að vera öðruvísi en fölbakgrunnurinn, en hann hefur einnig bætt við mjög lúmskur 1px dropaskuggum við textann á hnöppum. The örlítið dekkri appelsínugult hjálpar til við að búa til andstæða á milli hvíta textans og appelsínugult bakgrunn.
Envato eru meistararnir í lúmskur andstæðu og líklega er hægt að setja stefnuna um að nota 1px landamæri fyrir þá en einhver annar. Allar síðurnar þeirra eru með margar stakir pixlar til að búa til andstæða milli hluta. Í skjámyndinni hér að ofan gætu tveir innihaldssviðin verið skipt með aðeins rúm eða einum línu, þó með því að nota tvær línur (eitt dökk, eitt ljós) búa þeir lúmskur mótsögn milli tveggja hluta sem er afar árangursrík.
Stærð andstæða
Næsta algengasta form mótsins er að nota stærð. Eitthvað stórt við hliðina á einhverjum litlum bendir almennt til þess að stærri hlutinn sé mun mikilvægari. Það er rétt, við segjum að stærðin skiptir máli!
MadeByWater er hönnunarsafn Jordan Vitanov. Hann notar stærð andstæða með mjög stórum typography að þegar í stað flytja tilvitnun af Bruce Lee sem skilgreinir hvers vegna hann hefur valið að vörumerki sig með MadeByWater nafninu.
28Thiers er aðlaðandi barátta í Frakklandi. Vefsíðan þeirra nýtur mikillar notkunar á stærð mótsins til að vekja athygli þína strax á stóru myndina af Martini með ýmsum innihaldsefnum í kringum hana. Það er strax ljóst að þetta er mikilvægasti þátturinn á síðunni og hönnuður vill að þú horfir á myndina og selt á þeirri staðreynd að það er afar flottur stofnun.
SlideScreen gerir margar notkunarstærðir á stærð þeirra á vefsvæðinu. Auk þess að nota vörur sínar með stórum skjámyndum, nota þau einnig mjög stór hnappa fyrir aðalhringja sína til aðgerða. Þeir vilja að þú horfir á myndskeið af vörunni í aðgerð, og þá viltu að þú hleður niður því. Þetta eru mikilvægustu þættirnar á síðunni þannig að þau eru verulega stærri en hinir hlutir sem umhverfis þau.
Móta mótsögn
Shape andstæða þýðir að gera hlutina athyglisvert vegna mismunandi þeirra í líkamlegu formi samanborið við aðra hluti á síðunni. Á grundvallarstigi hennar er hægt að nota það í hlutum eins og að bæta við ávölum hornum við hnappa, en það er hægt að laða að miklu meiri athygli að því er varðar fleiri ákvarðanir.
Anebstar notar lögun mótsögn til að sýna þrjár mikilvægar myndir í hausnum. Vegna þess að flestir hlutir á vefnum eru rétthyrndar, er ein af auðveldustu leiðin til að ná fram móts mótsögn að nota hring. Auðvitað hefur þetta dæmi einnig smá stærð andstæða blandað saman, en þú getur greinilega séð hvernig hringlaga þættirnir standa út úr öllu öðru á síðunni.
Carbonmade er töfrandi staður með alvöru blanda af glæsilegum myndum og vel kynnt efni. Einföld skráningartakki hér hefði unnið, en stærð og litamynstri myndi líklega ekki hafa sett það í sundur frá upptekinni bakgrunni. Ef þú bætir vinalegum kolkrabba við bak við hnappinn gefur það í raun það sem munur á lögun til að draga augað beint við það.
WireframePlus nota einfalt en mjög árangursríkt hluti af mótsögnum til að vekja athygli á verðinu á þjónustu þeirra. Þeir vilja að þú lesir innihald þeirra en umfram allt eru þeir að reyna að selja þig á góðu verði með því að setja stóra hring á bak við það.
Staða viðburðar
Búa til andstæða í staðsetningu er mjög góð leið til að búa til stigveldi þætti eingöngu með því að nota mismunandi röðun. Í seinni tíð hefur þessi tækni verið vinsæl hjá fólki eins og Elliot Jay Stocks, sem notaði það til mikils á nýjustu eignasafni sínu.
Elliot Jay Stocks notar ítarlegt rist til að skilgreina röðun allra þátta á vefsvæðinu. Athygli er kallað á ákveðin svæði með því að vera dregin inn til vinstri eða hægri í sömu röð. Í þessari tilteknu skjámynd stendur inngangsorðið í raun út vegna þess að það er raðað lengst til vinstri, þar sem augað lítur fyrst út til að lesa eitthvað. Þessi tegund af röðun hefur "innblásin" marga aðra hönnuða undanfarna tólf mánuði til að búa til hönnun með staðbundnu andstæðu í sömu tegund af stíl.
SimpleBits er vörumerkið sem Dan Cederholm vinnur undir, þú getur þekkt hann frá verkefnum eins og Dribbble . Við fyrstu birtingar virðist vefinn SimpleBits ekki hafa neina staðbundna andstæðu, en þegar þú byrjar að fletta verður allt ljóst. Þar sem einhver notar fastan bakgrunnsmynd til að búa til snyrtilegur stílfræðileg áhrif hefur Dan lógóið og flakkið verið fullkomlega fastur þannig að óháð því hvar þú flettir til, þá eru þau alltaf á sama stað á skjánum. Þetta er frábært dæmi um óstöðluð staðbundið andstæða.
SquaredEye er hönnunarverslunin sem Matthew Smith rekur og dæmi um námsefni í eigu hans gera frábært að nota staðbundið andstæða. Þú þarft að sjá alla síðuna til að fá hugmyndina en í raun hefur Matthew nákvæmlega búið til ákveðna staðsetningu fyrir hvern hluta síðunnar. Þetta skapar frábæran andstæða milli hluta og skapar mikla sjónræna áhuga fyrir lesandann án þess að vera afvegaleiða.
Andstæður Niðurstaða
Það er svo miklu meira að andstæða en bara "ljós og dökk" - það er ein mikilvægasta meginreglan í hönnun og þú getur næstum aldrei of mikið af því, að því tilskildu að þú notir það rétt.
Að taka hönnunina á næsta stig snýst ekki um að finna næsta hljómsveitina til að halda áfram að nota ávalar horn og sleppa skuggum fyrir allt, það snýst um að finna betri og skilvirkari leið til að miðla skilaboðunum á bak við hönnunina.
Að kanna nákvæmlega í smáatriðum og nota það til fulls möguleika þess er ein besta leiðin til að gera þetta.
Hvað finnst þér? Hversu mikla athygli borgar þú fyrir andstæða í hönnun þinni? Ertu eitthvað sem þú hugsar um allan tímann eða er það eitthvað sem kemur náttúrulega?