Mida aeg edasi gradiendil õnnestub järjest rohkem ruumi saada veebikujunduses, seetõttu räägime selles artiklis sellest, et teie jaoks seda lihtsam oleks.
Kui olete paar aastat veebidisaini maailmas olnud või kui pöörate tähelepanu kõigile muudatused, mida disainilahendused on välja töötanud aastate jooksul võite mõista, et gradientvärvid Nad on tagasi ja palju paremad kui see, mis meil mõned aastad tagasi saadaval oli. Ilma hoiatuseta ja äkki tundub, nagu oleks gradient kõigega tagasi tulnud, nagu see ilmub kõikjal, sisuliselt veebi kasutajaliidese kujundused.
Gradient on osa aasta 2017. aasta disainitrendidKuid see ei tee seda varem kasutatud viisil, vaid palju rafineeritumalt ja stiilsemalt.
Seetõttu, et aidata teil leida ideaalne gradient teie järgmise projekti jaoks Veebidisaini jaoks näitame teile kolme saiti, mis pakuvad hämmastavaid gradientvärvipalette.
Veebigradiendid
WebGradients koosneb tasuta veebisaidist, mis sisaldab üle 180 värvipaleti Lineaarsed gradientid, mis osutuvad teistest ilusamaks ja atraktiivsemaks ning mida saame probleemideta kasutada.
Selle positiivsed punktid on:
- Sellel on HEX-kood.
- Sellest ajast alates on see ideaalne veebi jaoks näita CSS3 koodi täiesti valmis oma veebisaidil kopeerimiseks.
- Sellel on PNG.
UiGradiendid
UiGradients osutub saidiks üsna sarnane WebGradientsiga, millel on samuti lai ja mitmekesine gradientvärvipalettide arv ning mida kasutatakse samuti samamoodi.
Ainus erinevus uiGradients ja WebGradients vahel seisneb selles, et igal selle kasutajal on võimalus luua oma gradient ja sel viisil saavad sellest kasu ka teised inimesed.
Selle positiivsed punktid on:
- See kuvab CSS-koodi täielikult kasutajate kopeerimiseks ja kleepimiseks valmis.
- Sellel on HEX-kood.
- Lubage kasutajatel luua oma gradient.
Segu
Blendis on kasutajatel võimalus mitte ainult oma värve, vaid ka gradiente nendest. See sait töötab järgmiselt: valite kaks värvi, klõpsate nuppu "Segu" ja voila, gradient on valmis.
Selle positiivsed punktid on:
- See on üsna mugav, mistõttu on see suurepärane kiireks vaatamiseks.
- Eksponeerib CSS-kood nagu teisedki, täiesti valmis kasutajatele kopeerimiseks ja kleepimiseks.
- Sellel on radiaalne ja lineaarne kuvavorming.
Kolm veebisaiti, milles oleme kindlad saate suurt kasu oma järgmistes kujundustes.