Črno-belo oblikovanje: 10 osupljivih primerov (+ nasveti)

Črno-bela oblikovna shema je lahko ena od najbolj presenetljivih kombinacij za projekt. Globok kontrast in poenostavljena narava teh barv (ali pomanjkanje le-teh) zagotavljata veliko priložnosti za raziskovanje drugih tehnik, da bi kar najbolje izkoristili oblikovanje.

Črno-beli dizajni so bili vedno zelo priljubljeni, v zadnjem času pa so se spremenili v bolj minimalistične sloge s pretežno belim ozadjem in črnimi elementi. Toda kot boste videli v tej zbirki osupljivih črno-belih oblikovalskih projektov, obstaja še veliko drugih možnosti, ki jih lahko raziščete.

Raziščite Envato Elements

1. Črno-bela fotografija

Najboljši način uporabe tega sloga fotografiranja je, če je fotograf vključen v projekt od samega začetka.

Črno-bela fotografija je lahko odličen način za ustvarjanje brezbarvnega dizajna z veliko vizualnega učinka. Nekaj je v črno-beli sliki, zaradi česar se ustaviš in pogledaš (morda zato, ker niso zelo pogoste.)

Podjetje Imagista uporablja čudovito zbirko črno-belih slik - in posnetkov glav pod pomikom - za glavno zasnovo spletnega mesta. Tudi pojavni oglas na domači strani ima enako črno-belo estetiko. Tudi brez barve si želite samo ogledati slike in natančno razumeti, kaj želi zasnova sporočiti.

Uporabo črno-bele fotografije je treba skrbno načrtovati - ne gre le za namestitev fotografskega filtra. Najboljši način uporabe tega sloga fotografije je, če je fotograf vključen v projekt od samega začetka.

2. Črna & bela nad zvitkom

Vsi črno-beli vzorci niso samo črno-beli. veliko jih ima vzorec črno-belih in barvnih elementov.

Podjetje North Street Creative to dobro počne s črno-belo glavo in nogo ter barvnimi elementi, ki so razpršeni vmes. To ustvarja občutek, kaj je blagovna znamka agencije (črno-bela) in kaj je projektno delo (v barvah).

Ta tehnika je učinkovit način ločevanja elementov in sporočil v zasnovi. Uporabnikom pomaga razumeti, kje v vsebini se nahajajo in kako so elementi med seboj povezani ali ne.

3. Bogata črna barva

Črno-bela oblika ni nujno črna. Oblikovalci, ki delajo v tisku, so morda navajeni delati s črno barvo K (ali čisto črno), da bi zagotovili boljšo končno kakovost. Te omejitve na spletu ni.

Izberite bogato črno barvo, da ustvarite hladne ali tople asociacije in zagotovite bolj zanimivo črno-belo paleto.

To počne tudi na svoji spletni strani Black M. Ozadje in slika uporabljata bogato črno barvo z veliko modrikastih odtenkov in bolj kremasto belo barvo. Ta sodobni preobrat prave črno-bele barve je nekoliko bolj vizualno privlačen in je ravno tisto, kar lahko črno-beli dizajn razlikuje od vseh drugih dizajnov, ki uporabljajo to barvno shemo.

4. Večinoma beli

Črna in bela paleta lahko sporočata zelo različne stvari.

Pri oblikovanju v črno-beli barvi uporabite enaka načela kot pri kateri koli drugi barvni paleti in eno od možnosti izberite kot prevladujočo barvo. O tem lahko razmišljate tudi kot o možnostih barv ozadja in besedila ter elementov.

Večina najboljših črno-belih barvnih shem pa je lahko dejansko črna. ali bela barva.

Spletna stran zbirke Kalpa je prijetna, ker je bela barva bolj "svetla" in ne povsem bela. To je lahko veliko lažje za oči - zlasti zaradi osvetlitve zaslonov in naprav -, zato je večinoma belo oblikovanje precej enostavno za branje. Ozadje in glavna slika se rahlo razlikujeta, vendar se skoraj zlijeta drug z drugim. Besedilo je v ostrem kontrastu.

5. Večinoma črna barva

Po drugi strani pa lahko zasnovo oblikujete pretežno v črni barvi in uporabite bele poudarke in besedilo za poudarek.

Prva stvar, ki jo boste morda opazili, ko si boste te primere ogledali drug za drugim, je, kako različni so njihovi občutki. Črna in bela paleta lahko sporočata popolnoma različne stvari. Pomembno je, da se prepričate, da z barvno paleto ustvarjate želeno čustveno povezavo z uporabniki.

Dubois je lep, ker je preprosto črno ozadje osvetljeno s pikami in lepo tipografijo z veliko prostora okoli nje.

6. Ni sekundarne barve

Čeprav večina črno-belih modelov vključuje nekatere barve, lahko projekt izpeljete tudi brez terciarnega poudarka.

Tiskarna je povsem črno-bela. Edini element z nekaj barvnimi spremembami je črno-bela slika na sredini zaslona. Rezultat je popolnoma osupljiv.

7. Namig za barvo naglasa

Preveč poudarjene barve v črno-beli zasnovi lahko dejansko razvodeni pomen poudarka.

Pridih barve v črno-beli zasnovi je le nekaj, kar pritegne pogled na določeno podrobnost ali element v zasnovi. Ta tehnika je priljubljena pri številnih brezbarvnih oblikovalskih projektih.

Izziv je najti pravo barvo poudarka in jo uporabiti tako, da dejansko nekaj pomeni. Preveč barve poudarka v črno-beli zasnovi lahko dejansko razvodeni pomen poudarka in ga naredi manj pomembnega.

Predstavitveno spletno mesto za projekt Wolf Themes uporablja izrazito črno-belo barvno paleto s pridihom rdeče barve. Ta barva uporabnike najprej pritegne na ta del slike, nato pa neposredno čez zaslon vodoravno do sporočil. Barva poudarka je vizualna vstopna točka v oblikovanje.

8. Brez umetnosti

Črno-beli vzorec oblikovanja je lahko rešitev, kadar nimate na voljo nobenih umetniških elementov. Osupljiv barvni par (in poudarek) lahko ustvari osrednjo točko tudi brez prave umetnosti.

Vijolična to lepo opravi s preprostim vzorcem oblikovanja z enobarvnim gumbom za poziv k akciji. Oblikovanje ustvarja globino z uporabo več črnih odtenkov v oglati obliki, ki ločujejo elemente in ohranjajo tok oblikovanja, ki se premika po strani.

9. Namigi animacije

Če dodamo kanček animacije, lahko zasnovi zagotovimo kompleksnejšo vizualno prisotnost.

Veliko teh modelov je po naravi minimalnih (s črno-belim dizajnom lahko naredite le toliko, da začne postajati nepregleden.)

Dodajanje kančka animacije lahko poskrbi za kompleksnejšo vizualno prisotnost zasnove. Poskusite nekaj subtilnega, da se uporabnikom ne bo treba preveč truditi, da bi razumeli, kaj se dogaja, in ustvarite animacijo, ki služi določenemu namenu.

Airnauts s preprostim premikom besedila in premikajočo se črto uporabnike opozori na navodilo za pomikanje na dnu zaslona. Zaradi vsega prostora se pogled takoj usmeri na animacijo, ki predstavlja izrazito zanimivo točko v sicer skoraj dolgočasni črno-beli zasnovi.

10. Ustvari intenzivnost

Črno-beli dizajn ima po naravi določen občutek intenzivnosti. V primerjavi z nekaterimi drugimi vzorci oblikovanja je ostrejši in jasnejši.

Poglej tudi: 22+ Najboljši prekrivanja za Photoshop (brezplačno in za)

Z elementi, ki jih uporabljate v oblikovanju, poudarite in ustvarite še večjo intenzivnost. Od osupljive podobe psa - z jantarnimi očmi - je težko odvrniti pogled. Belo besedilo nekaj pove. Skoraj se vam prikrade v obraz. To intenzivno oblikovanje lahko uporabnike bodisi spodbuja k gibanju in želji, da bi videli, kakšne druge skrivnosti in presenetljivi elementi se bodo zgodili.

Poglej tudi: Serif, Sans, Script & amp; Slab: razlaga 4 vrst pisav

Zaključek

Čeprav večina ljudi ob besedi črno-bela zasnova takoj pomisli na minimalistično zasnovo, to ni nujno. Kot kažejo zgornji primeri, je lahko črno-bela zasnova minimalistična ali pa zapletena in zanimiva.

Večina oblikovalcev črno-belemu oblikovalskemu projektu rada doda nekaj barvnih odtenkov, da bi ustvarili dodatne zanimive elemente. Za največji učinek poiščite barve z ostrim kontrastom.