Kombinimi i ngjyrave në web design. Parimet themelore të përdorimit të ngjyrave në web design

Përputhja e ngjyrave në dizajnin e uebit është një disiplinë e rëndësishme që daton që nga Mesjeta dhe përdoret për të krijuar vepra të jashtëzakonshme të njerëzimit. Pra, le të përpiqemi ta shtrydhim atë në një postim të vogël!)

Sigurisht, një postim nuk mjafton për të kuptuar të gjithë thelbin e teorisë së ngjyrave, por ai përmban tezat dhe konceptet kryesore të kësaj disipline.

Këtu janë 5 hapa për të zgjedhur skemën e duhur të ngjyrave për faqen tuaj të internetit.

Hapi i parë është më i rëndësishmi. Ngjyra kryesore krijon përshtypjen e parë të faqes, dhe gjithashtu vendos një lidhje midis markës suaj dhe emocioneve që po përjeton audienca juaj. E gjithë kjo krijon identitetin tuaj, kështu që zgjedhja e ngjyrës kryesore duhet të trajtohet me shumë kujdes.

Sigurisht, nëse marka juaj tashmë është e lidhur me një ngjyrë, atëherë ky hap do të jetë shumë më i lehtë.

Së pari, duhet të kihet parasysh se ngjyra të ndryshme ngjallin emocione të ndryshme. Dhe ky fakt është vërtetuar shkencërisht. Edhe nuancat e ndryshme të së njëjtës ngjyrë ndikojnë në emocionet e audiencës në mënyra të ndryshme. Gjithmonë ekziston një shkallë e pasigurisë, në varësi të asociacioneve personale të një personi, por në përgjithësi, të njëjtat ngjyra mund të shkaktojnë të njëjtat emocione te njerëz të ndryshëm.

• E kuqe: pasion, agresion, rëndësi.
• Portokalli: shkathtësi, energji.
• E verdha: entuziazëm, lumturi, vëmendje / paralajmërim.
• E gjelbër: rritja, stabiliteti, natyra.
• Blu: qetësi, çiltërsi.
• Blu: siguri, besim, profesionalizëm.
• E bardha: pastërti, shëndet.
• Vjollca: luks, mister, romancë (hije të lehta).

Çuditërisht, shumë kanaçe përdorin një skemë ngjyrash me bazë blu.

Mos harroni se po dizajnoni për një grup të caktuar njerëzish që mund të kenë emocione të ndryshme nga tuajat. Përveç kësaj, ia vlen të merren parasysh qëndrimet e ndryshme ndaj të njëjtës ngjyrë të njerëzve të gjinive, kulturave ose feve të ndryshme.

Kur zgjidhni ngjyrën tuaj kryesore, duhet të filloni duke përjashtuar konkurrentët tuaj nga lista e ngjyrave të konsideruara. Pas kësaj, duhet të merrni parasysh se çfarë lloj humori duhet të krijojë marka juaj dhe çfarë emocionesh të ngjallni.

Përcaktoni ngjyrën e saktë (ngjyrën dhe ngopjen e saj)

Kur të keni zgjedhur ngjyrën kryesore, duhet të përcaktoni ngjyrën dhe ngopjen e saj. Siç u përmend më lart, toni i një ngjyre dhe ngopja e saj mund të ndryshojnë kuptimin e saj. Për shembull, nuancat më të errëta të të verdhës (për shembull, ari) japin përshtypjen e antikitetit, nuancat më të lehta nuk do ta japin këtë efekt.

Rregulli i përgjithshëm është që nuancat e lehta krijojnë një ndjenjë energjie, freskie, argëtimi, nuanca më të errëta - stabilitet dhe profesionalizëm.

Pas kësaj, duhet të përcaktoni vlerën e saktë numerike të ngjyrës në sistemet RGB, CMYK, HEX ose Pantone në mënyrë që ta përdorni atë në procesin e projektimit.

Nëse, për shembull, keni zgjedhur një ngjyrë që përdoret tashmë në disa burime në internet dhe dëshironi ta aplikoni atë ose ata, mund të përdorni shërbimin Stylify Me, i cili do t'ju ndihmojë të përcaktoni ngjyrat e përdorura në çdo faqe interneti.

Zgjidhni llojin e skemës së ngjyrave

Para se të zgjidhni pjesën tjetër të ngjyrave, duhet të përcaktoni se si do të ndërveprojnë ato. Dëshironi një skemë ngjyrash më të kundërta apo një skemë ngjyrash më të qetë?

Ju mund të kombinoni ngjyrat sipas dëshirës, ​​por këtu kemi paraqitur skemat më të zakonshme të ngjyrave.

Njëngjyrëshe

Nënkupton përdorimin e toneve të ndryshme të ngjyrës bazë. Më shpesh përdoret për stilet e dizajnit minimalist.

Analoge

Ngjyra të ngjashme që shfaqen afër njëra-tjetrës në rrotën e ngjyrave.

Gradient

Kalimi gradual nga një ngjyrë në tjetrën. Më shumë ngjyra se analoge, por mund të shpërqendrojë nga elementët e tjerë të dizajnit.

Kontrasti

Dy ngjyra të kundërta. Nëse shikoni rrotën e ngjyrave, atëherë ngjyrat që janë përballë njëra-tjetrës janë më të kundërta. Për shembull, e kuqe dhe jeshile ose e verdhë dhe vjollcë. Përdorimi i kësaj skeme ngjyrash shton dinamizëm në ndikimin vizual të dizajnit.

Kontrastet ndihmojnë në manipulimin e vëmendjes së përdoruesit, duke lejuar që elementët (butonat) më të rëndësishëm të theksohen dhe ato më pak të rëndësishme të fshihen.

Dupleks

Krijo imazhe duke përdorur vetëm 2 ngjyra. - nuk është aq shumë një skemë ngjyrash sa një lloj dekorimi i një skeme ngjyrash të kundërta.

E thënë thjesht, dupleksi duket thjesht i mrekullueshëm, është një efekt vizual dinamik që "tërheq" vëmendjen e përdoruesit.

Triada

Tre ngjyra të barabarta nga njëra-tjetra në rrotën e ngjyrave. Një nga skemat më të përdorura të ngjyrave, triada është një standard i besueshëm. Është e vështirë ta përdorësh atë në mënyrë korrekte, thjesht vizatoni një trekëndësh barabrinjës në rrotën e ngjyrave dhe keni tre ngjyra në treshen tuaj.

Kontrasti i ndarë (i ndarë).

Përdorimi i një ngjyre të tretë përveç dy ngjyrave të kundërta. Si dhe skema e kundërta, lejohet të krijohet theksi në pjesët e nevojshme të dizajnit, por ka më shumë mundësi për këtë.

Zgjidhni ngjyrat dytësore

Përcaktimi i një skeme ngjyrash do të ndihmojë në thjeshtimin e zgjedhjes së ngjyrave dytësore. Por të gjithë do të duhet të punojnë në zgjedhjen e nuancave dhe ngopjes së tyre, siç bënë kur zgjedhin ngjyrën kryesore.

Mjeti i thjeshtë Paletton ju ndihmon të vizualizoni skema të ndryshme ngjyrash. Ju mund të zgjidhni ngjyrën kryesore dhe të përcaktoni skemat e ngjyrave, dhe Paletton të përcaktojë ngjyrat e sfondit.

Vendosni se ku dhe si do të përdorni secilën ngjyrë

Pra, ju keni një gamë të madhe ngjyrash për projektin tuaj ... tani çfarë të bëni me të? Aplikimi i ngjyrave në një faqe interneti është vendi ku takohen arti dhe aftësia e një stilisti.

Thekset nuk duhet të përdoren vetëm në elementët e thirrjes për veprim ose në butonat e rëndësishëm. Ju mund t'i aplikoni ato në pjesë të ndryshme të faqes. Për shembull, theksoni fjalët e rëndësishme në tekst në mënyrë që përdoruesi t'u kushtojë vëmendje të veçantë atyre.

Së pari, ju duhet të dizajnoni faqen në të zezë dhe të bardhë. Duke përdorur shkallën gri për të përcaktuar rëndësinë e një elementi të caktuar, ndërtoni një hierarki sipas rëndësisë së secilës pjesë të projektit tuaj.

konkluzioni

Pra, zbuluam se zgjedhja e një kombinimi ngjyrash në dizajnin e uebit është një fazë e rëndësishme në hartimin e faqes në internet, e cila duhet të trajtohet tërësisht. Zgjedhja e ngjyrës kryesore është shumë e rëndësishme sepse përcakton disponimin e përgjithshëm që do të ketë faqja juaj.

Lloji i skemës së ngjyrave ndikon gjithashtu në emocionet që një faqe do të ngjallë nga vizitorët. Lloji përcakton numrin e mjeteve që mund të përdorni kur përcaktoni radhën në të cilën përdoren ngjyrat.

Djema, ne vendosëm shpirtin tonë në sit. Faleminderit per
që ta zbuloni këtë bukuri. Faleminderit për frymëzimin dhe nxitjen.
Bashkohuni me ne në Facebook dhe Në kontakt me

Skema nr 1. Kombinimi plotësues

Ngjyrat plotësuese, ose plotësuese, të kundërta janë ngjyrat që ndodhen në anët e kundërta të rrotës së ngjyrave të Itten. Kombinimi i tyre duket shumë i gjallë dhe energjik, veçanërisht me ngopjen maksimale të ngjyrave.

Skema nr 2. Triada - një kombinim i 3 ngjyrave

Një kombinim i 3 ngjyrave të barabarta. Ofron kontrast të lartë duke ruajtur harmoninë. Kjo përbërje duket mjaft e gjallë edhe kur përdorni ngjyra të zbehta dhe të pangopura.

Skema nr. 3. Një kombinim i ngjashëm

Një kombinim prej 2 deri në 5 ngjyrash pranë njëra-tjetrës në rrotën e ngjyrave (idealisht 2-3 ngjyra). Përshtypja: e qetë, ftuese. Një shembull i një kombinimi të ngjyrave të ngjashme të heshtura: të verdhë-portokalli, të verdhë, të verdhë-jeshile, jeshile, blu-jeshile.

Skema nr 4. Kombinim i veçantë-plotësues

Një variant i një kombinimi ngjyrash plotësuese, në vend të ngjyrës së kundërt përdoren vetëm ngjyrat fqinje. Një kombinim i një ngjyre kryesore dhe dy ngjyrave shtesë. Kjo skemë duket pothuajse po aq e kundërta, por jo aq intensive. Nëse nuk jeni të sigurt se mund t'i përdorni saktë kombinimet plotësuese, përdorni kombinime të veçanta-plotësuese.

Skema nr 5. Libër ushtrimesh - kombinim 4 ngjyrash

Një skemë ngjyrash ku një ngjyrë është kryesore, dy janë plotësuese dhe një tjetër thekson thekset. Shembull: blu-jeshile, blu-vjollcë, e kuqe-portokalli, e verdhë-portokalli.

Skema nr 6. Sheshi

Kombinimet e ngjyrave individuale

• E bardha: shkon me gjithçka. Kombinimi më i mirë me ngjyrën blu, të kuqe dhe të zezë.
• Bezhë: me blu, kafe, smerald, të zezë, të kuqe, të bardhë.
• Gri: me fuchsia, të kuqe, vjollcë, rozë, blu.
• Rozë: me kafe, të bardhë, jeshile mente, ulliri, gri, bruz, blu e zbehtë.
• Fuchsia (rozë e errët): me ngjyrë gri, të nxirë, ngjyrë lime, jeshile mente, kafe.
• E kuqe: me të verdhë, të bardhë, kafe, jeshile, blu dhe të zezë.
• E kuqe e domates: blu, jeshile nenexhiku, me rërë, e bardhë kremoze, gri.
• E kuqe vishnje: kaltër, gri, portokalli e lehtë, ranore, e verdhë e zbehtë, bezhë.
• E kuqe e kuqe: e bardhë, e zezë, ngjyrë trëndafili damask.
• Kafe: blu e ndezur, krem, rozë, faun, jeshile, bezhë.
• Kafe e lehtë: e verdhë e zbehtë, e bardhë kremoze, blu, jeshile, vjollcë, e kuqe.
• Kafe e errët: e verdhë limoni, blu, jeshile mente, rozë e purpurt, ngjyrë gëlqere.
• Kafe e kuqërremtë: rozë, kafe e errët, blu, jeshile, vjollcë.
• Portokalli: blu e lehtë, blu, vjollcë, vjollcë, e bardhë, e zezë.
• Portokalli e lehtë: gri, kafe, ulliri.
• Portokalli e errët: e verdhë e zbehtë, ulliri, kafe, vishnje.
• E verdhë: blu, vjollcë, blu e lehtë, vjollcë, gri, e zezë.
• E verdhë limoni: e kuqe vishnje, kafe, blu, gri.
• E verdhë e zbehtë: fuchsia, gri, kafe, nuancat e kuqe, kafe të verdhë, blu, vjollcë.
• E verdhë e artë: gri, kafe, kaltër, e kuqe, e zezë.
• Ulliri: portokalli, kafe e lehtë, kafe.
• E gjelbër: kafe e artë, portokalli, sallatë, e verdhë, kafe, gri, krem, e zezë, e bardhë kremoze.
• Ngjyra e marules: kafe, kafe e verdhë, kafe, gri, blu e errët, e kuqe, gri.
• Bruz: fuchsia, e kuqe vishnje, e verdhë, kafe, krem, vjollcë e errët.
• Një elektricist është i pashëm në kombinim me të verdhën e artë, kafe, kafe të çelur, gri ose argjend.
• Blu: e kuqe, gri, kafe, portokalli, rozë, e bardhë, e verdhë.
• Blu e errët: vjollcë e lehtë, blu e lehtë, jeshile e verdhë, kafe, gri, e verdhë e zbehtë, portokalli, jeshile, e kuqe, e bardhë.
• Lilac: portokalli, rozë, vjollcë e errët, ulliri, gri, e verdhë, e bardhë.
• Vjollcë e errët: kafe e artë, e verdhë e zbehtë, gri, bruz, jeshile mente, portokalli e lehtë.
• E zeza është e gjithanshme, elegante, duket në të gjitha kombinimet, më së miri me portokalli, rozë, sallatë, të bardhë, të kuqe, jargavan ose të verdhë.

Njerëzit ende po debatojnë nëse përmbajtja është gjëja kryesore. Nëse më pyet mua, jam plotësisht dakord me ta dhe mendimi im bazohet në përvojën time. Pavarësisht nëse është dominuese apo jo, ka diçka që është po aq e rëndësishme! Çfarë është kjo, ju pyesni? E di që të gjithëve u pëlqen të thonë: "Mos e gjyko një libër nga kopertina e tij". Por si tjetër po planifikoni të tërhiqni vëmendjen e dikujt tjetër përveç kopertinës origjinale? Natyrisht, kur tërhiqni vëmendjen e dikujt, ju mund të shpenzoni pjesën tjetër të përpjekjeve tuaja në përmbajtje. Do të ketë të bëjë me ngjyrat e dizajnit të uebit dhe mënyrën e menaxhimit të tyre.

Përshtypjen e parë e bëni vetëm një herë.

Ekziston gjithmonë një veprim specifik që dëshironi të detyroni një vizitor në faqen tuaj. Ky është veprimi mbi të cilin e keni vënë më shumë theksin. Mund të jetë një buton abonimi, një buton tjetër ose një buton blerjeje.

Cilido qoftë butoni, mbani mend gjithmonë se nëse klikohet apo jo varet nga mënyra se si ndihet vizitori kur është në faqen tuaj.

Në këtë artikull, do të mësoni për 5 ngjyrat më të njohura që do ta bëjnë faqen tuaj interesante dhe intriguese.

Pinterest përdor një shumëllojshmëri të kuqe

Pa dyshim, e kuqja konsiderohet ngjyra më e nxehtë. Nëse shikoni paletën e ngjyrave Pinterest, do të vini re menjëherë se e kuqja është ngjyra e tyre kryesore.

E kuqja shpesh lidhet me dashurinë. Është një ngjyrë e fortë dhe dinamike që mund t'ju bëjë të ndiheni të dashuruar me çdo gjë që është afër asaj ngjyre.

Kjo ngjyrë shihet shpesh në dekorimin e aksioneve, pasi intensiteti i saj krijon një ndjenjë urgjence.

Mbi të gjitha, kjo ngjyrë intensive mund t'i bëjë vizitorët e faqes të ndihen të eksituar ose shpërblyes. Por në të njëjtën kohë, mund të dekurajojë dëshirën për të qenë në të, kështu që gjithmonë duhet të jeni të kujdesshëm.

Përdorni të kuqe për të nxjerrë në pah dizajnin tuaj të internetit. Kombinohet mirë me ngjyrat e bardha, gri, blu të hapur ose argjend.

Një shembull praktik i përdorimit të kuq:

Syri i njeriut sheh të kuq kur shikon dritën me një gjatësi vale midis 630 dhe 700 nanometra. Drita mbi këtë rreze quhet infra të kuqe dhe nuk perceptohet nga syri i njeriut, por mund të identifikohet si nxehtësi. - Wikipedia

Përdorimi më i gjerë i paletës së ngjyrave të kuqe (nga jimjim421):

10 lidhje me të kuqe:

• gjaku
• lufte
• zjarrit
• mashkulloriteti
• pasion
• joshje
• detyrim
• energji
• trimërinë

Amazon e pëlqen portokallin e pasur:

Portokallia është një ngjyrë e ngrohtë dhe aktive, por jo aq intensive sa e kuqja. Portokallia është e ngrohtë dhe jo e nxehtë.

E mbushur me energji, kjo ngjyrë e gjallë inkurajon, në vend që i detyron ose detyron njerëzit të veprojnë. Portokallia perceptohet vetëm herë pas here si intensive - ajo kërkon veprime të tilla si blerja, abonimi, shitja ose ndjekja. Rekomandohet të përdorni portokalli nëse pasi të vizitoni faqen tuaj dëshironi të lini mysafirin të ndihet i motivuar, i gëzuar, krijues dhe entuziast.

Një shembull praktik i përdorimit të portokallit:

Rritja e përdorimit të paletës portokalli nga manekineko:

10 lidhje me portokallin:

• optimizmi
• përkufizim
• zjarrit
• paralajmërim
• vjeshte
• Feja
• qëndrueshmëri
• dhembshuri
• Halloween
• organizëm

Ngjyre blu facebook krijon një ndjenjë sigurie:

Ju mund të gjeni shumë faqe interneti biznesi dhe korporatash duke përdorur ngjyrën blu. Ne e lidhim këtë ngjyrë me diçka të besueshme, të sigurt, ngjall një ndjenjë besimi dhe përvojë. Kështu, nuk është për t'u habitur që çdo biznesmen që kujdeset se çfarë përshtypjesh do të lërë nga faqja e internetit e kompanisë së tij, preferon të përdorë ngjyrën blu. Bluja krijon ndjesi krejtësisht të kundërta me ato që lë e kuqja. Bluja na qetëson dhe nuk duhet të shqetësohemi shumë për këtë.

Një shembull praktik i përdorimit të blusë:

Vë bast se nuk e dinit:

Një sondazh, i cili u krye në Gjermani dhe u publikua në vitin 2009, dëshmoi se bluja është ngjyra e preferuar e 46 për qind e burrave të anketuar dhe 44 për qind e grave. - Wikipedia

Përdorimi më i gjerë i paletës së ngjyrave blu nga entitydesigns:

10 lidhje me blunë:

• vërtetësinë
• miqësi
• magjike
• djema
• falas
• policia

Forca e gjelbër në

Ndiheni jashtëzakonisht optimist tani? Më lejoni të marr me mend - po shikonit diçka të gjelbër? Ndoshta thjesht po shikonit një bimë jeshile - kjo, padyshim, ju qetësoi dhe ju bëri t'i shikoni gjërat me më shumë optimizëm.

Kushdo që është disi i lidhur me ekologjinë ka më shumë mundësi për të përdorur gjelbërimin në krijimin e faqeve të tyre. Vini re faturën prej 100 dollarësh. Këtu mbizotëron ngjyra e gjelbër! Faqet si Groupon gjithashtu kanë shumë gjelbërim në markën e tyre pasi ato merren drejtpërdrejt me paratë. E gjelbra është shumë freskuese dhe relaksuese, duke u lënë njerëzve një ndjenjë ekuilibri dhe frymëzimi. Ai përfaqëson ekuilibrin dhe harmoninë në dizajn.

Një shembull praktik i përdorimit të gjelbër:

Vë bast se nuk e dinit:

Në disa gjuhë, duke përfshirë kinezishten e vjetër, tajlandeze, japoneze të vjetër dhe vietnameze, e njëjta fjalë mund të nënkuptojë njëkohësisht blu dhe jeshile. Nuk ka burime natyrore për ngjyrosjen e ushqimit të gjelbër që janë miratuar nga Administrata Amerikane e Ushqimit dhe Barnave. - Wikipedia

Përdorimi më i gjerë i gjelbër nga Skybluue2u:

10 shoqata me jeshile:

• paratë
• lakmia
• zili
• natyrës
• Pranvera
• shëndetin
• rinia
• bari
• shpresë

Yahoo! dhe vjollcë në logon e tyre

Ngjyra vjollcë më së shpeshti shoqërohet me koncepte të tilla si imagjinata, kreativiteti, dinjiteti, fisnikëria dhe bollëku. Nuancat e gjalla të vjollcës lidhen kryesisht me pranverën dhe romancën, ndërsa nuancat më të errëta të vjollcës lidhen me luksin dhe pasurinë. Vjollca përdoret në shtrat të bukur dhe në modë sepse vjollca është më qetësuese se çdo ngjyrë tjetër. Konsiderohet më shumë femërore dhe romantike sesa mashkullore. Kur shikon gjërat vjollcë, duket qartë artificiale, kjo ndodh sepse kjo ngjyrë është shumë e rrallë në natyrë. Ashtu si e kuqja, njerëzit e shohin vjollcën si shumë të fortë dhe të shndritshme, kjo i bën ata të ndihen të detyruar të bëjnë diçka, i shtyn ata të ndërmarrin një veprim të caktuar. Prandaj, do të ishte efektive ta kombinoni këtë ngjyrë me të zezën ose të bardhën.

Një shembull praktik i përdorimit të vjollcës:

Vë bast se nuk e dinit:

Në prill 2007, shkencëtarët sugjeruan se arkeat e hershme mund të kenë përdorur një pigment vjollcë të ngjashëm me klorofilin për të thithur energji nga dielli. Nëse do të ishte vërtet kështu, atëherë zona të gjera të oqeaneve dhe brigjeve do të ishin vjollcë. Kjo teori quhet Hipoteza e Tokës Purple. - Wikipedia

Rritja e përdorimit të vjollcës nga

10 lidhje me vjollcën

• pasurinë
• bujari
• fisnikëri
• përsosje
• romancë
• art
• ekzotike
• shpirtërore
• luksi
• feminitet

1WD përdor ngjyrat njëngjyrëshe në mënyrë inteligjente

Zakonisht ngjyrat njëngjyrëshe si e bardha, e zeza, gri e errët dhe gri e çelur duhet të përdoren si sfond në një dizajn me ngjyra të theksuara paraekzistuese dhe të vendosura mirë që janë më të ndritshme dhe më të ngopura. Hidhini një sy faqes, 1stwebdesigner - 1WD. Ata përdorin gjithashtu portokallinë si një ngjyrë të theksuar të ndezur - por vetëm në një kombinim harmonik me tonet gri të errët dhe gri të lehta. Dhe, natyrisht, e bardhë (ngjyra e sfondit të faqes). E zeza gjithmonë do të përfaqësojë modernitetin, misterin, elegancën dhe forcën. Gri është një ngjyrë neutrale që përfaqëson diçka të qetë dhe pothuajse të panjohur, si një hije. Meqenëse grija ndonjëherë mund të duket me baltë, e bardha do të krijojë efektin e kundërt. E bardha barazon pastërtinë, çiltërsinë, thjeshtësinë dhe minimalizmin.

Një shembull praktik i përdorimit të ngjyrave njëngjyrëshe:

Vë bast se nuk e dinit:

Fotografia dixhitale njëngjyrëshe kap vetëm nuancat e së zezës që perceptohen nga sensori i kamerës. Në imazhet me ngjyra pas përpunimit, ju mund të transformoni ndriçimin e perceptuar duke kombinuar matjet e kanaleve të shumta. - Wikipedia

Rritja e përdorimit të paletës pikturë njëngjyrëshe nga munsteri

10 asociacione me ngjyrat njëngjyrëshe

• pushtetin
• elegancën
• hapësirë
• butësi
• pafajësia
• pesimizmi
• depresioni
• mërzinë

Cila eshte ngjyra jote e preferuar? Dhe çfarë ndjenjash dhe emocionesh ngjall tek ju?

Përkthim - Detyrë

Nga autori: një dizajner në internet ka në arsenalin e tij shumë mjete për të bashkëvepruar me përdoruesit duke përdorur ngjyra. Përputhja e ngjyrave në dizajnin e uebit është një mjet efektiv marketingu, megjithatë, ai duhet të përdoret me shumë kujdes në mënyrë që të mos ketë një dizajn të zbehtë që i lë përdoruesit të ndihen të pakëndshëm dhe të shqetësuar.

Ky është, natyrisht, një shembull ekstrem. Ideja kryesore e artikullit tim është që dizajni duhet të jetë jo vetëm funksional dhe i dobishëm, por edhe emocionalisht tërheqës. Për ta bërë këtë, duhet të konsideroni veçanërisht me kujdes paletën e ngjyrave të faqes, e cila është një grup ngjyrash të përdorura në zhvillimin e dizajnit të uebit.

Kërkesa mjaft serioze vendosen në skemën e ngjyrave të faqes, pasi kombinimi i ngjyrave për dizajnin e uebit jo vetëm që përcakton pamjen e burimit tuaj, por gjithashtu do të shoqërohet me markën tuaj në internet. Shumica e faqeve kanë një gamë prej 2 deri në 4 ngjyrash, pa llogaritur bardh e zi. Le të përpiqemi të kuptojmë se si të krijojmë kombinimin më tërheqës dhe efektiv të ngjyrave në dizajnin e faqes suaj të internetit.

Zgjedhja e ngjyrës kryesore

Nëse tashmë keni një logo të gatshme, atëherë është mirë të përdorni një nga ngjyrat e saj si kryesore. Nëse keni nevojë të zgjidhni paletën e faqes nga e para, do t'ju duhet të përdorni një metodë tjetër. Analizoni audiencën e synuar të burimit tuaj në lidhje me preferencat e ngjyrave sociale ose specifike për moshën.

Merrni një faqe interneti me temë dasmash, për shembull. Nuset tona veshin fustane të bardhë, që simbolizojnë pafajësinë dhe pastërtinë. Në Kinë, e bardha konsiderohet si ngjyra e zisë, kështu që nuset kineze vishen me fustane të kuqe, pasi e kuqja për kinezët është simbol i dashurisë, lumturisë dhe fatit të mirë. Shtoni më shumë bojë të verdhë këtu dhe do të merrni ngjyrën e fuqisë dhe pasurisë.

Me të gjitha këto nuanca kulturore, është shumë e vështirë të gjesh kombinimet e përsosura të ngjyrave të dizajnit të uebit që do t'i përshtaten vërtet faqes suaj të internetit dhe do të punojnë për të. Prandaj, shumë kompani që respektojnë veten bëjnë versione lokale të faqeve për vende dhe popuj të ndryshëm.

Ngjyrat më të sigurta janë vjollca dhe bluja. Vjollca konsiderohet si ngjyra e pasurisë, fuqisë dhe statusit të lartë shoqëror kudo përveç Tajlandës (në Tajlandë është simbol i pikëllimit). Blu është e lidhur me optimizmin, besimin, lumturinë. Vërtetë, në Japoni do të thotë mizori, dhe në Indi do të thotë trishtim.

Llojet e kontrasteve të ngjyrave

Kontrasti në ton. Ky lloj kontrasti duhet përdorur me kujdes, mundësisht në kombinim me lloje të tjera kontrasti dhe vetëm kur është i justifikuar. Kontrasti më i theksuar në web design është kombinimi i tre ngjyrave: e kuqe, e verdhë dhe blu. Sa më tej të jenë ngjyrat e kombinuara në rrotën e ngjyrave nga këto tre, aq më i dobët është kontrasti në ton.

Kontrasti i dritës dhe errësirës. Çifti më i rreptë i kontrastit përbëhet, natyrisht, nga e bardha dhe e zeza. Ndër ngjyrat plotësuese, kontrasti më i ulët i shkëlqimit është midis jeshiles dhe së kuqes, dhe më i madhi është midis vjollcës dhe të verdhës.

Vizioni ynë është më i ndjeshëm jo ndaj gradimeve të ngjyrave të objekteve, por ndaj nuancave të shkëlqimit të tyre. Për një dizajner në internet, aftësia për të vendosur në mënyrë harmonike pika të errëta dhe të lehta në dizajnin e faqes është çelësi i dizajnit efektiv.

Të ftohtë dhe të ngrohtë. Nuk është për t'u habitur që tonet e ftohta dhe të ngrohta lidhen me temperaturën tek njerëzit. Kjo për faktin se atmosfera e Tokës ngjyros objektet e largëta me tone kaltërosh.

Kështu, sa më larg nesh të jetë një objekt, aq më i ftohtë e imagjinojmë të jetë. Kjo pronë përdoret në mënyrë aktive si nga artistët ashtu edhe nga dizajnerët e uebit për të ngjallur emocionet e dëshiruara te përdoruesi.

Kursi i minimalizmit

Sot, tendenca janë nuancat e ndritshme dhe dinamike, minimalizmi dhe skemat pikturë njëngjyrëshe që nuk largojnë vëmendjen nga kontrasti midis ngjyrave. E kombinuar me një stil minimalist (duke përdorur, për shembull, butona transparentë ose tip të bardhë të theksuar), një skemë pikturë njëngjyrëshe është e lehtë për t'u futur në një faqe interneti dhe një kënaqësi për t'u parë.

Shumica e njerëzve në dizajnin e uebit preferojnë të kombinojnë të njëjtat ngjyra të sfondit me një gamë të kundërta të elementeve të tjerë. Prandaj, do të ishte logjike të përdorni një gamë me 1-2 ngjyra për sfondin e faqes dhe një gamë të kundërta për butonat dhe objektet e tjera që bëjnë thirrje për veprim.

Ju ndoshta keni hasur në shërbimin e internetit Twitter të paktën një herë dhe keni vënë re se paleta e tij e ngjyrave përbëhet nga disa nuanca të blusë. Ju tashmë e dini se bluja është ngjyra më e sigurt për t'u përdorur në ueb, kështu që nuk është çudi që Twitter e përdor atë, veçanërisht kur merrni parasysh popullaritetin global të shërbimit, mbështetjen e tij për një numër të madh gjuhësh dhe, në përputhje me rrethanat, kulturat. .

Ngjyra si një ndihmë lundrimi

Një mënyrë tjetër fituese e përdorimit të ngjyrave të sfondit dhe theksit është krijimi i një lloji "hierarkie ngjyrash" që i mëson përdoruesit se një ngjyrë e veçantë nënkupton një veprim të veçantë në sajt.

Le të përmbledhim. Ngjyra dhe aftësia për të kombinuar ngjyrat në web design është mjeti më i rëndësishëm për një web designer. Nëse e përdorni atë në mënyrë korrekte dhe nuk harroni për përdorshmërinë e faqes, atëherë mund të nënvizoni me fitim përmbajtjen, duke "drejtuar" butësisht dhe pa vëmendje vizitorin për të kryer veprime të caktuara.

Imagjinoni që faqja juaj do të vizitohet nga mijëra e miliona njerëz - kjo është arsyeja pse ju duhet të bëni gjithçka që është e mundur për ta bërë përdorimin e saj sa më të thjeshtë dhe të rehatshëm.

Shpresoj se ju gjeti ky material i dobishëm. Regjistrohuni në përditësimet e blogut tonë në mënyrë që të mos humbisni të gjithë argëtimin. Deri!

Tendencat dhe qasjet moderne në zhvillimin e uebit

Mësoni algoritmin e rritjes së shpejtë nga e para në ndërtimin e faqes

Teoria e ngjyrave në dizajnin e uebit është një temë e gjerë që kërkon shumë praktikë për të kuptuar specifikat e zbatimit të saj. Zgjedhja e ngjyrës varet edhe nga mjedisi dhe specifikat e punës së vetë dizajnerit të uebit, pasi ngjyrat dhe nuancat i shikojmë pak më ndryshe se ilustruesit dhe artistët.

Ne i kemi kushtuar tashmë pjesërisht materialet tona ngjyrave në dizajnin e uebit dhe Photoshop. Por sot duam të flasim dhe t'i shohim ngjyrat dhe paletat e ngjyrave pak në terma të përgjithshëm, ku dhe si është më e lehtë dhe më e përshtatshme për të zgjedhur kombinimet e tyre, çfarë të kërkoni dhe më shumë. Në përgjithësi, ne kemi mbledhur disa burime për përputhjen e ngjyrave, kemi gjetur paleta interesante të gatshme dhe gjithashtu duam të gërmojmë pak më thellë në disa pika të teorisë së ngjyrave.

Teoria e ngjyrave me shumë paragrafë

Kur dizajnojmë një faqe interneti, ne kemi 16.8 milionë ngjyra për të zgjedhur. Dhe të gjitha ato duhet të kombinohen dhe zgjidhen, dhe nëse imagjinoni sa variante të kombinimeve të tilla ekzistojnë, atëherë ... është pothuajse e pafund. Por ngjyrat kanë kuptim. Imagjinoni t'ju prezantohet gjëja juaj e preferuar. Ju jeni të kënaqur, jeni të kënaqur. Tani imagjinoni që një gjë është një gjë, por ngjyra e saj është më e urryera për ju. Për shembull, një hije e përzierjes së gjelbër, të verdhë dhe gri. Oh, do të jesh i emocionuar, do të jesh i fortë, por gëzimi do të shuhet.

Ngjyrat kanë kuptim. Ata japin ton, ndikojnë emocionalisht në të njëjtën mënyrë si fonti ka një ndikim të madh në psikologjinë njerëzore.

Ngjyrat primare janë ngjyrat kryesore për nuancat. Syri i njeriut percepton tre ngjyra bazë: cian, të verdhë dhe magenta. Çdo ngjyrë që shihni përpara jush tani përbëhet nga një kombinim i këtyre treve, por në sasi të ndryshme ndriçimi, nuancash dhe më shumë. Po, po, printimi ndodh në këto ngjyra.

Përkundrazi, interneti përdor RGB (e kuqe, jeshile, blu) dhe vlerat e tij heksadecimal.

RGB (59, 89, 145) ose # 3b599b - Facebook blu

RGB (0, 0, 0) ose # 000000 - e zezë

Çdo dy karaktere në kodin 16-shifror tregojnë ngjyrën bazë: e kuqe - 3b, jeshile - 59, blu - 9b.

Ftohtë-ngrohtë

Gjithashtu, ngjyrat zgjasin për nuancat e ftohta (bollëk blu dhe jeshile) dhe të nxehta (shumë të kuqe dhe të verdha). Ngjyrat e nxehta në dizajnin e uebit ngjallin ndjenja ngrohtësie, pasioni. Ata janë agresivë dhe të guximshëm, por simbolizojnë edhe faktin që disa gjëra duhen ndalur, ndaj përdoren për mesazhe kritike, ikona e të tjera.

Ngjyrat e ftohta sjellin freski, të përshtatshme për temat e dimrit, natën, trishtimin apo ujin. Ata mbajnë në vetvete vetminë dhe të ftohtin, frikën. Por ndërkohë, ato janë jo agresive dhe qetësuese.

Temperatura

Temperatura e imazheve gjithashtu mund të ndryshohet, duke rezultuar në një ndryshim në nivelin e ngjyrës portokalli. Kështu, ne e kthejmë foton në një foto më të ngrohtë dhe më të gëzueshme. Ashtu si bota duket më e lumtur kur dielli hedh mbi të rrezet e tij të verdhë-portokalli. Nga ana tjetër, ulja e temperaturës e bën imazhin më të ftohtë dhe më pak tërheqës, sikur të përcjellë natyrën në një ditë me re.

Hije dhe hije

Ngjyrosjet përftohen duke shtuar të bardhën në ngjyrë, në të njëjtën mënyrë që shtoni të zezën kur krijoni një hije. Ngjyrosjet dhe hijet ju lejojnë të krijoni ngjyra dhe paleta njëngjyrëshe duke shtuar sasi të ndryshme të bardhës dhe të zezës.

Për shembull, le të marrim një ngjyrë të përparme prej # 8dbdd8 (blu e lehtë). Imazhi më poshtë tregon një gamë pikturë njëngjyrëshe në të cilën dy nuancat djathtas dhe majtas janë rezultat i shtimit të sasive të ndryshme të zezë dhe të bardhë.

Ngopje, ton, dritë

Gjithashtu, ngjyrat shpërndahen sipas ngopjes, nuancës dhe shkëlqimit. Ngopja e bën ngjyrën më të pasur dhe më të errët. Kur themi blu e hapur ose jeshile e errët, nënkuptojmë ngopje.

Ngjyra përcakton ndryshimin nga ngjyra bazë e ylberit (janë shtatë prej tyre). Kjo është, për shembull, "blu e gjelbër". As atë as atë, por vetëm ton.

Shkëlqimi përcakton një ngjyrë në lidhje me të bardhën e pastër, sa e ndritshme apo e shurdhër është. Diçka e ngjashme me ngopjen, por varet nga një parametër tjetër.

Skemat e ngjyrave

Nëse marrim parasysh skemat e ngjyrave, atëherë ka vetëm katër prej tyre: pikturë njëngjyrëshe (hijet e një ngjyre kryesore), plotësuese (e dy ngjyrave që janë në anët e kundërta të rrotës së ngjyrave), analoge (tre ngjyra që janë pranë rrotës së ngjyrave ), treshe ose treshe (tre ngjyrat që janë në cepat e trekëndëshit të vizatuar në majë të rrotës së ngjyrave).

Hartimi i një plan urbanistik të luleve

Kjo është një teori e shkurtër dhe më pas do t'i referohemi thjesht këtij materiali. Por edhe në fillim të studimit të dizajnit të uebit, kjo teori është e rëndësishme, megjithëse shpesh sytë tuaj mund të kuptojnë se diçka duket krejtësisht ndryshe nga ajo që përshkruhet në numra. Një lloj blu, por ju mendoni se nuk është e ngopur sa duhet. Këto janë tiparet e natyrës së zhvillimit të çdo personi. Kjo është arsyeja pse shumë dizajnerë të internetit shkojnë me kokë në dizajnin e paletës së ngjyrave, ashtu si disa njerëz i përkushtohen studimit të tipografisë. Ata përjetojnë ngjyra të ndryshme, ngopje, temperatura në kombinim me variacione të tjera dhe shohin kur, çfarë dhe si funksionon.

Megjithatë, kur bëhet fjalë për ngjyrat e uebit, ekziston një koncept si "ngjyrat e sigurta në ueb". U shfaq kur ekranet nuk mund të transmetonin ende 16 milionë ngjyra. Por nëse ka ngjyra kaq të sigurta, pse tjetër ka diçka tjetër? Por, e shihni, është mirë të dimë pse ekzistojnë fare dhe si ndikojnë në zgjedhjen e ngjyrave në përgjithësi.

Duhet të kuptohet, sepse ne mund të përdorim çdo ngjyrë, projektet më të mira në internet merren duke përdorur grupin kryesor të ngjyrave. Dhe po, besoni syve tuaj. Nëse nuk u pëlqen ajo që shohin, atëherë përpiquni të ndryshoni.

Kur nevojitet ndihma

Nëse keni ndonjë vështirësi në dizajn në fazën zero, atëherë idetë për zgjidhjet me ngjyra mund të gjenden gjithmonë në internet. Thjesht vizitoni faqen me paleta ngjyrash dhe personalizoni atë për veten tuaj, më pas mblidhni ngjyrat që dëshironi dhe punoni me to në Photoshop. Për shembull, studioni webdesign-inspiration ose awwwards, renditni sipas ngjyrës dhe gjeni frymëzim.

Eksploruesi i ngjyrave

Është një bibliotekë dhe punëtori për krijimin e një palete ngjyrash. Biblioteka përmban grupe paletash për printim dhe ueb. Mund të zgjidhni një ngjyrë dhe të shihni nuanca të shumta dhe ndryshime në tone.

Сcolor son th eweb

Zgjedh të gjitha ngjyrat dhe nuancat për ngjyrën që specifikuat. Përveç kësaj, burimi ofron ngjyra për kombinim dhe kombinim, paleta pikturë njëngjyrëshe, analoge, variacione të ngopjes, tone, shkëlqim dhe më shumë.

Copaso

Ju lejon jo vetëm të zgjidhni një ngjyrë duke operuar me disa parametra menjëherë, por edhe më pas të montoni një gamë sipas një ngjyre të caktuar. Në versionin e parë, ne krijuam një ngjyrë, dhe në të dytin, krijuam një gamë dhe një sërë nuancash dhe tonesh ngjyrash.

Solorotate

Ky është një nga aplikacionet e pakta celulare që ju lejon të punoni me paleta ngjyrash në smartphone ose tablet. Por ekziston edhe një version për shfletuesin e PC. Një tipar i projektit është puna me ngjyra në 3D. Na ofrohet një kon me lule. Çdo pikë për përzierjen e një hije lëviz vetëm brenda trekëndëshit të vet dhe vetë koni mund të rrotullohet sa më lehtë.

Përveç kësaj, ka grupe paletash të gatshme për Krishtlindje, pikturë njëngjyrëshe, moderne, agrume dhe të tjera.

Të dashuruar me ngjyra

Faqja ka qenë prej kohësh një katalog i skemave të ngjyrave me porosi. Si rregull, ai përfshin ngjyra të sheshta të dizajnit, si dhe modele të shumta, tekstura, sfonde që janë të disponueshme falas.

Paletat e ngjyrave mund të zgjidhen nga fotografitë dhe imazhet. Ne kemi folur tashmë për këtë dhe burimet për këtë gjithashtu. Ideja në tërësi është interesante dhe shumë e dobishme, lexoni atë në kohën e lirë.

Profilet me ngjyra

Por ndërkohë, zgjedhja e paletës është ende gjysma e telasheve. Tema më e nxehtë në dizajnin e uebit është zgjedhja e profileve të ngjyrave. Ne e prekëm këtë temë pak më herët (lidhja në fillim të artikullit), por ja çfarë duam të shënojmë tani. Çdo monitor mund të kalibrohet për një profil të veçantë ngjyrash. Kjo bëhet, për shembull, në Windows 10 -> Paneli i Kontrollit -> Menaxhimi i ngjyrave. Prandaj, disa ngjyra mund të shfaqen ndryshe në monitorë të ndryshëm.

Tema, siç thamë, është konfuze dhe për këtë arsye shumë web designers nuk janë gjithmonë të sigurt nëse kanë zgjedhur ngjyrën e duhur. SRGB rekomandohet më shpesh, por jo e nevojshme ose absolutisht zgjidhja dhe zgjedhja më e mirë. Kjo vlen edhe për imazhet që ruhen me profile të integruara dhe paraqitjet e faqeve të internetit. Me fjalë të tjera, kjo temë mund të marrë shumë kohë për t'u kuptuar.

Por, ndërkohë, shumë stilistë përpiqen të mos mendojnë fare për to dhe të punojnë me cilësimet në kompjuter dhe në Photoshop si parazgjedhje. Dhe kjo është gjithashtu e vërtetë, që edhe nëse bini dakord për ngjyrat me klientin/klientin, prapë nuk do të mund të ndikoni në ngjyrat në monitorin e përdoruesit fundor.

Ngjyrat e ndërfaqes së materialit

Google, kur krijonte rregullat për dizajnin e materialit, detajoi gjithashtu dispozitat për ngjyrën. Sidoqoftë, rregullat janë aq të thjeshta në përgjithësi, saqë ato mund të zbatohen lehtësisht në çdo ndërfaqe, gjë që i bëri ato të njohura.

Kur bëhet fjalë për zgjedhjet e ngjyrave, dizajni i materialit ndjek një stil të ngjashëm me dizajnin e sheshtë. Ndërtimet materiale për aplikacione dhe faqe janë të disponueshme lirisht në internet, dhe për këtë arsye ju mund të shihni grupe ngjyrash me sytë tuaj, të krijoni paleta dhe shumë më tepër.

Nëse vendosni të punoni vetëm me një grup ngjyrash nga Google, atëherë ju rekomandojmë të provoni të dy mjetet për të parë se si dhe si mund të plotësojnë njëra-tjetrën. Atëherë mund të përdorni gjithashtu burimin 0 deri në 255, të përputhen me ngjyrat për sa i përket shkëlqimit dhe ngopjes.

konkluzioni

Ngjyra në internet është kryesisht e thjeshtë dhe nuk duhen më shumë se disa javë për të kuptuar bazat dhe teoritë e saj. Por nëse vendosni të futeni më thellë në këtë teori të ngjyrës, atëherë do të mësoni shumë, shumë kompleksitete, veçori, modele, ndikime dhe zgjidhje. Ndoshta disave prej jush do t'ju turbullohet koka nga bollëku i informacionit; dikush do të vendosë që " ai nuk ka nevojë ta dijë këtë, vuri logon me një pipetë dhe ngjyros faqen". Por dikush do të vendosë të shqyrtojë teorinë përsëri dhe përsëri; vendos të thellohet në "shportën me lule" dhe hije, vendos të fillojë të eksperimentojë.

Shpresojmë që materialet tona me ngjyra do t'ju ndihmojnë pak në të ardhmen në punën tuaj në projektet tuaja. Ata do t'ju ndihmojnë të gjeni atë mënyrë të thjeshtë për të kuptuar se si funksionojnë ngjyrat e uebit përmes praktikës, përsëritjes, besimit në sytë tuaj.

Ka shumë burime për zgjedhjen e paletave të ngjyrave, faqe për frymëzim gjithashtu, por kur uleni për të "vizatuar" projektin tuaj në kokën tuaj disi ... ai bëhet bosh. Ju uleni dhe mendoni: " Çfarë lloj nuance blu do të merrja ... pak më të errët ose pak më të hapur ... eh ... dhe klienti nuk donte të mendonte për gjëra të tilla të vogla ... për të diçka që, natyrisht, ... gjera te vogla ... "

Ditët e Vitit të Ri dhe koha e lirë janë një arsye e mirë për kreativitet, imagjinatë të lehtë për kënaqësinë tuaj, kur, për shembull, nuk keni më forcë të dilni e të argëtoheni.