Glatko prijelazne boje: CSS gradijent

Prirodna shema boja obično je ravnomjerno glatka. Ali čak i na savršeno ravnim površinama iste čvrste boje, formiraju se prirodne prijelazne boje. Uvijek nehotični pad sunčevog svjetla ili umjetne rasvjete, kao i promjena kutanja pogleda, pruža nejednake i jedinstvene nijanse.

Dva gledišta usmjerena na isti predmet percipiraju svoju boju prema razlici u njihovim kutovima gledanja i odnosu s kutovima učestalosti drugih zraka na ispitivanu površinu.

Psihološki učinci prijelaza u boji

Boja ne samo da uzrokuje fizičke senzacije i ne ovisi samo o vremenu i položaju u prostoru. Slike stabala, kuća, planina i drugih objekata u obrnutom položaju uzrokuju osjećaj refleksije površine vode ili na drugoj površini.

Apsolutno crne paralelne linije na savršeno bijelih površina zidova, svaki redak po cijeloj dužini povećava u odnosu na smanjenje debljine od prirodnog debljine linije gledano na zid - sve to će izazvati senzaciju u pregledniku da u sobi ima horizontalnu strop.

Jedna slika je upisan sa dva, a svaki od njih je pomaknut u odnosu na međusobno udaljenosti između očiju, dajući učinak prostornog volumena, ako Defokusiranja izgled.

Ako je poster dovoljno velik i granice prijelaza u stvarnu stvarnost su savršene, onda će slika prikazana na plakatu tako prirodno shvatiti da će se nužne nijanse boje, gledateljeva svijest automatski povezati.

Mjesto i, prije svega, dizajn i shema boja važni su i nadopunjuju logiku resursa, dijalog, stvaraju pravi psihološki učinak posjetitelja.

Glatke prijelaze putem CSS-a

Gradijenti se stvaraju pomoću funkcija linearni gradijent () i radijalno-gradijent (). U prvom slučaju dolazi do glatke promjene boje duž linije, u drugom slučaju - duž elipse ili kruga. CSS gradijent se može postaviti u svojstvima pozadine, pozadinske slike, granične slike, popisa stila-slike. Postavljanjem elemenata jedni na druge, određujući njihovu transparentnost, možete stvoriti zadivljujuće nijanse boja i stvoriti jedinstvene prijelaze.

Treba, međutim, imati na umu da prijelaz u boji ne može uvijek biti glatka. Neke kombinacije boja, vrijednosti prozirnosti, dizajn pozadine stranice mogu dati neželjene, korake učinke.

CSS pozadina gradijent pisanja pravila

Gradijent je gladak prijelaz s jedne boje u drugu. Možete koristiti više boja. Određivanje linearne verzije (CSS linearni gradijent) može se mijenjati:

Prvi parametar je kut nagiba ili strana područja, a zatim slijede boje. Nije potrebno koristiti samo dvije boje, možete crtati cijelu dugu. Pomoću neprozirnosti neprozirnosti možete dobiti efekte miješanja.

Odaberite boje, generatore boja

Kreativni dio rada dizajnerice, developera stranice posljednjih godina postao je jednostavniji. To postaje praktičan i odgovarajuću pravokutnog oblika, koji sadrži minimum informacija, minimalno funkcija, maksimalna smisao i mentalni stav da proda proizvod, pružiti uslugu, istaknuti popuste, kvalitetu i / ili značajne razlike od konkurenata.

Ipak, čak iu takvim teškim uvjetima, propisima i stvaranje moderne web resurs je mjesto za kreativnost i jasnu želju nekih developera bi agresivan, ciljani rad s bojom, što odražava osjećaj tekstualni sadržaj i stil odabrao dijalog. CSS gradijent postao je češći.

Boja rješenja „Google” i „Skype-a”, a posebno je utjecalo i sljedbenike, međutim, u posljednjih nekoliko godina, aktivna komponenta web dizajn počeo tražiti nove oblike, nove boje i nenametljiv, pokušajte dinamiku teče oblika.

Na internetu postoje mnoge online resurse (CSS gradijent generator), što uvelike pojednostavljuje posao odabiru pravo boje :. Angrytools, flatonika, generatecass itd uz njihovu pomoć, zaista možete uštedjeti vrijeme na odabiru pravo boje, uzeti u obzir linija prijelaza i slojeva.

Dinamična shema boja

Tradicija koja se temelji na stvaranju web resursa donijela je pravilo: struktura, sadržaj i dijalog web mjesta s klijentom je kompetentnost razvojnog programera koji implementira volju vlasnika (kupca). Pojava stranice, njegov dizajn također je tradicionalno povezan s onim što klijent ne određuje.

U međuvremenu, razne uređaje raste, te u obiteljima svake vrste postoje razne obećavajuće primjerci, uz značajne razlike, ne samo u reprodukciji boja, kao u rezoluciji i preglednik čini to područje.

Raznolikost preglednika i izvedenih verzija također stvara probleme u prikladnom prikazivanju sposobnosti CSS gradijenta.

Kolektivno procjeni tih okolnosti, te primjeri nekih obećavajući posao, može se reći da je izgled stranice samo defaultnom stanju - nadležnost programer i / ili vlasnika izvora. Tek kada klijent prvi put posjeti resurs, on može imati priliku ocijeniti dizajn stranice. Ako je klijent smatrao potrebnim da se sjeća stranica i koristi ga u svakodnevnom životu, njegova je želja da ima alate za kontrolu izgleda i funkcionalnosti potpuno opravdana.

Ovaj prijenos težišta korisno je razvojnom programeru: izgubljena je potreba za rješavanjem kompatibilnosti unakrsnog preglednika, a web mjesto se testira na različitim uređajima u različitim operacijskim sustavima.

Štoviše, trend će omogućiti stvaranje zajedničke baze podataka o stvarnoj implementaciji mogućnosti CSS pravila na različitim uređajima. Ovo je samo početak, ali njegov je potencijal od velike važnosti.