Makinis na mga transition ng kulay: CSS gradient

Natural na kulay ay karaniwang pantay makinis. Ngunit kahit na sa isang ganap na patag na ibabaw ng isang solid na kulay na imahe ng natural na mga transition ng kulay. Laging sinasadyang mahulog sa sikat ng araw o artipisyal na ilaw, pati na rin ang pagbabago sa anggulo ng view nagbibigay-daan sa hindi regular at natatanging mga kakulay.

Dalawang puntos ng view na naglalayong sa parehong bagay, maramdaman ang kulay pagkakaiba, ayon sa pagkakabanggit, ng kanilang mga anggulo pananaw at ugnayan sa iba pang mga anggulo ng saklaw ng sinag sa ibabaw ng pabalik-balik.

Sikolohikal na mga epekto ng transition ng kulay

Kulay ay hindi lamang ang pisikal sensations at nakasalalay hindi lamang sa ang oras at posisyon sa espasyo. Imahe ng mga puno, gusali, bundok at iba pang mga item sa isang inverted posisyon pukawin ang pakiramdam ng salamin sa ibabaw ng tubig o sa kabilang surface.

Hinding black parallel na linya sa isang perpektong puting ibabaw pader, ang bawat linya sa ibabaw ng buong haba pagtaas sa proporsyon sa ang kapal ng pagbabawas ng natural na kapal ng linya kapag tiningnan sa isang pader - ang lahat ng ito ay magiging sanhi ng isang pang-amoy sa viewer na ang kuwarto ay may pahalang na kisame.

Isang larawan ay inscribed sa dalawa, at bawat isa sa kanila ay Paglipat na may paggalang sa bawat isa sa pamamagitan ng isang distansya sa pagitan ng mga mata, na nagbibigay sa ang epekto ng spatial volume, kung defocus hitsura.

Kung ang poster ay malaki sapat at ang pagtawid sa hangganan sa katotohanan na ginawa perpekto, ang larawan sa poster ay makikita bilang natural na ang nais na lilim ng kulay, ang kamalayan ng beholder ay awtomatikong kumonekta.

Site, at higit sa lahat, ang disenyo at scheme ng kulay ay mahalaga at komplimentaryong mapagkukunan na lohika, ang kanyang dialogue, gumawa ng tamang sikolohikal na epekto sa mga bisita.

Makinis na mga transition sa pamamagitan ng CSS

Gradients ay nilikha na may guhit-gradient () at radial-gradient (). Sa unang kaso, ang isang makinis na pagbabago ng kulay ay nangyayari sa kahabaan ng linya at sa pangalawang kaso - ng isang tambilugan o bilog. CSS gradient ay maaaring itakda sa ang mga katangian ng background, background-image, hangganan-larawan, listahan-style-image. Superimposing mga elemento sa bawat isa, pagtukoy ng kanilang transparency makakabuo ng mahusay na kulay at lumikha ng mga natatanging mga transition.

Ito ay dapat gayunpaman ay makitid ang isip sa isip na ang kulay transition ay hindi maaaring palaging magiging makinis. Ang ilang mga variant ng mga kumbinasyon ng kulay, ang mga halaga ng transparency, pahina layout background ay maaaring magbigay sa hindi kanais-nais na hakbang effects.

mga panuntunan CSS para sa pag-record ng background gradient

gradient ay isang maayos na paglipat mula sa isang kulay sa isa pa. Sa kasong ito, maaari mong gamitin ang maramihang mga kulay. Tandaan ang mga linear na bersyon ng (CSS linear gradient) ay maaaring iba-iba:

Ang unang parameter ay ang pagkahilig anggulo side o rehiyon, na sinusundan ng kulay. Hindi kinakailangan upang gamitin lamang ng dalawang kulay, maaari kang gumuhit sa buong bahaghari. Paglalapat ng transparency opacity ng ari-arian ay maaaring makuha o-overlap na epekto.

Ang pagpili ng mga kulay, ang kulay generators

Ang creative bahagi ng taga-disenyo, site ng nag-develop sa mga nakaraang taon pinasimple. Nagiging praktikal at angkop na hugis-parihaba hugis, na naglalaman ng isang minimum ng impormasyon, ang isang minimum na ng mga pag-andar, ang maximum na kahulugan at kaisipan saloobin na ibenta ang produkto, magbigay ng serbisyo, i-highlight diskwento, kalidad at / o mga makabuluhang pagkakaiba mula sa mga kakumpitensya.

Gayunpaman, kahit na sa tulad mahirap mga kondisyon, regulasyon at ang paglikha ng mga modernong web-resource ay isang lugar para pagkamalikhain at isang malinaw na pagnanais ng ilang mga developer upang gumawa ng isang agresibo, naka-target na trabaho na may kulay, na sumasalamin sa ang kahulugan ng ang nilalaman ng teksto at ang estilo pinili dialogue. CSS gradient ay na-apply nang mas madalas.

solusyon Kulay ng "Google" at "Skype ni", sa partikular, ay nagkaroon ng isang epekto at ang mga tagasunod, gayunpaman, sa huling ilang taon, ang aktibong bahagi ng disenyo ng web ay nagsimulang upang tumingin para sa mga bagong hugis, bagong mga kulay at hindi mapanghimasok, subukan ang mga dynamics ng tuluy-tuloy na mga form.

Sa Internet maraming mga online na mapagkukunan (CSS gradient generator), na lubos na pinapasimple ang trabaho ng pagpili ng tamang kulay :. Angrytools, flatonika, generatecass atbp Sa kanilang tulong, maaari mo ba talagang i-save ng oras sa pagpili ng tamang kulay, isaalang-alang ang linya transition at mga overlay.

Dynamic na scheme ng kulay

Tradition, kalakip ang paglikha ng mga web-mapagkukunan, na ginawa malalabag panuntunan: ang istraktura, nilalaman at dialogue na site na may mga customer - ang kakayahan ng nag-develop ipinapatupad ang kalooban ng may-ari (customer). Hitsura ng site, nito disenyo ay din ayon sa kaugalian ay tumutukoy sa ang katunayan na ito ay hindi natukoy sa pamamagitan ng client.

Samantala, isang iba't ibang mga aparato ay lumalaki, at sa mga pamilya ng bawat uri ay may iba't-ibang mga promising specimens, na may mga makabuluhang pagkakaiba, hindi lamang sa kulay pagpaparami, tulad ng sa ang resolution at browser bumubuo sa nakikitang rehiyon.

Ang iba't-ibang mga browser at mga bersyon ginagamit din lumilikha ng mga problema sa isang sapat na pagma-map ng CSS gradient kakayahan.

Sama-sama sa pagsusuri ng mga pangyayari, at mga halimbawa ng ilang mga promising trabaho, maaari itong Nagtalo na ang hitsura ng site lamang defaultnom estado - ang kakayanan ng mga developer at / o may-ari ng mapagkukunan. Lamang kapag ang isang customer ay unang bumisita sa resource, maaaring ito ay magagawang upang suriin ang disenyo ng site. Kung ang customer ay nakakita akma upang tandaan ang mga site at gamitin ito sa kanilang araw araw na buhay, kanyang pagnanais na magkaroon ng mga tool upang kontrolin ang hitsura at pag-andar ay ganap na nabigyang-katarungan.

Tulad ng isang sentro ng grabidad sa mga benepisyo developer transfer: Hindi na kailangan upang makisali sa pagpapatupad ng cross-browser compatibility, test site sa iba't ibang mga aparato sa iba't-ibang mga operating system.

Dagdag pa rito, ang trend ay bubuo ng isang karaniwang database para sa aktwal na pagpapatupad ng CSS panuntunan sa iba't ibang mga aparato. Ito ay lamang sa simula, ngunit ang potensyal nito ay ng malaking kahalagahan.