2020. gada 50 labākās vietņu krāsu shēmas
Vai kādreiz šķiet, ka dažām tīmekļa vietņu krāsu shēmām tiek pievērsta visa uzmanība? Tāpat kā visos citos tīmekļa dizaina aspektos, ir arī krāsu shēmas, kurām ir tendence vairāk nekā citām. Spilgtas krāsas, izteiktas paletes un pat dažas neatbilstības shēmas ir tendences vērojami krāsu elementi.
Šeit ir apskatītas dažas no labākajām tīmekļa vietņu krāsu shēmām 2020. gadā (nevienā īpašā secībā). Katram no tiem mēs dalāmies arī ar krāsu kodiem, kas veido galvenos dizaina elementus, tāpēc ar šīm krāsu shēmām ir ērti spēlēties arī pašiem!
Neatkarīgi no tā, vai veidojat vietni no nulles, vai arī izveidojat vietnes dizainu, izmantojot vietnes veidošanas rīku, piemēram, Wix, jums būs rūpīgi jāpārdomā krāsu izvēle. Foniem, tekstam, animācijām un citam.
Šeit ir daži lieliski krāsu izvēles piemēri, kas izdarīti pareizi, lai iedvesmotu jūsu nākamo projektu.
1. Taproot fonds
# 00a9d8 # 0d9edf # 259b9a
Taproot fonds izmanto vienu no labākajām un krāsainākajām tīmekļa vietņu krāsu shēmām. Dzeltenā, zilā un kelly zaļā kombinācija darbojas kopā, lai izskaidrotu dažādas grupas grupas, kas palīdz bezpeļņas organizācijām. Tā nav vietnes krāsu shēma, kurā jūs redzat, ka bieži, bet spilgtas krāsas ar baltu fonu ir galvenokārt moderns risinājums.
2. Novērst epidēmijas
# 292930 # 3eb650 # fcc133 # e12b38
Lai novērstu epidēmijas, tiek izmantota vienlīdz krāsaina shēma, bet tas viss kopā ar tumšu fonu un zaļumiem, kas satur visus lietotāja interfeisa elementus un vispārējo dizainu. Viena no tendenciozākajām krāsu paletes iespējām ir izstrādāt krāsu komplektu, kas būtu daudz plašāks nekā tipiskākā divu vai trīs krāsu palete, kas ir biežāka.
3. Snipcart
# 7f8688 # 929d9e # f3e367
Snipcart izmanto gaiši pelēku krāsu, lai šajā paletē kā galveno fona krāsu iestatītu toni ar smalkiem dzelteniem akcentiem. Risinājums saista tendenciozāku spilgtu krāsu ar smalku un neitrālu krāsu paletes gradientu, kas mudina lietotāju patiesi uzlabot saturu.
4. Mossio
# 18181e # dec79b
Mossio izmanto šīs vietnes krāsu shēmā tās pašas bāzes krāsas - jūs varat redzēt tendenci ar melnu / pelēku un dzeltenu, vai ne? - tikai ar piesātinātāku fonu un mazāk piesātinātu akcentu krāsu. Kombinācijai ir gandrīz tāds pats efekts kā iepriekš minētajam piemēram ar krāsu paleti, kas koncentrējas uz saturu, padarot dizainu nedaudz neredzamāku.
5. Omega raugs
# f7f7f7 # 7da2a9
Omega Yeast neizskatās pēc tā, ka tam no pirmā acu uzmetiena būtu krāsu palete, kas pārsniedz melnbaltu krāsu, taču šis vietnes dizains rada kaut ko tādu, kas ir liela krāsu tendenču ideja. Krāsu shēma sakņojas galvenajā attēlā - šajā gadījumā videoklipā -, nevis fona vai krāsainos lietotāja interfeisa elementos. Šī krāsu tendence kļūst arvien izplatītāka, jo dizaineri izmanto pilnekrāna attēlus, lai pastāstītu zīmola stāstu.
6. Lauku barība
# ffffff # a7bc5b # 8da242
Lai pievērstu uzmanību, Farm Food izmanto vienkāršu, dabisku paleti ar baltu minimāla stila fonu ar spilgtiem olīvu zaļumiem. Turklāt paletei ir monotona iezīme ar elementiem gaišu un tumšu olīvu. (Šīs krāsas izmaiņas visvieglāk ir redzēt pogas kursora iestatīšanas stāvoklī.) Iespējams, ka tas nav krāsu pāris, ar kuru jūs saskaraties vispirms, taču tas tiešām ir pārsteidzošs.
7. Jebsena karjera
# 3fd2c7 # 99ddff # 00458b
Jebsen Careers izmanto izslēgtu blūzi un zaļumus, lai izveidotu pārsteidzošus krāsu pārklājumus un dizaina elementus ar piesātinātāku krāsu. Kombinācija lieliski darbojas uz balta fona un patiešām parāda, ko jūs varat darīt, strādājot ar vienas krāsas variācijām. Teksta elementiem izmantotā flote un logotips vēl vairāk uzlabo krāsu izmantošanu.
8. IC radošs
# fb8122 # 1d2228 # e1e2e2
Lai izveidotu aicinošu ainu, IC Creative izmanto tumšas krāsas pārklājumu - melnu, kas nav īsti melns - ar spilgtu akcenta krāsu un daudz balta. Krāsu pārklājumi gandrīz katrā nokrāsā ir galvenā vietņu krāsu tendence, un bagātīgā melnā krāsa, piemēram, šeit, ir jauks veids, kā dot citam saturam daudz vietas ekrānā. Vienkārši ņemiet vērā lielo virsrakstu un spilgtos akcentus un aicinājumus uz darbību.
9. Mangrove viesnīca
# d48166 # 373a36 ## e6e2dd
Kaut arī spilgti krāsu paletes dažus gadus ir praktiski lēmušas par vietņu noformējumu, dažos projektos ir paredzēts atgriezties pie klusākām paletēm. Mangrove Hotel gaumīgais tonis ir silts un labi papildina saturu. (Šī pati krāsa ir parādījusies arī dažos Twitter mārketinga paziņojumos.)
10. Miega
# 051622 # 1ba098 # deb992
Slumber lieliski izmanto Pantone gada krāsu - Classic Blue - lietotņu attēlos un tumšos toņos fonā un logotipā. Pārklājums ar zeltu un zaļu krāsu ir ļoti moderns, elegants un seko nakts un miega tēmai.
11. Atlantas alus darīšana
# e40c2b # 1d1d2c # f7f4e9 # 3cbcc3 # eba63f # 438945
Atlanta alus darīšanā tiek izmantots arī dominējošais sarkanais ar daudzām citām akcentu krāsām. Ņemiet vērā, ka palete ir ne tikai mājas lapas dizaina sastāvdaļa, bet tā attiecas arī uz produkta iepakojumu. Viņiem ir diezgan plaša palete ar pamatkrāsām kā bāzi un bagātīgu melnbaltu fonu.
12. Saulainās ielas kafejnīca
# 5c6e58 # 8aa899 # f2d349
Kafejnīca "Sunny Street" ir gaiša ar krāsu paleti, kas lieliski atbilst dizainā attēliem un valodai. Zaļumi un dzeltenie kopā ir neparasta kombinācija, taču tā ir draudzīga un piemērota tieši šo brokastu un pusdienu vietas noformējumam. Krāsu tēma labi izceļ arī ēdiena attēlus.
13. Atšķirība
# 000000 # 181818 # 2cccc3 # facd3d # 5626c4 # e60576
Atšķirtībai krāsu paletē tiek izmantota vienāda melnā pamatne ar akcentu krāsu varavīksni. Ja vēlaties plašu krāsu paleti, tas ir veids, kā efektīvi izmantot tendenci.
14. Lūcija Lash
# ffffff # 0a0a0a
Krāsu spektra otrā galā pavisam trūkst krāsas. Vienīgā melnbaltā vietņu krāsu shēma ir mod un augstuma augstums.
15. Pittori di Cinema
# fdd935 # 000000
Minimālisms var būt arī pilnā krāsā, par ko liecina Pittori di Cinema. Koši dzeltenā shēma ar melnu ir izplatīta augstas krāsas minimālisma iespēja. Jo spilgtāka ir šī stila krāsu palete, jo vairāk šķiet, ka tā ir aktuāla.
16. Mēs (sirds) UX
# e1f2f7 # ef0d50 # eb3a70 # e5bace
Mēs (Heart) UX galvenajam mākslas elementam izmantojam vienkāršu krāsu paleti ar gaiši zilu fonu - jauku izvēli - un sārti sarkaniem toņiem. Šo krāsu apvienojums ar funky geo stilu ir moderns, moderns un vienkārši patīkami aplūkots.
17. Lepns un saplēsts
# 1f3044 # fb9039 # 646c79
Proud & Torn izmanto to pašu dārgakmeņu toņu koncepciju ar nedaudz klusāku krāsu kombināciju. Smalkāka krāsu palete palīdz radīt vizuālu interesi par vietni, kurā ir daudz bezkrāsainu attēlu.
18. Loom
# 6effc4 # 9630d8 # ffffff
Loom izmanto spilgtas krāsas elementus, lai kontrastētu ar spilgtāku melnbaltu fonu. Violets un zaļš darbojas fantastiski kopā, it īpaši šeit izvēlētajos toņos. Ja neesat pārliecināts par krāsas izvēli, patīkama pieskāriena iespēja ir izmantot caurspīdīgumu ar vienu krāsu.
19. Etija
# d56c2c # 22223a
Etiya piedāvā vēl vienu populāru vienkrāsas krāsu kā daļu no kopējās vietnes krāsu paletes - oranžu. Spilgti oranži toņi - kurus bieži izmanto ar tumšu fonu, kas ir melns, flotes vai purpursarkans - ir moderna opcija.
20. Baobla
# 56642a # 849531 # 92a332
Baobla piedāvā jautru gradientu monotonu krāsu shēmā. Šis krāsu paletes stils ir ideāli piemērots jauniem zīmoliem vai produktu identitātēm vai, ja jūs vēlaties panākt lielu ietekmi ar treknu nokrāsu.
21. Sieviešu un meiteņu neatliekamās palīdzības centrs
# faf0dc # 0b4141 # ff6864
Sieviešu un meiteņu neatliekamās palīdzības centrs izvēlējās krāsu paleti, kas nav pārāk sievišķīga, palīdzot dot vairāk spēka savam ziņojumam ar drosmīgu krāsu. Krāsu izvēle ir liela kontrasta ziņā, un tai ir viegli acis, kā arī lasāmība. Spilgta akcenta izvēle ir moderna, un tas uzsver šo elementu.
22. Žana Baptiste Kaloja portfelis
# 150734 # 0f2557 # 28559a # 3778c2 # 4b9fe1 # 63bce5 # 7ed5ea
Jean-Baptiste Kaloya, iespējams, vispopulārākā krāsa tīmekļa vietnes dizainā pārvēršas par monotonu paleti ar atšķirīgu zilu krāsu. Ņemiet vērā arī gaišā blūza mīkstos slīpumus.
23. Igors
# 000000 # fefefe # fdee30
Igors demonstrē to, kas, iespējams, ir 2019. gada populārākā vietņu krāsu palete - melna, balta un dzeltena. Šī krāsu palete, kaut arī redzama dažādās nokrāsās, ir plaši populāra. Šī kombinācija, iespējams, ir viena no pievilcīgākajām.
24. Kovboju velosipēds
# 000000 # fa255e # c39ea0 # f8e5e5
Cowboy Bike izmanto melnu un spilgtu krāsu paleti, kas nekavējoties uzrauga uzmanību. Lai gan lielākajā daļā vietņu melnā krāsā tiek izmantots tikai teksts, šis dizains to faktiski iekļauj gaišajā, vienkrāsainajā paletē.
25. CEO Mindshare samits
# 001131 # e4bf3f # fedbc4
Izpilddirektora Mindshare Summit apvienojumā ir zilā un dzeltenā krāsa. Pārsteidzošs elements krāsu paletē ir persiku akcenta izmantošana. Tas ir tik smalks, ka sākumā jūs to varbūt nepamanīsit. Tas, ko dara šī krāsa, nodrošina akcentu, kas nav tik spilgts un spilgts kā balts, kas lieliem izmēriem, piemēram, galvenajā virsrakstā, padara to nedaudz mazāk drosmīgu.
26. Sociālās ekonomikas mēnesis
# ff4653 # f6dadf # 9b1b3b
Sociālās ekonomikas mēnesī tiek izmantota vienkrāsaina krāsu palete ar vienu no gada vismodernākajām krāsām un negaidīti. Koši sarkana, kas šeit ir galvenā fona krāsa, parasti tiek izmantota kā akcenta krāsa pret melnu vai tumši zilu. Retums šādā veidā tas patstāvīgi darbojas, un palete patiešām ļauj paskatīties uz dizainu, pateicoties treknai krāsu izvēlei.
27. Gabrielle Dolan
# e8eae3 # 373833 # fa2742
Gabrielle Dolan tīmekļa vietnē tiek izmantota pelēkbalts-spilgti krāsu palete. Tā kā lielākajai daļai dizaina ir izteikts krāsu trūkums, šķiet, ka spilgtā krāsa izkrīt no ekrāna. Tas rada tikai pareizo fokusa laukumu un kontrasta daudzumu, tāpēc šī ir moderna krāsu shēmas opcija.
28. Pikseļu pieliekamais
# 9e15bf # 4ac6d2
Pikseļu pieliekamais izmanto atšķirīgu krāsu pāri, lai parādītu šo tendenci - purpursarkanu un sarkanu. Šo divu krāsu kombinācija, lai izveidotu paleti, ir gandrīz nereāla. Šīs shēmas variācijas atradīsit gandrīz visur, kur pagriežaties.
29. Vienpadsmit augi
# 5daa68 # 3f6844 # faf1cf
Vienpadsmit augi izmanto neitrālu krāsu shēmu, kas ir harmoniska un viegli aplūkojama. Zaļā krāsa labi atbilst saturam, un krāsu kombinācijas ir vienkāršas un burvīgas.
30. Kvartzs
# ee7879 # 2a3166 # f4abaa # cae7df
Qvartz izmanto vienu no visnegaidītākajām gada tendencēm, tādā veidā, kas atdarina daudzus citus projektus. Ar rozā tekstu, rozā krāsu blokiem un drosmīgu un maigu krāsu sajaukumu šī palete ir nedaudz sievišķīga, bet ne pārāk daudz.
31. Sheerlink ar RTX
# 4a2c40 # e9bd43 # 7d3780
Lai pievērstu uzmanību savam produktam, Sheelink By RTX izmanto modernu gradientu un drosmīgu krāsojumu. Krāsas ir dziļas un košas, un purpursarkanā purpura krāsā ir izteikta reālitātes un noslēpumainības sajūta.
32. Puerto Mate
# 5ce0d8 # 01345b # ffcf43
Puerto Mate izmanto modernas krāsas, kas ir treknrakstā, nepārspīlējot. Tā kā centrālais panelis ir tumšs, ārējās košās krāsas sejā jūtas nedaudz mazāk. (Iedomājieties, kā šīs nokrāsas pārvērst dažādās dizaina vietās.)
33. Loic Sciampagna portfelis
# 141824 # ffb600 # 0049ff
Loic Sciampagna portfolio izmanto vienu no labākajām zilās un dzeltenās krāsas kombinācijām, ko atradīsit. Kontrastējošās nokrāsas ir vienkāršas, elegantas un saistošas ar vienkāršu gaismas pieskārienu, koši zilu.
34. Canatal
# 182978 # 6688cc # acbfe6
Canatal šajā dizainā labi izmanto savas trīskāršās zilās firmas krāsas. Tas ir piemērs tam, kā izmantot monotonu krāsu paleti bez garlaicības.
35. FFWD Digital
# f1e821 # 487afa # 23c0ad
FFWD Digital izmanto spožus stilīgā un klasiskā veidā. Uz papīra, izmantojot šo krāsu trijotni uz tumša un gaiša fona, varētu šķist neveikli, bet šeit tas faktiski ir nemanāmi un jauki.
36. Tappezzeria Novecento
# 191919 # fab162
Tappezzeria Novecento izmanto krāsu shēmu, no kuras vairums kautrējās, un tā darbojas. Spilgtā oranžas un melnas krāsas kombinācija ir vienkārša un saistoša. Krāsas ir pietiekami kontrastējošas, lai viss būtu viegli lasāms. Patīkami arī tas, ka zīmola krāsas ir redzamas arī attēlos.
37. Tev
# 252669 # 4ecb4a
Tev ir kaut kas garlaicīgs ar kaļķa fonu un divkrāsainu krāsu pārklājumu. Tas ir drosmīgi, un zaļš liek domāt par naudu - tieši to, kas vietnei ir paredzēts.
38. Niša un kults
# 4e3883 # ffddcc
Niche & Cult izmanto mīkstas nokrāsas skaistumkopšanas zīmolam ar sievišķīgāku izjūtu. Maigi rozā krāsa atgādina dažus ādas toņus un tukšu audeklu grima veidošanai, bet koši purpursarkana atbilst vietnes noskaņai.
39. Sysdoc
# 001730 # 4ad7d1 # fe4a49
Sysdoc izveido jaunu griezienu sarkanās, zilās un zaļās krāsas pamatpaletē, izmantojot spilgtākas, mazāk piesātinātas sarkanās un zaļās iespējas. Palete ir spēcīga un mīksta, un tā atbilst gandrīz jebkuram citam elementu kopumam.
40. Venecuēnas kafijas grauzdētāji
# f6f4f2 # 425664 # c6ad8f
Venecuēnas kafijas grauzdētāji atgriežas pie klusākas paletes ar pelēks-zilu un zelta kombināciju, kas ir smalka un stilīga. Krāsas labi sader ar vietnes attēliem un rada tieši vajadzīgo sajūtu.
41. Labāka enerģija
# 11abc1 # df3062 # f5b935 # 4bac3f
Labāka enerģija izmanto spilgtas krāsas, kas saistītas ar dabu - kas ņemtas no atbilstošajiem attēliem -, lai izveidotu jautru paleti, lai pastāstītu stāstu par kaut ko tādu, kas varētu nebūt super interesants.
42. Blast galaktika
# 0f0c24 # a350a3 # c1436d
Mēs nevarējām iziet cauri ļoti vēsu krāsu tendenču skatam, neskatot 80. gadu paleti. Šķiet, ka viss, sākot no 1980. gada, ir tendence, un tas ietver krāsas, kas izmantotas Blast Galaxy, parasti novēroto zilo, purpursarkano un rozā kombināciju ar neona mirdzumu.
43. Kyle Decker portfelis
# f5f5f5 # 8db48e # 4d724d
Kyle Decker portfelis ir vēl viena vietne ar krāsu shēmu, kas spīd, jo tā ir tik vienkārša. Lai izmantotu lietotāja acis, tas izmanto neitrālu un tikai vienas īstas krāsas kombināciju.
44. Uztraukties
# 212221 # 1181b2 # ddedf4 # 44449b
Awink Websolutions izmanto arī vienkrāsainu krāsu shēmu ar dažādu zilu nokrāsu. (Blūza ir populāra opcija, kad runa ir par vienkrāsainu opciju.) Šis ir tikai nedaudz atšķirīgs, pateicoties dziļākiem, tumšākiem akcentiem. Turklāt tumšie un gaišie ekrāna laukumi gandrīz rada optisku ilūziju, liekot domāt, ka šeit ir vairāk krāsu, nekā patiesībā.
45. Archibald mikrobrūzija
# d81c23 # 4fa8c2 # d97441 # d29849
Archibald Microbrewery izmanto krāsu varavīksni, bet palete ir pārsteidzoši skaista. Tā kā krāsas ir līdzīgās piesātinātās un vizuāli seko tēmai, tas sakrīt diezgan nemanāmi.
46. Austrālijas valdības būvniecības komisija
# 9b3a95 # 3d7da7 # f4abaa
Austrālijas valdības, Būvniecības un celtniecības komisijas vietne nav tāda, kuru jūs droši vien varētu gaidīt kā lielisku krāsu shēmu sarakstu, taču purpursarkanās, zaļās un zilās krāsas kombinācija šeit ir satriecoša. Tas arī palīdz norādīt lietotājiem dizainu ar krāsu kodētu sistēmu.
47. Indegy
# 45af2a # 3fddc1 # d56c06
Indegy izmanto spilgti zaļu krāsu pret daudzām fotogrāfijām un augstas krāsas. Vienkāršā krāsa, pārsvarā saplūstot ar pelēko un balto krāsu, piešķir dizainam mūsdienīgu izturību un palīdz lietotājiem virzīt saturu. (Citās vietās ir arī zīlītes un oranžas krāsas akcenti smalkiem spilgtiem popsiem.)
48. mugursoma
# ad4328 # b65741
Mugursoma izmanto spilgti sarkanu krāsu shēmu ar slīpumiem, lai palielinātu interesi par krāsu, kuru var būt grūti izmantot. Tas darbojas, jo nav daudz augstas enerģijas attēlu, kas konkurē ar spilgtu paleti.
49. Demisols
# 16519f # f07e74 # f8dd2e # 4fcbe9
Demisol izmanto pārāk daudz krāsu un pārāk daudz lielu elementu, un tas katrā ziņā ir pasakains. Dažreiz spēle ar krāsu ir eksperiments; pārbaudiet to un pārbaudiet, vai tas darbojas.
50. Dropbox
# 61082b # b4d0e7
Dropbox ir vēl viena no tām krāsu shēmām, kurai nevajadzētu darboties ... bet tā ir. Kontrasts starp dziļu sarkanbrūnu un mazuļa zilu rada lielisku acu kustību pa sadalīto ekrānu. Krāsas darbojas vienlīdz labi kā teksta elementi pretējā krāsā. Tas vēlreiz pierāda, ka dažreiz jums vienkārši jāizmēģina krāsu opcijas un jāredz, kā tās darbojas.
