El ผล Parallax เป็นส่วนประกอบของเว็บที่คุณได้ยินมากที่สุดในปัจจุบัน จะบอกว่ามันเป็นเทรนด์มาแล้วอย่างน้อยหนึ่งปีก็ไม่เพียงพอ หลังจากการเติบโตของ HTML5, CSS3, jQuery และไซต์หน้าเดียว (ประกอบด้วยหน้าเดียว) เอฟเฟกต์แสงนี้ได้ไปถึงเว็บไซต์ที่ล้ำสมัยที่สุดที่ทำให้เราประหลาดใจ
หากเราท่องเน็ตเราจะเห็นว่าในหน้าเว็บส่วนใหญ่การใช้งานนั้นเป็นการทดลอง โดยเฉพาะอย่างยิ่งในประเภทของพอร์ตการลงทุนออนไลน์นักออกแบบให้อิสระในการจินตนาการของพวกเขา แสดงทักษะของคุณ และพยายามก้าวไปอีกขั้นกว่าที่หุ้นส่วนข้างบ้านทำ ที่นี่เรารวบรวม 6 เว็บไซต์พร้อม Parallax ให้คุณดูและแสดงความคิดเห็น
Parallax คืออะไร?
เริ่มกันที่จุดเริ่มต้นว่า Parallax คืออะไร? สิ่งนี้ไม่มีอะไรมากไปกว่าการทำให้เกิดสิ่งนั้นเมื่อเราเคลื่อนที่ในแนวตั้งผ่านหน้า (นั่นคือเราเลื่อน) พื้นหลังจะเคลื่อนที่ด้วยความเร็วที่ช้ากว่าองค์ประกอบอื่น ๆ มาก เหมือนกับว่าเราแบ่งเว็บไซต์ออกเป็น Photoshop สองเลเยอร์ขึ้นไป และสิ่งที่เอฟเฟกต์พารัลแลกซ์ได้รับคือการให้ ความรู้สึกลึกซึ่งหลายคนเรียกว่าเอฟเฟกต์ 3 มิติ
ด้วย "ข่าวสาร" ทั้งหมดนี้เราจะต้องไม่ปล่อยให้ตัวเองตกอยู่ในกระแสนิยมจนลืมวัตถุประสงค์ที่แท้จริงของหน้าเว็บ: สื่อสาร, บอกบางอย่าง. และฉันเคยเห็น เว็บไซต์จำนวนมากซึ่งความคิดสร้างสรรค์ของภาพและองค์ประกอบที่เคลื่อนไหวอย่างน่าอัศจรรย์บนหน้าจอนั้นท่วมท้นมากจนสายตาของฉันหลีกเลี่ยงที่จะหยุดอ่านสิ่งที่บอกในนั้น
6 ตัวอย่างเว็บไซต์ที่มีเอฟเฟกต์ Parallax
- ไซเคิลมอน: Parallax effect ที่ใช้ได้ผลและเป็นประโยชน์ มีข้อความเพียงเล็กน้อยกระชับมากซึ่งมาพร้อมกับไฟล์ ภาพประกอบ ที่กำลังเปลี่ยนแปลงไปกับเขา ในกรณีนี้เอฟเฟกต์ไม่ได้รบกวนฉัน แต่ช่วยให้ฉันสนใจเนื้อหาที่บรรยายในอีกทางหนึ่งจะไม่ดึงดูดฉันเลยแม้แต่น้อย
- L'unità: ฉันติดใจในคุณภาพของไฟล์ ภาพ ที่ครอบงำเว็บ อย่างไรก็ตามความมากมายของภาพและความสูงต่ำที่ให้กับแต่ละส่วนทำให้ฉันเข้าใจผิด เอฟเฟกต์พารัลแลกซ์ไม่รบกวนฉัน แต่ฉันคิดว่าส่วนที่สูงขึ้นจะได้รับมากขึ้น อย่างไรก็ตาม: หากคุณปิดเว็บและเปิดขึ้นมาใหม่รูปภาพหลักจะเปลี่ยนไป
- มหึมา: เท่และยอดเยี่ยม ครั้งแรกที่ฉันเข้าสู่ระบบฉันไม่สามารถหลีกเลี่ยงการเลื่อนตลอดเวลาได้จนกว่าฉันจะไปถึงจุดสิ้นสุด ดังนั้นฉันจึงกลับไปที่จุดเริ่มต้นของเว็บเพื่ออ่านเนื้อหาเพลิดเพลินไปกับเอฟเฟกต์ Parallax อีกครั้ง คุณจะบอกฉันว่าคุณคิดอย่างไร
- โซนี่: หากคุณได้ค้นหาตัวอย่างของ Parallax ทางอินเทอร์เน็ตคุณน่าจะเห็นหน้านี้มากที่สุด และเป็นตรรกะเพราะผลลัพธ์ที่ได้นั้นน่าทึ่ง การประยุกต์ใช้เอฟเฟกต์ที่ดีที่สุดที่ฉันเคยเห็นมาโดยไม่ลังเล
- Soleil นัวร์: เตือนฉันมากมายเกี่ยวกับ Cyclemon's นอกจากนี้ยังเป็นภาพประกอบรวมกับข้อความเล็กน้อย ฉันชอบแถบด้านข้างที่แยกตามสีซึ่งทำให้เรามีตัวเลือกในการย้อนกลับหรือเลื่อนไปยังส่วนใดก็ได้
- คาว: ขออภัยฉันไม่มั่นใจ เป็นเว็บไซต์ที่ทำให้ฉันเวียนหัว: มีองค์ประกอบมากเกินไปฉันรู้สึกว่าทุกอย่างเคลื่อนไหว ... ฉันไม่ค่อยชอบมัน คุณคิดอย่างไร?
- กิลกุล: ฉันชอบ GIF พื้นหลัง ฉันไม่เข้าใจสิ่งที่พูดบนเว็บ แต่ฉันชอบมัน
สิ่งที่เป็นผลที่น่าสงสัยของ Paralax ฉันอยากจะเรียนรู้มากว่าการฝึกฝนมันประสบความสำเร็จได้อย่างไรและรวมไว้ในหนึ่งในการออกแบบเว็บของฉัน
เราจะเข้าถึงการออกแบบเหล่านี้ได้อย่างไร?