Kujundussuund: mullide ja mullide taustad
Kas olete hiljuti disainiprojektides märganud kõiki sujuvaid, piirituid kujundeid? Mullide ja plekide kasutamine on trendikas. Lihtsatest ringidest kuni omavahel ühendatavate silmuste, liikuvate ja nihutatavate täisekraaniplokkideni ja lõpetades lihtsate „blobiste” animatsioonidega on see trend ilmnenud kõikjal.
Tore asi on see, et kuigi mullide ja plekide kasutamine on trendikas kujunduselement, on selle tegemiseks nii palju erinevaid viise ja te ei lõpe disainilahendusega, mis näeb välja just selline, nagu proovite lihtsalt moodsat elementi lisada.
Siin on meil veebisaidi kujunduse mini-juhtumianalüüside kogum, mis kajastab mullide ja mullide kujundamise suundumusi.
Tausttekstuurid
Kell
Wed'ze kasutab toodete esiletõstmiseks lahedaid värvilisi plekke - mis on määratletud mõneti ümardatud elementidega, millel pole määratletud kuju. Pliiats paneb fookuse igale erinevale suusaprillide komplektile, millel on selge värvimuutus, ehkki kuju jääb samaks.
Huvitava kuju ja värvi kasutamine teraval valgel taustal loob fookuspunkti ja muudab toote, mis pole sugugi nii visuaalselt huvitav, millega tegelikult tegeleda.
Tänu suurusele loob iga kämp teatava suunavoolu ekraanil vasakult paremale, ajendades kasutajat vaatama selle kuju, kaitseprille ja seejärel üksuse kirjeldust.
Liber Finance Group
Liber Finance Group kasutab kunstielemendi loomiseks rea animeeritud mullide seeriat. Mullid (mida määratletakse rohkem kui ümmargust ja kopsakat kujunduselementi) hõlmavad kindlaid ja täidetud ringe liikumatute ja liikuvate osadega.
Selle kujunduse mullid toimivad visuaalse niidina ja ühendavad veebisaidi osi kogu kujunduse ulatuses. Kujutist kasutatakse kerimise all, mis aitab juhtida tähelepanu teksti ja klõpsatavatele elementidele ning luua kujunduse teema, milles pole palju muud väga visuaalset teavet.
Animatsiooni kasutamine on tõhus viis lihtsate kujunditega huvi tekitamiseks.
Tilk pop
Drop Pop kasutab liiga hõivatud taustal logomärgistusena kämpu. (Kui lingil klõpsate, hoiduge liikumiskiirusest.)
Märk on sõnamärgi konteinerielement ja töötab esitatud kujundusvõimalusega, kuna see võimaldab kaubamärki näha hõivatud ja värvika kujunduse korral.
Ehkki see logotöötlus on siin huvitav, võib selle pikaajalise tehnika kasutamist olla keerukam.
Josh Dring
Kattuvate plekide seeria loob visuaalse kollaaži John Dringi portfelli veebisaidile.
Tänu värvi kasutamisele ja huvitavatele kujunditele tunneb sait sooja ja kutsuvat. Ehkki te ei pruugi olla 100 protsenti kindel, millist tööd ta teeb, kutsub abstraktne kujundus siiski klikke.
Kui kasutate plekidega tausta, mõelge sügavuse efekti loomiseks kihilistele elementidele. See võib aidata pilku tõmmata ja muuta kujunduse köitvamaks.
Andy Patrick
Andy Patrick kasutab oma portfelli veebisaidil ka plekke, kuid täiesti erineva lähenemisviisiga. Seal, kus eelmises näites on esitatud staatilised plekid, muutuvad selle kujunduse kujundid kergete animatsioonidega.
Tänu gradiendivärvivalikutele, mis rõhutavad iga plekki ümarust, on igal plekil peaaegu kolmemõõtmeline tunne. Peaaegu on tunne, et võite nende elementide poole jõuda ja neid puudutada. (Ma kujutan ette, et neil on hea stressipalli pehme, õrn tekstuur.)
Iqor
Iqor kasutab taevapildi osana piklikke mullid ja võimaldada kasutajatel pilvedest kaugemale vaadata ja vaadata, mida ettevõte teeb.
Ehkki need mullid on oma olemuselt staatilised, tagavad nad suuna liikumise tänu seotusele millegi liikuvaga (pilved taevas). Need töötavad erakordselt hästi tänu selles sisalduvale teabele, toimides kunsti ja informatiivse elemendina.
Stuudio Volbloed
Studio Volbloed kasutab lehe About jaluses olevate piltide jaoks veel ühte staatilist mulli, et näidata ettevõtte taga olevaid naisi.
Ehkki enamik inimesi mõtleb mullidest esialgu dekoratiivsete kujunditena, võivad nad toimida ka piltide konteinerielementidena. Need mullid töötavad just selle abil, kuidas kujundid ühendavad ühe pildi moodustamiseks.
Ümmargune kuju peegeldub ka teistes kohtades kogu kujunduses, et saavutada visuaalselt harmooniline kerge mulli olemasolu.
Unter Freiem Himmel
Unter Freiem Himmel kasutab kahte animeeritud mulli, mis ekraani laadimisel näevad välja nagu mullid. Animatsioon peatub kiiresti, et saada saidi nime kohal peaaegu ideaalselt ümmargused kujundid.
Kursor on ka lihtne mull.
Animeeritud mullide lihtne ilu selles kujunduses on muljetavaldav ja ilus. See näide tõestab, et efektse kujunduse saamiseks ei pea te lisama palju elemente ja tehnikaid. Nagu see veebisait näitab, on kaasasündinud ilu lihtsuses.
Hashworks
Viimane näide selles kogumikus on ettevõttest Hashworks. Esmapilgul ei pruugi te võibolla isegi näha plekke; need on ühendatud üksus, mis on ettevõtte logo. Parempoolne logo suur versioon sisaldab aga lahedat ja väga lünka animatsiooni. (Toimingu nägemiseks klõpsake sellel.)
Animeeritud plekid sisaldavad hunnikut tükki, mis toimivad nagu õli tilgad vees ja millel on selge eraldusvõimega vedelik. Nad liiguvad, voldivad ja põrkavad, kuni kõik üksikud liikuvad plekid moodustavad ühendatud ühe plekilogo.
See on üks neist lihtsatest ja säravatest animatsioonidest, mida saate ikka ja jälle vaadata, kuna see on nii hästi tehtud. See näide - ehkki mitte täielik kujundusprojekt - on selle tegutsemise suundumuse hea näide.
Iga mull on erinev
Tore, kui disainisuund sisaldab tehnikat, mille saate ise teha. Erinevalt värvitrendist, kus “kõik” kasutavad ühte varjundit või vahekaugusi või rühmitustrende, millel on sarnane tunne, võib mullide ja plekide kasutamine olla iga projekti jaoks üsna erinev.
Vähesed näited ülaltoodud mini-juhtumiuuringutest näevad välja sarnased, need esindavad erinevaid tööstustüüpe ja on pärit eri paigust üle maailma. Ja neil kõigil on ühist mullide ja plekide kasutamist.
