Kujundustrend: tumedad ja tujukad kujundused

Hea disain võib tõesti teile tuju anda. Täna on meil kogumik tumedaid ja tujukaid veebisaitide kujundusi, mis aitavad inspireerida teid oma disainitöös erilise atmosfääri looma.

Kuigi enamikul tumedatel kollektsioonidel on pisut madalamat mõõdet, ei ole kõigil neil kujundustel seda tunnet (kuigi värvil on palju pistmist sellega, kuidas tunnete neid vaadates). See vitriin on midagi enamat kui galerii, loodame, et see inspireerib teid looma omaenda tumeda ja tujuka kujunduse.

Tutvuge disainiressurssidega

Tumedad värvid

Oluline on arvestada, et tume ei tähenda alati musta.

Tume värvipalett seab kohe kujundusele teatud tooni. Oluline on arvestada, et tume ei tähenda alati musta . Sageli on värvid toonides (musta lisamine) või varjutatud (halli lisamine).

Ülaltoodud Hooligani kujundust uurides on üldine meeleolu tänu mustjasel taustal pisut sombune ja tume, kuid mis see tegelikult on, on aktsentvärv. Sügav kollakaskuld on toonitud, et see sobiks taustavideo meeleoluga. Tulemus on tõsine, kuid visuaalselt intrigeeriv.

Varjud

Varjud õhutavad salapära. See on üks peamisi põhjuseid, miks disainerid kasutavad tumedaid ja tujukaid kujundusmustreid. Need tekitavad kasutajates huvi ja uudishimu.

Ülaltoodud Clear Motioni veebisaidil autot ümbritsevad varjud sunnivad teid peaaegu koopiat lugema. Miks näeb auto välja selline? Mis on selles olulist? Tume esteetika aitab kaasa meeleolule, mille keskmeks on uudishimu, et rohkem teada saada.

Mustad ülekatted

Must ülekate on üks levinumaid viise tumeda meeleolu loomiseks. Kuid selline must värv, mis te valite, võib sellele rohkem tähendust anda. Kas see on tumedam või läbipaistvam? Kui suurt osa pildist või taustast saab kasutaja ülekatte kaudu näha?

Tumedamad vähem läbipaistvusega ülekatted peidavad peaaegu taustal toimuvat, nii et see pole kujunduse keskne osa. Läbipaistvamad mustad ülekatted võimaldavad visuaale läbi vaadata osana põhikujundusest, pakkudes samas kontrasti peamistele elementidele, nagu tekst või tegevusele kutsuvad elemendid.

Ülaltoodud Fhoke kasutab seda tehnikat hästi. Toimingut näete taustavideos, kuid tegelik rõhk on pealkirjal ja kerimistoimingul.

Stark lõuend

Karv: välimuselt või kontuurilt raske või paljas.

Paljude kujundustega, mis on piltide saamiseks täidetud elementidega, loob teravam kujundus tühjuse tunde, sundides kasutajat peaaegu seda põhjalikumalt uurima. Pimedus ja starker taust loovad jällegi mõistatuse, mille kasutaja soovib lahendada.

Dubois, kuigi mitte nii terav kui kujundused, millel pole midagi taustal, loob selle imetluse. Punktide muster aitab müsteeriumile tegelikult kaasa - vaata lähemalt ja mõned neist sisaldavad vihjeid värvile.

Kuid see, mida disain teeb, sunnib tähelepanu pöörama tekstile, mis on enamiku kasutajate jaoks ekraanil harjumatu kohas. Bränding ja peamine pealkiri asuvad pigem esimese kerimise allosas, mitte kujunduse ülemises pooles.

Tüpograafia valikud

Millised assotsieerumised teil juba punkiga on? Kas see paneb sind põnevust tekitama või on vihasem tuju?

Punk is Not Dead paneb sind ilmselt midagi kohe tundma. Kogemus on terav ja väga visuaalne ning kui klõpsate saidi lingil, on seal ka helikomponent. See paneb sind end teatud viisil tundma. Millised assotsieerumised teil juba punkiga on? Kas see paneb sind põnevust tekitama või on vihasem tuju?

Tume taust ja erksad värvipopid annavad oma panuse, kuid mis siin meeleolu tegelikult seab, on tüpograafiavalik. (Kujutlege seda kerge skriptiga - täiesti erinev.) Fondi teravad, kaltsakad servad ja peaaegu häirivaks loetavuse teguriks selle kohta, kuidas tunnete seda vaadates.

Tulemus on huvitav, kuid keeruline ja sellega kaasneb rahutustunne.

Must ja valge

Kuidas te tunnete, kui kujundusel on täielik värvipuudus? Mis siis, kui see on enamasti mustvalge ja väheste värviliste elementidega?

Ehkki mustvalgel kujundusel pole sama dramaatilist tunnet kui täiesti tumedal disainil, võib see olla üsna huvitav. Kujundusse on sisse ehitatud konflikt nii paljude kontrastsete elementide ja värvipiirkondadega.

See võib põhjustada, et silm liigub tormakalt mööda disainilahendust ja keerisetuule erinevatesse elementidesse, sama palju kui juhtub, kui vaatate Super Rebelit. Silm läheb kohe suure mustvalge kujutisega ülaossa, kuid hüppab siis üle kõigi teiste ajakirjalaadsete plokkide juurde, maandudes kunagi tegelikult ühte kohta.

Tunne on natukene info üleküllus.

Kujundlikkus

Jimmy Chini pildi chiseeritud välimus tema portfoolio lehel “About” annab teile mehe mulje. Ja see on täpselt see, mida tumedad, mustvalged kujutised peaksid tegema.

Värvide, valgustuse ja fotode kasutamisel tehtud valikud aitavad kujunduse üldisele meeleolule kaasa. Siin on tulemus tume ja tugev. Kuid kujutage ette, kui tal oleks seljas pehme kollane särk ja laimirohelised püksid; tuju oleks hoopis teine.

Kujutis loob selgelt eristuva emotsionaalse ühenduse kasutajaga, mis oli kujundaja poolt tahtlik.

Tume “heleda” tujuga

Kuigi oleme siin vaadanud palju meeleolukaid kujundusi, ei pea tume tähendama tumedat meeleolu. Tume esteetika võib tegelikult anda üsna kerge ja energilise tunde. See kõik sõltub sellest, kuidas osi kokku panete.

Atom kasutab tumedamat tausta, kuid koomiksistiilis figuuriga, et seada visuaalselt huvitav ja tume, kuid emotsionaalselt kerge toon. Yin ja yang kõrvutamine loob samasuguse visuaalse imetunde nagu tumedamad kujundused, kuid hirmutamata kasutajat veebisaidil, mis küsib külastajatelt midagi (digitaalse toote allalaadimiseks).

Kergem üldine emotsionaalne seos kujunduse ja kasutaja vahel on pisut usaldusväärsem ja vähem dramaatiline, mis võib tegelikult muuta teid allalaadimisega mugavamaks.

Järeldus

Kas teile meeldib tujuküllase kujundusega disain?

See tehnika töötab teatud tüüpi projektide puhul. Kuid võib olla teistele hukatuslikum - pange tähele, et selles kollektsioonis pole ühtegi e-poe saiti. Tumedamad, tujukad projektid on salapärased ja huvitavad, kuid nad ei edasta kasutajatele alati usaldusväärsust ja usaldust.

See võib olla õrn tasakaal ja sellepärast näete sageli tujukaid, tumedaid skeeme koos portfoolio või informatiivse veebisaidi kujundusega.