Glatki prijelazi boja: CSS gradijent

Prirodna gama boja obično je ravnomjerno glatka. Ali čak i na savršeno ravnim površinama jedne kontinuirane boje, stvaraju se prirodni prijelazi boja. Uvijek nenamjerni pad sunčeve svjetlosti ili umjetnog svjetla, kao i mijenjanje kuta gledanja daje neujednačene i jedinstvene nijanse.

Dvije točke gledišta, usmjerene na jedan i isti subjekt, percipiraju njezinu boju prema razlici između njihovih kutova vida i omjera kutova padajućih drugih greda na površini koja se ispituje.

Psihološki učinci prijelaza boja

Boja ne uzrokuje samo fizičke senzacije i ne ovisi samo o vremenu i položaju u prostoru. Slika drveća, zgrada, planina i drugih objekata u obrnutom položaju uzrokuje osjećaj refleksije na površini vode ili na drugoj površini.


Apsolutno crne paralelne linije na idealnoj bijeloj površini zida, svaka ravna duž cijele duljine, povećava se razmjerno debljini prirodnog smanjenja debljine linije kada se promatra na zidu - sve to će uzrokovati da nadzornik osjeća da soba ima vodoravni strop. Jedna slika, u kojoj se primjenjuju dvije, a svaka od njih je premještena jedna u odnosu na drugu na udaljenosti između očiju, daje prostorni učinak volumena, ako fokusirate oči. Ako je plakat dovoljno velik, a granice prijelaza u stvarnu stvarnost savršeno ispunjene, slika na plakatu će se percipirati tako prirodno da su potrebne nijanse boja, svijest o satu se automatski povezuje. Stranica, i iznad svega, todizajn i shema boja su važni i nadopunjuju logiku resursa, njegov dijalog, proizvodi odgovarajući psihološki učinak na posjetitelja.

Glatki prijelazi pomoću CSS-a

Gradijenti se stvaraju korištenjem linearnih gradijenta () i radijalno-gradijentnih () funkcija. U prvom slučaju, glatka promjena boje nastaje duž linije, u drugom slučaju - po elipsi ili kolcu. CSS gradijent može postaviti svojstva pozadine, pozadine-slike, popisa slika-stil-slike. Izlaganje elemenata jedni drugima, definiranje njihove transparentnosti može stvoriti prekrasne nijanse boje i stvoriti jedinstvene prijelaze.


Međutim, treba imati na umu da prijelaz boja nije uvijek glatka. Neke opcije za kombinacije boja, važnost transparentnosti u dizajnu pozadine stranice mogu dati neželjene efekte korak po korak.

Pozadinski gradijent CSS-a

Gradijent je glatki prijelaz iz jedne boje u drugu. Možete koristiti nekoliko boja. CSS linearni gradijent može se mijenjati:
Prvi parametar je kut nagiba ili bočne strane područja, nakon čega slijedi boja. Nije potrebno koristiti samo dvije boje, možete crtati svu dugu. Primjenom svojstva transparentnosti neprozirnosti mogu se dobiti učinci prekrivanja.

Izbor boja, generatori boja

Kreativni dio dizajnerskog rada, programer stranice, posljednjih je godina pojednostavljen. Postali su praktični i svrsishodni pravokutni oblici koji sadrže minimum informacija, minimum funkcija, maksimalno značenjei psihološku instalaciju za prodaju robe, pružanje usluge, posebno za označavanje popusta, kvalitete i /ili značajnih razlika od konkurenata.
Međutim, čak iu takvim strogim pravilima i uvjetima za stvaranje modernih web-resursa, postoji mjesto za kreativnost i izraženu želju nekih programera da se uključe u agresivni, ciljani rad u boji koji odražava sadržaj tekstualnog sadržaja i stil odabranog dijaloga. CSS gradijent se sve češće koristi. Nasuprot tome, Google i Googleova rješenja u boji, posebno, imala su učinak i sljedbenike, međutim, u posljednjih nekoliko godina aktivna komponenta web dizajna počela je tražiti nove oblike, nova rješenja u boji i pokušati nenametljivu dinamiku glatkih oblika.
Na Internetu postoje mnogi online resursi (CSS gradijent generatora) koji uvelike pojednostavljuju odabir pravih boja: angrytools, flatonika, generatecass, itd. Oni mogu uštedjeti vrijeme na odabiru pravih boja, razmisliti o konverzijskoj liniji i slojevima. ,

Dinamička shema boja

Tradicije koje stoje u pozadini stvaranja web-resursa učinile su pravilo nespornim: struktura, sadržaj i dijalog stranice s klijentom - kompetencija razvojnog inženjera, koji provodi volju vlasnika (kupca). Izgled mjesta, njegov dizajn također se tradicionalno odnosi na ono što klijent ne određuje. U međuvremenu, broj različitih uređaja se povećava, au obiteljima svake vrste postoje različiti perspektivni primjeri koji imaju značajne razlike, ne toliko u transferu boje kao u dopuštenju i oblicima vidljivog područja preglednika. Različiti preglednici iKorištene verzije također stvaraju probleme u adekvatnom odražavanju mogućnosti CSS gradijenta.
Uzimajući sve zajedno, procjenjujući ove okolnosti i primjere nekih obećavajućih radova, može se tvrditi da izgled mjesta samo u stanju otklona - kompetentnost developera i /ili vlasnika resursa. Tek kada klijent prvi put posjeti taj resurs, on može procijeniti dizajn stranice. Ako je klijent smatrao prikladnim zapamtiti stranicu i koristiti je u svakodnevnom životu, onda je njegova želja da ima alate za upravljanje izgledom i funkcionalnošću dobro utemeljena. Takav pomak središta gravitacije je povoljan za razvojnog inženjera: nema potrebe da se uključe u provedbu cross-preglednika, testiranje stranice na različitim uređajima u različitim operativnim sustavima. Osim toga, trend će omogućiti stvaranje zajedničke baze podataka za stvarnu realizaciju mogućnosti CSS pravila na različitim uređajima. Ovo je samo početak, ali je njegov potencijal od velike važnosti.

Povezane publikacije