El Paralaks na epekto Ito ang bahagi ng web na pinakakarinig sa iyo ngayon. Upang sabihin na ito ay isang trend para sa hindi bababa sa isang taon ay hindi sapat. Matapos ang boom ng HTML5, CSS3, jQuery at mga isang pahina na site (binubuo ng isang solong pahina), naabot ng optikal na epekto na ito ang pinaka-cutting-edge na mga website upang humanga sa amin.
Kung mag-surf tayo sa net makikita natin iyon, sa karamihan ng mga pahina, pang-eksperimento ang paggamit nito. Lalo na sa kategorya ng mga online na portfolio, ang mga taga-disenyo ay nagbibigay ng libreng imahinasyon sa ipakita ang iyong kakayahan at subukang gumawa ng isa pang hakbang kaysa sa ginawa ng kasosyo sa tabi ng pinto. Dinala namin sa iyo ang isang pagtitipon ng 6 na mga website na may Parallax para makita mo at makapagkomento.
Ano ang Parallax?
Magsimula tayo sa simula, ano ito tungkol sa Parallax? Ito ay binubuo ng wala nang higit pa sa sanhi nito, kapag lumipat tayo nang patayo sa pahina (iyon ay, nag-scroll kami), gumagalaw ang background sa isang mas mabagal na bilis kaysa sa iba pang mga elemento. Para kaming nahahati sa aming website sa dalawa o higit pang mga layer ng Photoshop. At kung ano ang nakamit ng Parallax effect ay nagbibigay sa amin ng pakiramdam ng lalim, na marami ring tumutukoy sa 3D na epekto.
Sa lahat ng mga "balita" na ito, huwag nating hayaan na madala tayo ng mga uso sa isang sukat na makalimutan natin ang totoong layunin ng isang web page: makipag-usap, sabihin mo. At nakita ko na maraming sites kung saan ang pagkamalikhain ng mga imahe at mga elemento na mahiwagang gumagalaw sa screen ay napakalaki na ang aking tingin ay iniiwas ang pagtigil upang basahin kung ano ang sinabi dito.
6 Mga halimbawa ng mga website na may epekto sa Parallax
- cyclemon: Parallax effect na gumagana at nakikinabang. Mayroong maliit na teksto, napaka maigsi, na sinamahan ng a ilustrasyon nagbabago yun sa kanya. Sa kasong ito, ang epekto ay hindi mag-abala sa akin: nakakatulong ito sa akin na maging interesado sa nilalaman na, na isinalaysay sa ibang paraan, ay hindi ako maakit ng kaunti.
- L'unità: Naaakit ako sa kalidad ng larawan iyon ang korona sa web. Gayunpaman, ang kasaganaan ng mga imahe at ang mababang taas na ibinigay sa bawat seksyon ay nakaliligaw sa akin. Ang Parallax effect ay hindi mag-abala sa akin, ngunit sa palagay ko mas mataas ang mga seksyon na makakakuha ng higit pa. Sa pamamagitan ng paraan: kung isasara mo ang web at muling buksan ito, nagbabago ang pangunahing imahe.
- Gahigante: Simple lang at napakatalino. Sa unang pag-log in, hindi ko maiwasang mag-scroll palagi, hanggang sa makarating ako sa dulo. Kaya't bumalik ako sa simula ng web upang basahin ang nilalaman, nasisiyahan muli sa epekto ng Parallax. Sasabihin mo sa akin kung ano ang iniisip mo.
- Sony: Kung naghanap ka sa Internet ng mga halimbawa ng Parallax, malamang na nakita mo ang pahinang ito. At ito ay lohikal, dahil ang resulta ay kamangha-mangha. Ang pinakamahusay na aplikasyon ng epekto na nakita ko sa ngayon, nang walang pag-aatubili.
- Soleil noir: Pinapaalalahanan ako ng maraming Cyclemon's. Ang mga ito ay mga guhit din na sinamahan ng maliit na teksto. Gusto ko talaga ang sidebar na inuri ayon sa kulay, na nagbibigay sa amin ng pagpipilian na bumalik o sumulong sa anumang seksyon.
- Malagkit: Paumanhin, hindi ako kumbinsido. Ito ay isang website na nahihilo ako: maraming elemento, nararamdaman kong gumagalaw ang lahat ... hindi ko masyadong gusto. Ano sa tingin mo?
- Gilgul: Gustung-gusto ko ang mga background gif. Hindi ko maintindihan ang anumang sinasabi sa web, ngunit gusto ko ito.
Ano ang isang nakamamanghang epekto ng Paralax, nais kong malaman kung paano ito nakakamit upang sanayin ito at isama ito sa isa sa aking mga disenyo ng web.
Paano natin maa-access ang pagkakaroon ng mga disenyo na ito?