Mustvalge disain: 10 suurepärast näidet (+ näpunäited)

Mustvalge kujundusskeem võib olla üks projekti silmatorkavamaid kombinatsioone. Nende värvide sügav kontrast ja lihtsustatud olemus (või nende puudumine) pakuvad palju võimalusi uurida muid tehnikaid, et kujundust maksimaalselt kasutada.

Mustvalged kujundused on alati olnud üsna populaarsed, viies viimasel ajal üle valge tausta ja mustade elementidega minimalistlikumate stiilide juurde. Kuid nagu näete sellest uimastatavate mustvalgete disainiprojektide kollektsioonist, on uurimiseks nii palju muid võimalusi.

Uurige Envato elemente

1. Mustvalge fotograafia

Seda pildistamisstiili saab kõige paremini kasutada fotograafiga, kes on projektiga seotud algusest peale.

Mustvalge fotograafia võib olla suurepärane viis värvitu kujunduse loomiseks, millel on palju visuaalset mõju. Mustvalgel pildil on lihtsalt midagi, mis paneb teid peatuma ja vaatama. (Võib-olla sellepärast, et need pole eriti levinud.)

Imagista kasutab veebisaidi peamise kujunduse jaoks ilusat mustvalgete piltide kollektsiooni - nagu ka kerimise all olevaid peakomplekte. Isegi kodulehe hüpikreklaamil on sama mustvalge esteetika. Isegi ilma värvideta soovite lihtsalt pilte vaadata ja mõista täpselt, mida kujundus üritab suhelda.

Mustvalge fotograafia kasutamist peate hoolikalt kavandama - see pole lihtsalt fotofiltrile viskamine. Seda pildistamisstiili saab kõige paremini kasutada fotograafiga, kes on projektiga seotud algusest peale.

2. Mustvalge kerimise kohal

Mitte kõik mustvalged kujundused pole ainult mustvalged. Paljudel on mustvalge versiooni värvielementide muster.

North Street Creative teeb seda hästi, kui mustvalge päis ning jalad ja värvielemendid on laiali hajutatud. See loob aimu, mis on agentuuri bränding (mustvalge) ja mis on projektitöö (värviline).

See tehnika on tõhus viis elementide ja sõnumite vahelise eraldatuse saavutamiseks kogu kujunduse vältel. See aitab kasutajatel mõista, kus nad asuvad sisus ja kuidas elemendid üksteisega seostuvad või mitte.

3. Rikas must

Mustvalge kujundus ei pea olema must. Parema lõppkvaliteedi tagamiseks võivad prinditud disainerid olla harjunud töötama K (või puhta) mustaga. See piirang ei eksisteeri veebis.

Valige rikas must, et luua jahedaid või sooje assotsiatsioone ja pakkuda kaasahaaravamat mustvalget paletti.

Must M teeb seda oma veebisaidiga. Taustal ja pildil on rikkalik must, rohke sinaka alatooniga ja kreemjasvalge. See tänapäevane tõeline mustvalge keerutamine on pisut visuaalselt huvitavam ja just see asi võib eristada mustvalget disaini kõigist muudest kujundustest, kasutades seda värviskeemi.

4. Enamasti valge

Mustvalged paletid võivad suhelda järsult erinevate asjadega.

Mustvalge kujunduse korral kasutage samu põhimõtteid nagu mis tahes muu värvipaleti puhul ja valige üks neist domineerivaks värviks. Võite mõelda ka tausta ning teksti ja elementide värvivalikutena.

Kuid enamik parimatest mustvalgetest värviskeemidest võiks tegelikult olla must või valge.

Kalpa kollektsiooni sait on kena, kuna valge on pigem nn hele variant, mitte puhas valge. See võib olla silmade jaoks palju lihtsam - eriti ekraanide ja seadmete taustvalgustuse korral -, mis muudab enamasti valge kujunduse üsna hõlpsasti loetavaks. Taust ja põhipilt on delikaatselt erinevad, kuid peaaegu tuhmuvad üksteise suhtes. Tekst seisab teravas kontrastis.

5. Enamasti must

Teisest küljest võite kujundusega minna enamasti mustaks ja kasutada rõhutamiseks valgeid aktsente ja teksti.

Esimene asi, mida nendele näidetele tagasi vaadates võite märgata, on see, kui erinevalt nad end tunnevad. Mustvalged paletid võivad suhelda järsult erinevate asjadega. Oluline on veenduda, et loote kasutajatega värvipaleti suhtes soovitud emotsionaalse ühenduse.

Dubois on kena, sest lihtne must taust on heledate täppide ja ilusa tüpograafiaga, mille ümber on palju ruumi.

6. Pole sekundaarset värvi

Ehkki enamik mustvalgeid disainilahendusi sisaldab mõnda värvi, saate projekti ilma kolmanda aktsendita välja tõmmata.

Trükised on puhtalt mustvalged. Ainus element, millel on mõned värvivariatsioonid, on mustvalge pilt ekraani keskel. Tulemus on täiesti vapustav.

7. Rõhumärvi vihje

Liiga suur osa aktsentvärvi mustvalges kujunduses võib aktsendi tähenduse tegelikult lahjendada

Vihje värvi kohta mustvalges kujunduses on just see asi, millega joonistada pilti kujunduse konkreetsele detailile või elemendile. See tehnika on populaarne paljudes värvitu disainiprojektides.

Väljakutse on leida just õige aktsentvärv ja kasutada seda teravalt, nii et see tegelikult midagi tähendaks. Liiga suur osa aktsendivärvi mustvalges kujunduses võib aktsendi tähendust tegelikult lahjendada, muutes selle vähem tähtsaks.

Wolf Themes'i projekti demonstratsioonisaidil on kasutatud selget mustvalget värvipaletti, millel on vihje punasele. See värv juhib kasutajad kõigepealt pildi sellesse ossa ja seejärel otse ekraani horisontaalselt sõnumside juurde. Rõhumärv on kujunduse visuaalne sisenemispunkt.

8. ilma kunstita

Mustvalge kujundusmuster võib olla lahendus, kui teil pole ühtegi kunstielementi, millega töötada. Uimastav värvipaar (ja aktsent) võivad luua fookuspunkti ka ilma tõelise kunstita.

Violet teeb selle toreda töö lihtsa disainimustriga, millel on ühele värvinupule kutsumine. Kujundus loob sügavuse, kasutades mitu musta nurgakujulist varjundit, et eraldada elemendid ja hoida kujunduse voog lehel alla liikudes.

9. Animatsioonide näpunäited

Animatsiooni vihje lisamine võib anda kujundusele keerukama visuaalse oleku.

Paljud neist kujundustest on oma olemuselt minimaalsed. (Mustvalge kujundusega saab teha vaid nii palju, enne kui see segaseks hakkab.)

Animatsiooni vihje lisamine võib anda kujundusele keerukama visuaalse oleku. Proovige midagi peent, et kasutajad ei peaks toimuva mõistmiseks liiga palju vaeva nägema ja loovad mingil eesmärgil animatsiooni.

Lennuettevõtjad kasutavad lihtsat teksti nihutamist pluss liikuvat joont, et juhtida kasutajad ekraani allosas olevale kerimisdirektiivile. Tänu kogu ruumile liigub silm kohe animatsiooni juurde, mis pakub selget huvipunkti selle suhtes, mis võiks muidu olla peaaegu igav mustvalge kujundus.

10. Loo intensiivsus

Mustvalgel kujundusel on oma olemuselt teatav intensiivsuse tunne. Seal on teravamad ja teravamad kui mõnel teisel kujundusmustril.

Pange rõhutama ja looge kujunduses kasutatavate elementide abil veelgi intensiivsust. Koera silmatorkavat pilti - mitte vähem kui merevaigu silmadega - on raske eemale vaadata. Valge tekst ütleb midagi. See läheb peaaegu näkku. See intensiivne kujundus võib kasutajad liikumist hoida ja soovivad näha, millised on veel saladused ja üllatavad elemendid.

Järeldus

Kui enamik inimesi mõtleb mustvalget kujundust kuuldes kohe “minimaalselt”, siis see ei pea nii olema. Nagu ülaltoodud näited näitavad, võib mustvalge kujundus olla oma olemuselt minimaalne või keeruline ja intrigeeriv.

Enamikule disaineritele meeldib lisada huvipakkuvate lisaelementide jaoks mustvalgele kujundusprojektile värvilahendusi. Maksimaalse mõju saavutamiseks otsige terava kontrastsusega värve.