Suaus transicions de color: gradient CSS

Els colors naturals solen ser suau i uniforme. Però fins i tot en una superfície perfectament plana d'una imatge de color sòlid de les transicions de color naturals de. Sempre involuntàriament cauen llum del sol o la llum artificial, així com el canvi en l'angle de visió permet als tons irregulars i únics.

Dos punts de vista dirigida al mateix objecte, perceben la diferència de color, respectivament, dels seus angles de visió i correlació amb altres angles d'incidència dels raigs sobre la superfície del costat a un altre.

Els efectes psicològics de transicions de color

El color és no només les sensacions físiques i no només depèn de l'hora i la posició en l'espai. Imatges d'arbres, edificis, muntanyes i altres articles en una posició invertida evoquen la sensació de reflex en la superfície de l'aigua o en l'altra superfície.

línies paral·leles Absolutament negres en un perfectament blanques parets de superfície, cada línia en tota la longitud augmenta en proporció a la reducció de gruix del gruix de línia natural quan es veu en una paret - tot això va a causar una sensació en l'espectador que l'habitació té un sostre horitzontal.

Una imatge està inscrit amb els dos, i cada un d'ells es desplaça pel que fa a l'altra per una distància entre els ulls, donant l'efecte de volum espacial, si mirada desenfocament.

Si el cartell és prou gran i l'encreuament de la frontera, en realitat, es perfecciona, la imatge en el cartell serà vist com natural que les tonalitats desitjades de color, la consciència de l'espectador es connectaran automàticament.

Lloc, i sobretot, el seu disseny i combinació de colors són la lògica recurs essencial i complementària, el seu diàleg, fer que l'efecte psicològic adequat al visitant.

Les transicions suaus a través de CSS

Els gradients es creen amb lineal en gradient () i radial-gradient (). En el primer cas, un canvi suau del color es produeix al llarg de la línia i en el segon cas - d'una el·lipse o un cercle. gradient de CSS es pot ajustar en les propietats de fons, imatge de fons, frontera imatge, list-style-imatge. La superposició dels elements entre si, definint la seva transparència pot generar grans ombres i crear transicions úniques.

No obstant això, cal tenir en compte que la transició de color no sempre pot ser llisa. Algunes variants de combinacions de colors, els valors de transparència, de disseny de pàgina de fons pot donar pas efectes indesitjables.

regles CSS per a l'enregistrament de fons degradat

El gradient és una transició suau d'un color a un altre. En aquest cas, es poden utilitzar diversos colors. Nota la versió lineal d'(gradient lineal CSS) pot ser variada:

El primer paràmetre és el costat de l'angle d'inclinació o de la regió, seguit pel color. No és necessari l'ús de només dos colors, es pot dibuixar tot l'arc de Sant Martí. Aplicant la propietat de transparència opacitat es pot obtenir efectes de superposició.

L'elecció del color, els generadors de color

La part creativa del dissenyador, el lloc del desenvolupador en els últims anys s'ha simplificat. Es converteix en forma rectangular pràctic i apropiat, que conté un mínim d'informació, un mínim de funcions, el màxim sentit i l'actitud mental per vendre el producte, prestar un servei, descomptes, destacar la qualitat i / o diferències significatives respecte als competidors.

No obstant això, fins i tot en aquestes condicions dures, els reglaments i la creació de la moderna web de recursos és un lloc per a la creativitat i un clar desig d'alguns desenvolupadors per fer un treball agressiu, orientat amb el color, el que reflecteix el sentit del contingut del text i el diàleg triat estil. gradient de CSS s'ha aplicat amb més freqüència.

solucions de color "Google" i "Skype", en particular, tenien un efecte i els seguidors, però, en l'últim parell d'anys, el component actiu del disseny de la tela va començar a buscar noves formes, nous colors i discret, tractar la dinàmica de les formes que flueixen.

A Internet hi ha molts recursos en línia (generador de gradient CSS), el que simplifica enormement la tasca de triar els colors adequats:. Angrytools, flatonika, generatecass etc. Amb la seva ajuda, realment pot estalviar temps en la selecció del color adequat, tingui en compte les transicions de línia i superposicions.

esquema de color dinàmic

La tradició, subjacent a la creació de recursos web, va fer regla inviolable: l'estructura, el contingut i el diàleg lloc amb el client - la competència del desenvolupador posa en pràctica la voluntat de l'amo (client). Aspecte del lloc, el seu disseny també és tradicionalment es refereix al fet que no es determina pel client.

Mentrestant, una varietat de dispositius està creixent, i en les famílies de cada tipus hi ha diversos espècimens prometedors, amb diferències significatives, no només en la reproducció del color, com en la resolució i navegador forma la regió visible.

Una varietat de navegadors i versions utilitzades també crea problemes en una assignació adequada de les capacitats de gradient CSS.

Col·lectivament per avaluar aquestes circumstàncies, i exemples d'alguns treballs prometedors, es pot argumentar que l'aparició del lloc només defaultnom estat - la competència del promotor i / o propietari del recurs. Només quan un client primera visita el recurs, pot ser capaç d'avaluar el disseny del lloc. Si el client ha tingut a bé recordar el lloc i utilitzar-lo en la seva vida diària, el seu desig de tenir les eines per controlar l'aparença i funcionalitat està plenament justificat.

dit centre de gravetat de la transferència de beneficis per a desenvolupadors: no hi ha necessitat de participar en la implementació de la compatibilitat entre navegadors, zona de proves en diferents dispositius en diferents sistemes operatius.

D'altra banda, la tendència crearà una base de dades comuna per a l'aplicació efectiva de les regles CSS per a diferents dispositius. Això és només el principi, però el seu potencial és de gran importància.