Sezvo nguva inopfuura iyo gradient inokwanisa kuwana yakawanda uye yakawanda nzvimbo mukati mekugadzirwa kwewebhu, ndosaka muchinyorwa chino tichataura nezvazvo, kuitira kuti zvive nyore kwauri.
Kana iwe wanga uri munyika yewebhu dhizaini kwemakore mashoma kana kana iwe uchiteerera kune ese shanduko idzo dhizaini dzave kuvandudza Kwemakore, iwe unogona kuziva kuti iyo gradient mavara Ivo vadzoka uye vari nani zvakanyanya kupfuura izvo zvataive nazvo makore mashoma apfuura. Pasina yambiro uye kamwe kamwe zvinoita sekunge gradient yadzoka nezvose, sezvo iri kuoneka kwese kwese, zvakanyanya mu webhu UI dhizaini.
Iyo gradient chikamu che dhizaini dhizaini yegore 2017Nekudaro, hazviite nenzira yayaishandiswa kare, asi nenzira yakanyanya kunatswa uye yakashongedzwa.
Naizvozvo, kuitira kuti ikubatsire iwe kuwana iyo yakanaka gradient yepurojekiti yako inotevera Zvewebhu dhizaini, isu tinokuratidza matatu masayiti ayo anopa anoshamisa gradient color palettes
WebGradients
WebGradients ine yemahara webhusaiti, iyo ine zvinopfuura zana nemakumi mapfumbamwe emavara Linear gradients inova inoyevedza uye inoyevedza kupfuura mamwe uye ayo atinogona kushandisa pasina dambudziko.
Mapoinzi ayo akanaka ndeaya:
- Iyo ine iyo HEX kodhi.
- Iyo yakanaka kune webhu, kubvira ratidza CSS3 kodhi kunyatsogadzirira kuteedzera pawebhu peji rako.
- Iyo ine PNG.
uigradients
UiGradients inoshanduka kuve saiti zvakangofanana neWebGradients, iyo zvakare ine yakafara uye dzakasiyana nhamba ye gradient color palettes uye inoshandiswa nenzira imwecheteyo.
Musiyano chete pakati peuiGradients neWebGradients uri muchokwadi chekuti mumwe nemumwe wevashandisi vake ane iyo mukana wekugadzira yako gradient uye nenzira iyi vamwe vanhu vanogona zvakare kubatsirwa nazvo.
Mapoinzi ayo akanaka ndeaya:
- Iyo inoratidza iyo CSS kodhi yakanyatsogadzirira kuteedzerwa uye kunamirwa nevashandisi.
- Iyo ine iyo HEX kodhi.
- Rega vashandisi vagadzire yavo gradient.
Blend
Mukukanganisa, vashandisi vane mukana we kujekesa ivo pachavo kwete chete mavara avo asiwo gradients weizvi. Saiti iyi inoshanda seinotevera: iwe unosarudza maviri mavara, iwe tinya "Sanganisa" uye voila, gradient yagadzirira.
Mapoinzi ayo akanaka ndeaya:
- Izvo zvinoshanda, zvichiita kuti ive yakanaka yekutarisa nekukurumidza.
- Inoratidza iyo CSS kodhi kungofanana nevamwe, vakagadzirira zvakakwana kuti vashandisi vateedzere uye vanamate.
- Iyo ine radial uye yakatwasuka kuratidza fomati.
Matatu mawebhusaiti isu tine chokwadi nazvo iwe uchawana kubatsirwa kukuru mune ako anotevera magadzirirwo.