Gradeiente - Uued värvid? Grapients graafilises disainis
On võimatu mitte märgata, et gradientide tagastatakse veebidisaini. Üha enam saite ilmuvad, kus gradient on üks peamisi disaini elemente ja mõned neist saitidest on hämmastav. Aga need kalded ei ole üldse nii, nagu nad olid ajal Web 2.0, nad on elegantsemad ja keerukamad ja täiuslikult kombineeritud flaret elemente ja ilus vektori illustratsioonid. Väga tihti on gradient foto peale peal, muutes selle tähelepanuväärsemaks, võite märkida ka gradiendi kasutamise suundumust taustapildi kasutamisel.
Gradient võimaldab teil mitmekesistada saidi värvivalikut, anda disaini sügavusele, seda saab kasutada erinevate mõjude loomiseks. Sujuvad värvi üleminekud võimaldavad teil kasutada erinevaid tooni ja kombinatsioone neid, et meelitada kasutaja tähelepanu. Ja see ei ole oluline, kuidas gradient on lineaarne või radiaalne - kui kasutate seda meelega, on tulemus muljetavaldav. Esitame teile väikese valiku 20 saidi, mille disainiga on kaasatud. Mõnes näites domineerib see ja mõnikord on see vaevalt märgatav. See viitab sellele, et disainerid otsivad vanade vastuvõtu kasutamisele uusi lähenemisviise ja selgub.
Selle saidi kujundamisel oli piisavalt tihe gradient koos lilla üleminekuga rikas roosa. Hea näide sellest, kuidas suhteliselt lihtne gradient saab saidi peamiseks elemendiks. Sellisel juhul on gradiendi kasutamine üsna sobitud - see tundub parem kui mustvalge taust ja võimaldab teil paremini esile tõsta keskuses asuvat tegevusnuppu.
Foto peal asuv gradient aitab luua soovitud meeleolu. NYC Pride saidi kujundamisel kasutati taustana musta ja valget fotot, mis tegi selle liiga süngeks. Sujuv lineaarne gradient roosast violetne viidi saidi heledaks ja atraktiivseks. Hoolimata läbipaistvusest on gradient piisavalt pingul, mis võimaldas esiplaanil teksti sisu eraldada.
Saidi kujundamisel lihtsalt kasutatakse gradienti väga doseeritud - seda saab logo ja jaluses märgata. Kuid see on peidetud teistes disaini elemente. Pildid toonitakse erinevate roosa ja lilla toonidega, mis loob värvide mängu mõju, hoolimata asjaolust, et sujuvat üleminekut ei ole. Suurepärane näide värvi üleminekute värvi ja intelligentse kasutamisega töötamisest. Mõnikord peab disainer lihtsalt olema kiusatuse ja mitte kasutada võimaluse korral gradienti. See on just selline juhtum.
Selles näites on veebisaidi taust looduslik sinine gradient, mis võimaldab teil luua rahulik ja professionaalne atmosfäär. Gradient on pehme, märkamatu, aga see ei ole piisavalt tume, seega esiplaanil olev tekst, mis on kollane, on mõnevõrra kadunud. Lisaks takistab keskel asuv pilt lugemist. Selgesõnaline veatu disainer, kuigi gradient ise on väga hea.
Snipcart saidi disaini kasutati pehmet vaevalt märgatav gradienti tumehalli helehallile. Hea näide sujuva ülemineku pädevast kasutamisest. Taust loob rahuliku, äri tuju ja ei takista sisu lugemist. Lihtne, kuid samal ajal tundub käesoleval juhul väga stiilne gradient palju parem kui lihtsalt hall taustal.
Colman Smithi sait on juba tabanud veebidisaini parimate näidete erinevaid valikuid. See on üks kuulsamaid saite suure taustapildiga, kuid meie nimekirja see on langenud tõttu väga õhuke ja vaevu märgatav gradient. On raske öelda, kas see gradient on loomulik või disainer töötas teda, kuid tulemus on muljetavaldav. Siin näeme kahe gradientide kasutamist korraga: pimedast kuni heledale alt üles ja valguse tumedale vasakult paremale. Väga ebatavaline disain, kuigi vaatamisel saidi vaatamine on ebatõenäoline, et keegi mõtleb sellest. Hea disain on immuutreeritud ja see sait on selle reegli suurepärane kinnitus.
Gradient ei pea olema sile, mida saab veenduda, kui külastate Liitu Drift veebisait. Disainis näete üsna teravaid üleminekuid, erinevate toonide vaheline piir on väga märgatav. Samal ajal tundub disain viltu ja värske akvarelli toime tõttu. Taust näeb rahulik ja loob soovitud meeleolu. Green gamma ei valinud juhuslikult - sait pakub alternatiivsete energiaallikate valikut ja ökoloogia teema on alati seotud roheliste kasutajatega.
Seni esitati selle valiku saidid, kus gradienti oli kuidagi seotud taustaga. Kuid see ei ole vaja ennast nii palju piirata - gradienti saab kasutada nii, nagu näiteks liinide konverentsi kirjanduse armastajate kujundamisel. Siin näeme, kuidas rikkalik gradient aitas esile tuua saidi logo, mis on esimese ekraani põhielement. Valge taustal, suured tähed, millel on gradiendiga violetne kuni roosa, tunduvad väga heledad ja järsult kontrasti väikese musta ja valge fotoga, mis asub taustal.
Design Site Sceileton on äärmiselt lühike. Samal ajal jätab sait ise positiivse mulje gradiendi pädeva kasutamise tõttu. Saidi taust on särav roosa, vaevu märgatava värvide üleminekuga. Ekraani allosas on värvus rikkam, kuid see muutub ülaosas veidi kergemaks. Värv on piisavalt sügav, nii et tekst on kergesti loetav. Hea näide gradiendi osavast kasutamisest, lisas sügavuse saidi, mille tulemusena
Disaini saidi eeldusel tervises esineb gradient, kuid see on praktiliselt nähtav. Disainer võttis lihtsalt hea pildi looduslike värvidega ja pisut toonides pildi. Läbipaistev sinine-halli toonimine pehmendab taustapildi ja ei häiriks lugemist. See meetod võimaldas esile tõsta ekraani keskel asuvat tegevusnuppu.
Teine edukas näide kasutades vaevu märgatav gradient on colofts saidi. Nagu eelmise saidi, foto, mis võtab 10% ekraanist kasutatakse siin taustal. Sellisel juhul blokeeris disainer väikese pildi ja tooni foto. Tooni värv on väga tihe, kuid hoone foto on hästi eristatav. Toonimine on mustvalge, ilma sujuva värvi üleminekuta, kuid see rõhutab looduslikku gradienti, mis algselt fotol esines.
Väikese ehtekunstiettevõtte Leiutise koht on lühike disain. Põhimõtteliselt on olemas mitmeid halli tooni, mis võimaldab teil kasutaja tähelepanu pöörata kaubamärgitoodetele. Geomeetriliste kujundite ja gradientide kombinatsioon loob mahu mõju, omapärase pseudo 3D-efekti. Gradientide sujuv ja pehme, hea kontrastiga. Sait näeb välja väga meeldiv, peamiselt tulenevate värvide üleminekute tõttu.
Teine sait taustapildiga, kus on loomulik gradient. Disainer, kes on valinud selle pildi suutis luua tõeliselt maagiline atmosfääri kohapeal.
Gradeiente saab edukalt kombineerida illustratsioonidega ja mitte tingimata seal peaks olema taustapilte. Disainer Katelin Viktor veebisait näeb välja helge ja huvitav, mida hõlbustab sile radiaalne gradient. Keitlin loob pehmeid mänguasju, millest üks on esiplaanil esitatud. Mänguasja ise on väga särav ja tundub hea halli rohelise taustaga gradiendiga.
Väga ilus gradient saab näha veebilehel MC3 disain. Saidi disain on muljetavaldav, värvide üleminekud on väga ebatavalised. Tõenäoliselt ei olnud algne foto nii särav, kuid keerulise gradiendi kehtestamisega loob taust kohapeal dramaatilise atmosfääri ja interaktiivselt teksti sisuga. Üldiselt jätab sait hea mulje, toonid valitakse kompetentselt, kuigi üleminek külmast soojatele toonidele tundub veidi määrdunud.
Gradient ja hulknurgad on suurepärased! Sellisel juhul kasutati segatehnikaid: kujutiste jaoks kasutati gradiendifiltrit, gradient esineb ka taustal polügoonides. Mitte öelda, et disain on väga muljet avaldanud, kuid gradient võimaldas sügavuse ja helitugevuse saiti.
Rafineeritud lilla-punane gradient näeb välja väga meeldiv ja loob saidil soovitud atmosfääri. See on loomingulise asutuse veebileht, nii et stiilsete värvide üleminekute kasutamine on siin üsna põhjendatud.
Hea näide sellest, kuidas gradienti saab vektori illustratsioonides kasutada. Siin on esitatud kahes tüübis: lineaarne gradient lainetel ja terav üleminek pimedusest valgusele illustratsioonis. Sait näeb välja väga huvitav, gradient loob mahu ja perspektiivi.
Selles näites näeb gradient väga kerge ja natuke ähmane. Õige valik toonide tausta loob sõbraliku atmosfääri, toonides foto ei häiriks ja võimaldab teil keskenduda lugemisele.
Gradies ja illustratsioonid on suurepärane kombinatsioon. Meil on nälga kriis humanitaarabi projekti sait. Gradiente siin kõikjal loovad nad mahutunde ja saadavad kasutaja silmad oluliseks teabeks.
See on kõik, aitäh teie tähelepanu eest!
Värvilistest gradientidest tulevad välja väga ebatavalised ja heledad logod. Kasutades gradienti, luuakse tavaliselt veebiettevõtete ja rakenduste logod.
Üldiselt mõiste gradiendi graafilise disain on sujuv üleminek ühest värvist teise. See meetod võimaldab teil teha brändi heledamaks ja originaalseks ning logo on stiilsem.
Näiteks on see arsti kehahooldustoodete pakendi kujundus. Heledad gradient pealdised puhtal valgel taustal on tähelepanuväärne. Märgis ei tundu karjuvad, kuna teised keha vahendid näevad tavaliselt välja. Aga see ei näe välja nagu ravim, mis on, igav ja murettekitavalt. See on suurepärane valim tähelepanuväärne pakenditoodete.
Ja see on veinitoodete märgistus. Gradientide üleminekud siin ei püüa: Kõik need toonid on valmis veinitooted. Helge ja tähelepanuväärne tumedam ja mullane - see spekter kuvab värvide kõik veinid, mis ahela toodab.
Kanada vaimse tervise tüübistajaorganisatsioon loodi selleks, et aidata ja teavitada avalikkuse vaimse tervise probleemide kohta.
Gradient üleminek siin iseloomustab põhjaliku struktuuri organisatsiooni. Värv lisab siin emotsioone ja sujuv üleminek nende vahel on ühendamise tunne, ühtsus. Spektri on samaväärne ka vaimse tervise mastaabis - igaüks võib leida end kõikjal.
Artentiko Design Studio on loonud pakendi Nu-ühisprojektile, mis põhineb hüaluroonhape põhjal liigeste raviks (osteoartriit). Valge pakend, neutraalne. Logo rahustuste jaheda värvipalett ja selle kuju (erinevad kaks ringi) on pehmelt lõõgastuda.
Ja mõned värvilised näited:
Branding Massage Salon.
Gradient- Arvuti graafiku täitmise vaatamine, mis vastavalt konkreetse värviparameetritele põhipunktides arvutab teiste punktide vahevärvid. See tekitab sujuvaid üleminekuid ühest värvist teise.
(Allikas:https://ru.wikipedia.org. )
Miks kasutada gradienti
Anda ulatus;
Kandida meeleolu, kasutades mitme tooni kombinatsiooni;
Luua illusioon perspektiivi, sügavuse, ruumi.
Gradient disainis Nõuetekohase kasutamise, ilu tabamuste ja rõhutab disaineri kvalifikatsiooni. Kuid seda vahendit tuleks hoolikalt hoolikalt rakendada.
Joonisel suurendab gradient teksti loetavust ja taastab pildi kontseptsiooni.
Kuidas mitte rikkuda trükkimise gradiendi disaini
Püüame proovida süveneda küsimuse olemust.
- Värvid
Kasutage ühte värvi, kuid suurepärase heleduse või tooni värvi skeemi lähedal. Kuid värvide kasutamine triaadist või täiendavatest toonidest on kuritegu! Sellisel juhul gradient sisaldab määrdunud tooni.
Triah ja komplementaarsed värvid
Heledate, mahlaste toonide kasutamine gradiendi täitmisel võib põhjustada tagasilükkamist. Kasutage lihtsaid ja esteetiliselt meeldivaid kombinatsioone.
2. Kompositsiooni omadused
Pidage meeles, et gradienti täitmise kasutamine nihutab lugeja tähelepanu fookuses illustratsioonist, reklaamiõnumist. Seetõttu tuleks gradienti kombineerida homogeense disaini elemendiga.
Nimi on kaunistatud gradiendiga ja asub homogeenses piirkonnas.
3. "kiibid" disainerid: jaotus gradienti mitmes kihis
Kahtsin, kas tasub kasutada täita gradiendiga või te ei saa sellest idee kehastada?
Tee mitmekihiline gradient, see lihtsustab teie ülesannet ja aitab luua huvitavat mõju lihtsate objektidega.
Mitmekihilise gradiendi kasutamise näide
4. Gradient: Trükiprobleemid
Gradient ei ole alati reprodutseeritud, kui printimine samal viisil näeme seda monitoril. Mõtle, kuidas disain trükitud kujul vaatab.
Corel Draw'is on vaikimisi gradient 256 sammu. Väike arv samme toovad kaasa sammu.
Et vabaneda samme gradientparameetrite aknas, asetage maksimaalne väärtus (999 sammu). Kuid see võib printida negatiivselt mõjutada või Adobe Illustratori ülekandmisel negatiivselt mõjutada. Seetõttu ravitakse pärast gradientide silumist neid 300 dpi eraldusvõimega.
Kuidas vältida gradienti sisaldava objekti ahelat
Eraldage kontuur täitest Arnge - konverteerida kontuur objekti Corel Draw. Vältige nõrga gradiendi määramist, vastasel juhul osutuvad tihend ebaühtlaseks. Kui nad on veel vaja, kattuvad valguse tekstuuri või läbipaistva pildi üle.
Võib-olla on kõige autoriteetne ressurss Logolugge Logode kohta avaldanud valdkondlike suundumuste iga-aastase ülevaate. Projekti meeskond Bill Gardneri asutaja (Bill Gardneri) juhendamisel vaatas umbes 25 000 tööd, mis on alla laaditud sadade riikide ressursside disaineritele ja eraldas tänapäeval populaarsust omandavate vastuvõttude eest.
Gardner rõhutab, et logolooge'i kogusid ei tohiks tajuda meetme juhendina: mood muudatused, mõned otsused tulevad ringlusse (näiteks ettevõtte "kiibid", 2012), mõned on peavoolu kõrvale (nagu Gradient Logo, 2011 ). Trendid määravad ainult tööstuse impulsi, projekteerimise kultuuri, tehnoloogia ja ärinõude areng.
WTP vaatas 15 märgitud suundumusi ja arvasin, kuidas ja miks nad töötavad.
Punktid ridade lõpus
Päris primitiivne graafiline tehnika võimaldab teil luua kergesti loetav ühendus tehniliste ja sotsiaalsete küberneetikaga, mis muljet avaldab kaasaegsete tehnoloogiatega seotud ettevõtteid. Gardner märgib, et kujuteldava lihtsuse nõuab visuaalset distsipliini, kuna geomeetria muutub kiiresti liiga segane ja ebaloogiline. Disainer, kes valis selle tee, meenutab sageli kinga poe müüjat, mis on seotud suure hulga avate paljude augudega.
Kontuurid ja maht
Lubatud taganema kaldenike taboo tabust - märgid, kus valguse ja vari mäng esineb selge kuju kontekstis, andes talle kombatav mahu. Geomeetria jääb kindlaksmääratavaks isegi väikeses ulatuses ja kus logo on täieõiguslik ruum, kinnitab see vaataja illustratiivse sügavusega.
Näiteks LOGOLOONNGE toob töö Barnaul disainer Ivan Bobrov, tõeline kapten selle žanri.
Rajarajad
Tähte
Naiivne
Kui igas teises lühikirjelduses on sõnad "kaasaegne", "kvaliteetne" ja "vastutustundlik", iseseisvate täiskasvanud lahenduste jaoks üsna väikesed. Samal ajal on neil super superkopeerimise koheselt edastada looduslikkust, isiklikku, "siiras" lähenemisviisi, lihtsuse ja toote aususe. Soovitame vaadata seda suundumust sõltumatutele tootjatele, kes ei karda tunduda naljakas.
ABC Morse
Teine, veidi delikaatsem lahendus teaduse ja tehnoloogia hooneühenduste ehitamiseks. Saadeti samaaegselt krüptograafiale ja bioloogiasse, osutus vastuvõtt laborite, uurimiskeskuste ja kliinikute nõudmisel. Punktide ja joontide muster võimaldab teil varjata kirju ja sümboleid, tehes logo logo konspiroologistside jaoks.
Kromaatilised slaidid
Teine variatsioon mitte-kaotamata populaarsust "ühe rea" logod. Monochrome'is kaob kõige selliste märkide võlu koheselt, kuid värvus on nad verejäägid dünaamilisuse ja elujõulisusega.
Detagaerimine
TÄHELEPANU ANDMETELE, Subjektiivne Stription Väikesed asjad näitavad tarbijat ettevõtte asutatud lähenemisviisist. Plus, üksikasjalik logo on "aastane" teine \u200b\u200bteine \u200b\u200bja tänu võimele sisestada see mitmeid esimesi järku ühendused või stilistilised "majakad", on lihtsam lugeda isegi mitte-publiku lugemist. Muidugi, kasutamise muster logo võib tekitada probleeme väikesemahulises ulatuses, kuid see, disainerina, on kergesti lahti võtnud kasutamiseks mitmesugustes meediakanalites.
Vari
Varjud, selge geomeetrilise mahu andmine, esineb võimas ümberhindamine, nüüd ametlikult fikseeritud ja logo disainis. Nad annavad märgi põhielemendiga täiendavat stabiilsust ja "kaalu" ja kombinatsioonis vintage tüpograafiaga, on loodud Humacy efekt, mis on nii populaarne Ameerika tööstusharude seas.
Illustratsioon eelvaateid:
