Svartvit design 10 Fantastiska exempel (+ tips)

Ett svartvitt designschema kan vara en av de mest slående kombinationerna för ett projekt. De här färgernas djupa kontrast och förenklighet (eller brist på det) ger gott om möjligheter att utforska andra tekniker för att få ut det mesta av designen.

Svarta och vita mönster har alltid varit ganska populära och flyttar senast till mer minimalistiska stilar med en mestadels vit bakgrund och svarta element. Men som du ser från denna samling av fantastiska svartvita designprojekt finns det så många andra alternativ att utforska.

1. Svartvit bild

De bästa användningarna av denna fotograferingsstil händer med en fotograf som är involverad i ett projekt från början.

Svartvitt fotografi kan vara ett utmärkt sätt att skapa en färglös design med mycket visuell påverkan. Det handlar bara om en svartvitt bild som får dig att stanna och titta. (Kanske för att de inte är så vanliga.)

Imagista använder en vacker samling svartvita bilder - såväl som headshots under scrollen - för huvuddesignen på webbplatsen. Även popupannonsen på hemsidan har samma svartvita estetik. Även utan färg vill du bara titta på bilderna och förstå exakt vad designen försöker kommunicera.

Du måste noggrant planera användningen av svartvitt fotografi - det är inte bara ett fall att kasta på ett fotofilter. De bästa användningarna av denna fotograferingsstil händer med en fotograf som är involverad i ett projekt från början.

2. Svartvitt ovanför rullningen

Inte alla svartvita mönster är endast svartvitt. Många har ett mönster av svartvitt kontra färgelement.

North Street Creative gör det bra med en svartvitt rubrik och sidfot och färgelement spridda däremellan. Detta skapar en känsla av vad varumärket för byrån (svartvitt) och vad är projektarbete (i färg).

Denna teknik är ett effektivt sätt att skapa separation mellan element och meddelanden genom en design. Det hjälper användarna att förstå var de är i innehållet och hur elementen gör, eller inte, relaterar till varandra.

3. Rich Black

En svartvit design behöver inte vara svart. Designers som arbetar i tryck kan användas för att arbeta med en K (eller ren) svart för att säkerställa bättre slutkvalitet. Den begränsningen finns inte online.

Välj en rik svart för att skapa svala eller varma föreningar och ge en mer engagerande svartvitt palett.

Black M gör det här med sin hemsida. Bakgrunden och bilden använder en rik svart med massor av blåaktiga undertoner och en mer krämig vit. Denna moderna snurrning på äkta svartvitt är lite mer visuellt engagerande och det är bara det som kan ställa in en svartvit design bortsett från alla andra design som använder detta färgschema.

4. mestadels vit

Svartvita paletter kan kommunicera kraftigt olika saker.

När du utformar i svartvitt, använd samma principer som du skulle med någon annan färgpalett och välj ett av alternativen som ska vara den dominerande färgen. Du kan också tänka på det som bakgrunds- och text- och elementfärgalternativ.

Men de flesta av de bästa svartvita färgscheman kunde faktiskt vara svarta eller vit.

Kalpa Collection-webbplatsen är bra eftersom den vita är mer av ett? Ljus? alternativ och inte rent vit. Detta kan vara mycket lättare i ögonen - speciellt med bakgrundsbelysning från skärmar och enheter - vilket gör den mest vita designen ganska lätt att läsa. Bakgrunden och huvudbilden är subtilt olika men nästan bleknar i varandra. Texten står i stark kontrast.

5. Mestadels svart

Å andra sidan kan du gå för det mesta svart med designen och använda vita accenter och text för betoning.

Det första du kanske märker när du tittar på dessa exempel tillbaka till baksidan är hur olika de känner.? Svartvita paletter kan kommunicera kraftigt olika saker. Det är viktigt att du skapar den önskade känslomässiga anslutningen med användare i relation till färgpalett.

Dubois är trevligt för att den enkla svarta bakgrunden är upplyst med polka prickar och vacker typografi med gott om utrymme runt den.

6. Ingen sekundär färg

Medan de flesta svartvita mönster innehåller några av färgerna kan du dra av ett projekt utan en tertiär accent.

Tryckverket är rent svart och vitt. Det enda elementet med viss färgvariation är den svarta och vita bilden mitt på skärmen. Resultatet är helt fantastisk.

7. Hint av accentfärg

För mycket av en accentfärg i en svartvitt design kan faktiskt utspäva betydelsen av accentet

En färgstark färg i en svartvit design är bara den sak som drar ögat mot en viss detalj eller ett element i designen. Denna teknik är populär i många färglösa designprojekt.

Utmaningen är att hitta precis rätt accentfärg och använda den på ett spetsigt sätt så att det verkligen betyder något. För mycket av en accentfärg i en svartvit design kan faktiskt utspäva betydelsen av accentet, vilket gör det mindre viktigt.

Demo-platsen för ett Wolf Themes-projekt använder en distinkt svartvitt färgpalett med en antydan av rött. Denna färg drar användarna till den delen av bilden först och sedan direkt över skärmen horisontellt till meddelandet. Accentfärgen är en visuell ingångspunkt i designen.

8. Med ingen art

Ett svartvitt designmönster kan vara lösningen när du inte har några konstelement att arbeta med. Ett fantastiskt färgpar (och accent) kan skapa en kontaktpunkt även utan äkta konst.

Violet gör ett bra jobb med detta med ett enkelt designmönster med en enda färgknapp för uppmaningen till handling. Designen skapar djup med flera svarta nyanser i en vinklig form för att separera element och hålla flödet av konstruktionen på sidan.

9. Hints of Animation

Lägga till en antydan av animering kan ge en mer komplex visuell närvaro för designen.

Många av dessa mönster är minimala av naturen. (Det är bara så mycket du kan göra med en svartvit design innan det börjar bli rörigt.)

Lägga till en antydan av animering kan ge en mer komplex visuell närvaro för designen. Prova något subtilt så att användarna inte behöver jobba för svårt för att förstå vad som händer och skapa en animation som tjänar något syfte.

Airnauts använder en enkel skift i texten plus en flyttlinje för att dra användare till rullningsdirektivet längst ner på skärmen. Tack vare allt utrymme flyttar ögat omedelbart till animationen, vilket ger en särskild intressant plats för vad som annars skulle vara en nästan tråkig svartvit design.

10. Skapa intensitet

En svartvit design har en viss känsla av intensitet av naturen. Det är skarpare och skarpare än några andra designmönster.

Gör en punkt för att betona och skapa ännu mer intensitet med de element du använder i designen. Hundens slående bild - med ravda ögon, inte mindre - är svår att se bort från. Den vita texten säger något. Det kommer nästan i ditt ansikte. Den intensiva designen kan antingen hålla användarna rörliga och vill se vilka andra mysterier och överraskande element som kommer.

Slutsats

Medan de flesta människor omedelbart tänker? Minimal? när de hör svartvit design behöver det inte vara fallet. Som ovanstående exempel visar, kan en svartvit design vara minimal i naturen eller komplex och spännande.

De flesta designers tycker om att lägga till några hints av färg till ett svartvitt designprojekt för extra intressanta element. Leta efter färger med skarp kontrast för maximal effekt.