Dizaina tendence: spilgtas varavīksnes krāsas
Ja nekas cits, 2017. gads vietņu noformējumā ir bijis krāsu gads. Sarunā par dizainu dominēja krāsu tendences, jo liela daļa ainavas bija spilgtākas, drosmīgākas nokrāsas.
Ir radusies jauna krāsu tendence, kas daudzus no šiem spilgtajiem variantiem apvieno lielākās krāsu paletēs, kuras jūs tagad varētu gaidīt, - varavīksnes krāsu modeļus. Tieši tā, vairāk dizaineru veic pārmaiņas, izmantojot daudz krāsu, un dizaina projektos iekļaujot spilgtas varavīksnes un gradienta krāsas. Un tas ir diezgan forši!
Šeit ir tendenču apskats un dažas idejas, kā izmantot spilgtas krāsas, kas nav greizas.
Izpētiet dizaina resursus
Varavīksnes animācija iesaistīšanai
Gandrīz kopš Spotify parādīšanās uz skatuves tas ir veidojis dizaina tendences un virzījis robežas tam, kā izskatās stilīgais dizains. Mūzikas vietne pastāvīgi atjaunina un maina savu dizainu, kā arī izmanto mikrolietus, lai izceltu noteiktus žanrus un māksliniekus.
London Grammar Moodmix mājas lapas dizainā tiek izmantots atlecošs krāsu pūtīte, lai piesaistītu lietotāju uzmanību. Animācija ir interesanta un liek jums gandrīz aizsniegt un pieskarties tai. Un tas ir šīs varavīksnes krāsas animācijas mērķis. Ņemiet vērā, ka aicinājums uz darbību ir tieši šīs krāsas vidū.
Rezultāts ir vienkāršs dizains ar interesantu animāciju, kas ved lietotājus tieši uz dizaina mērķi. Kustības dēļ animācija darbojas ar daudz krāsu. Lāpstiņa nebūtu tikpat interesanta vienā krāsā.
Krāsa Vs. Tumšs
Varavīksnes krāsas var būt grūti izmantot, jo pastāv bažas par kontrastu. Gaismas, varavīksnes stila nokrāsu likšana uz tumša fona var atrisināt lielāko daļu no šiem jautājumiem.
Spilgtas krāsas gandrīz izlēks no tumša fona.
Vēl viens labi pazīstams vietņu dizaina un attīstības nosaukums Github izmanto varavīksnes krāsas, lai šogad reklamētu savu konferenci. Vienkāršajā vietnē biļešu tirdzniecībā tiek izmantots jautrs varavīksnes stila logotips un aicinājuma uz darbību pogas. Atšķirībā no šī dizaina no daudzām citām varavīksnes estētikām dizains ir diezgan līdzens un krāsās netiek izmantots gradients. Katra logotipa rinda ir atšķirīga krāsa, tāpat kā burti. Gradients tiek izmantots tikai CTA pogai.
Savee iet citā virzienā ar varavīksnes krāsu uz tumša fona, izmantojot daudz augstas krāsas attēlu, lai izveidotu mozaīku ar varavīksnes izjūtu. Lai arī varavīksnes krāsas lietojumi nodrošina graduēšanu no sarkanas līdz dzeltenai līdz zaļai līdz zilai, tas ne vienmēr notiek. Varavīksnes krāsu paletes var būt jebkas, ar plašu nokrāsu izmantošanu.
Smalka krāsa
Dažreiz varavīksnes stilu labākie izmantošanas veidi neizlec tieši pie ekrāna. Dienvidrietumos tiek izmantota smalkāka palete, kuras fonā ir varavīksnes toņi.
Interesanta izvēle gandrīz aizrauj daudzas citas gada krāsu tendences, un rezultāts ir atsvaidzinošs. Jūs skatāties uz dizainu gandrīz tāpēc, ka tas ir tik atšķirīgs nekā daudzi citi vietņu dizaini, kas šobrīd pastāv.
Pat ar vājāku varavīksnes krāsu paleti uzsvaru liek uz kontrastu starp fona un priekšplāna elementiem, lai nodrošinātu, ka katru elementu ir viegli redzēt un lasīt. Šī ir visizplatītākā varavīksnes stila dizaina problēma - nepietiekams kontrasts un izaicinoša lasāmība.
Varavīksnes logotips
Apsveriet varavīksnes krāsu izmantošanu vienkāršam logotipam. Tas, iespējams, ir visgrūtākais varavīksnes krāsas pielietojums, taču tam var būt pārsteidzoša ietekme.
Tas ir izaicinošs, jo visās vietās un veidos var tikt izmantots logotips. Varavīksnes krāsu izvēle varētu vislabāk darboties maziem zīmoliem, kuri neizmanto logotipu daudzās lietojumprogrammās. Jūs noteikti vēlēsities arī sekundāru variantu gadījumos, kad daudz krāsu vienkārši nedarbosies.
Ričards Gazdiks savā portfelī izmanto varavīksnes logotipu un sekojošu navigāciju. Tas darbojas gandrīz perfekti, pateicoties viņa iniciāļiem - RGB - un attiecībām ar izvēlētajām krāsām. Ne visiem tas veiksies, bet tas parāda, kā krāsains logotips var būt efektīvs vienkāršā dizaina izklāstā.
Krāsa kā fokusa punkts
Varavīksnes krāsa var būt tā lieta, kas piesaista lietotājus dizainā ar spēcīgu pirmo iespaidu.
Starp varavīksnes krāsu, kas piesaista, un varavīksnes krāsu ir plāna līnija, kas var novērst lietotāju. Vai atceraties dažus no 90. gadu beigām un 2000. gadu sākumam veidotajiem mājas lapu dizainiem, kad gandrīz katrā vietnē bija spilgtas krāsas, kas visur bija izšļakstītas (un mirgo)? Šāda veida varavīksnes krāsu apstrāde var būt postoša un novērst lietotājus.
Lonsdeila rīkojas pretēji, izmantojot varavīksnes šķidruma šķietamu video, kas ir aizraujoši skatīties. Kustības un krāsas izmaiņas ir treknrakstā, un jūs vēlaties skatīties. Varavīksnes fonu kompensē baltais tips un navigācijas elementi, lai pievilinātu lietotājus, lai arī atlikušais dizains ir krāsains attēliem uz balta fona.
Krāsu kodam ir cita pieeja ar daudz spilgtu krāsu visā dizainā. Krāsa tiek izmantota, lai vizuāli fokusētu produktu uz ekrāna - tālruņiem un pulksteņiem, kas rāda lietotnes.
Izveidojiet saistošu fonu
Varavīksnes burbuļi gandrīz varētu būt pašu krāsu tendence - šķidras animācijas, tintes stils, kustīgi krāsu burbuļi. Varavīksnes krāsa kā fona elements var palīdzēt iestatīt projekta toni un veicināt lietotāju iesaistīšanos. (Padomājiet tikai par to, cik daudz jūs esat pievilcīgāki krāsai nekā viens smilškrāsas fons.)
Lai arī daudziem no šiem fona elementiem ir kāda kustība animācijas vai video veidā, viņiem tas nav jādara. Vietnēm ar varavīksnes fonu ir raksturīgi tas, ka tās bieži tiek ievietotas mājas lapā vai virs ritināšanas, un pārējā vietne ir mazāk aizņemta.
Tas ir lielisks paņēmiens, kad runa ir par saderināšanos. Lietotājiem ir kaut kas uzreiz savienojams, novedot viņus pie satura, kurā viņi var ienirt mazliet dziļāk.
Vairāk gradienta tehnikas
Varavīksnes krāsas var būt citas krāsas tendences turpinājums no šī gada - gradienta atgriešanās.
Izmēģiniet gradienta pārklājumu ar varavīksnes sajūtu. Pārejiet uz pilna mēroga krāsu maiņu no sarkanas uz zilu, piemēram, SpicyWeb, vai arī uz krāsām, kas ir nedaudz modernākas, piemēram, Talkd.
Jebkurā gadījumā gradienta izmantošana var būt jautrs veids, kā pievienot krāsu, nejūtot pārlieku lielu satraukumu. Tas darbojas pilnekrāna režīmā vai mazākos elementos. Gradients var arī palīdzēt jums iekļaut zīmola krāsas varavīksnes stila krāsu shēmā bez visa vietņu pārveidošanas.
Iezīmējiet kaut ko atšķirīgu
Izmantojiet varavīksnes krāsas tendenci, lai izceltu kaut ko neparastu vai atšķirīgu savā dizainā. Tā kā varavīksnes krāsas piesaista uzmanību, tās var palīdzēt lietotājiem ar netradicionālu lietotāja modeli, pievērst uzmanību noteiktam satura saturam vai ekrāna daļai vai palīdzēt radīt klikšķus un reklāmguvumus.
Jony Guedj navigācijai izmanto krāsu. Izvēlnes elementi nav veidoti parastajā veidā, tie ir ekrāna apakšā un darbojas tikai ar ritināšanas darbību, lai parādītu dažādus videoklipus. Lai gan parasti šāda veida dizains nav ieteicams, tas darbojas šeit. Varavīksnes krāsas piesaista lietotājus sazināties ar tām un palīdz cilvēkiem saprast, kā lietot vietni.
Secinājums
Varavīksnes krāsas tendence ir ļoti jautra.
To var būt grūti izmantot, ja krāsa jūs mazliet iebiedē. Bet sāciet mazo ar vienu varavīksnes krāsas elementu, lai redzētu, kā tas darbojas. Lielākā daļa dizaineru nepārveido visas tīmekļa vietnes varavīksnes dizainos; viņi izmanto varavīksnes krāsu, lai izveidotu efektīvus vizuālos attēlus, kas piesaista lietotājus. Tieši tāpēc šī tendence ir parādījusies.
