Rive ได้เปิดตัวเลย์เอาต์คุณสมบัติใหม่ซึ่งได้เปลี่ยนการปรับหน้าจอของกราฟิกอนิเมชั่นอย่างสมบูรณ์! การกล่าวคำอำลากับงานดัดแปลงที่น่าเบื่อนักออกแบบและนักพัฒนาสามารถสร้างภาพเคลื่อนไหวแบบไดนามิกและตอบสนองได้อย่างง่ายดายซึ่งสามารถปรับให้เข้ากับขนาดหน้าจอและอุปกรณ์ที่หลากหลายได้โดยอัตโนมัติ คุณสมบัติเลย์เอาต์เป็นเหมือน "สิ่งประดิษฐ์เลย์เอาต์สากล" ที่ช่วยให้ภาพเคลื่อนไหวของคุณได้รับการนำเสนออย่างสมบูรณ์แบบบนแพลตฟอร์มที่แตกต่างกันโดยไม่ต้องสร้างเวอร์ชันแยกต่างหากสำหรับแต่ละแพลตฟอร์ม รองรับการทำรังลึกและเค้าโครงที่ยืดหยุ่นและสามารถรวมกับระบบข้อ จำกัด ของ Rive เพื่อให้ได้เอฟเฟกต์ภาพเคลื่อนไหวที่มีการปรับแต่งและเสถียรมากขึ้น
ในที่สุดนักออกแบบและนักพัฒนาสามารถกำจัดความกลัวที่จะถูกครอบงำโดย "การปรับตัวของหน้าจอ"! การโต้ตอบลายเซ็นและเอฟเฟกต์ภาพเคลื่อนไหวที่ราบรื่น
เลย์เอาต์คืออะไร?
ด้วยเลย์เอาต์นักออกแบบสามารถสร้างเลย์เอาต์ที่ปรับให้เข้ากับขนาดหน้าจอได้อย่างง่ายดายเช่นปุ่มรายการหรือเมนูที่จะแสดงอย่างสมบูรณ์แบบทั้งบนโทรศัพท์และคอมพิวเตอร์ นักออกแบบสามารถเลือกองค์ประกอบที่ปฏิบัติตามกฎการจัดวางได้อย่างอิสระและสิ่งที่สามารถแสดงได้อย่างอิสระ
นอกจากนี้คุณยังสามารถเพิ่มภาพเคลื่อนไหวลงในองค์ประกอบเลย์เอาต์เพื่อให้อินเทอร์เฟซมีความชัดเจนและยืดหยุ่นมากขึ้น ตัวอย่างเช่นกราฟิกสามารถออกแบบที่ปรับขนาดโดยอัตโนมัติตามตำแหน่งขนาดระยะขอบด้านในและระยะขอบด้านนอกเพื่อให้เหมาะกับอุปกรณ์ทั้งหมด เมื่อใช้เลย์เอาต์กราฟิกสามารถปรับขนาดและจัดแนวใหม่ตามขนาดหน้าจอโดยไม่สูญเสียเอฟเฟกต์ภาพเคลื่อนไหว
ไฮไลต์ของเลย์เอาต์คือความเข้ากันได้ข้ามอุปกรณ์ กราฟิกช่วยให้การเปลี่ยนผ่านอย่างราบรื่นระหว่างแผงควบคุมของรถยนต์และสมาร์ทโฟนรักษาเอฟเฟกต์ภาพที่สอดคล้องกัน นักออกแบบต้องสร้างกราฟิกเพียงครั้งเดียวและจะปรับในแต่ละแพลตฟอร์มโดยอัตโนมัติโดยไม่ต้องสร้างเวอร์ชันแยกต่างหากสำหรับแต่ละแพลตฟอร์ม
เลย์เอาต์ยังรองรับหลายภาษาและสามารถปรับขนาดเลย์เอาต์โดยอัตโนมัติตามความยาวภาษา ตัวอย่างเช่นเมื่อข้อความยาวเลย์เอาต์สามารถจัดเรียงใหม่หรือปรับขนาดกล่องข้อความให้เหมาะกับข้อกำหนดการแสดงผลของภาษาที่แตกต่างกัน สิ่งนี้ทำให้มั่นใจได้ว่าทุกภาษาจะแสดงอย่างสม่ำเสมอและนักพัฒนาไม่จำเป็นต้องกังวลเกี่ยวกับปัญหาการจัดวางที่เป็นไปได้ที่เกิดจากภาษาที่แตกต่างกัน
สำหรับนักออกแบบที่ต้องการสร้างเลย์เอาต์ที่ซับซ้อนเลย์เอาต์มีตัวเลือกสำหรับการทำรังลึกและเลย์เอาต์ที่ยืดหยุ่น นักออกแบบสามารถใช้ตัวเลือกการจัดตำแหน่งการแบ่งสายและระยะห่างเพื่อสร้างเลย์เอาต์ UI ที่ซับซ้อนเช่นองค์ประกอบ UI หลายระดับหรือโครงสร้างที่ซับซ้อนที่ต้องปรับบนหน้าจอที่แตกต่างกัน
เลย์เอาต์ยังรองรับจุดพักซึ่งสามารถเรียกใช้เครื่องสถานะของ Rive ตามการเปลี่ยนแปลงของความกว้างความสูงหรือสัดส่วนของส่วนประกอบและดำเนินการเคลื่อนไหวหรือการเปลี่ยนแปลงเลย์เอาต์ที่แตกต่างกัน ตัวอย่างเช่นเมื่อหน้าจอเปลี่ยนจากภูมิทัศน์เป็นแนวตั้งเลย์เอาต์สามารถสลับไปเป็นเค้าโครงหรือสถานะแอนิเมชั่นอื่นโดยอัตโนมัติ
ซึ่งแตกต่างจากเครื่องมือการออกแบบอื่น ๆ เลย์เอาต์ Rive ช่วยให้นักออกแบบสามารถเลือกได้อย่างอิสระว่าวัตถุมีส่วนร่วมในเอ็นจิ้นเค้าโครงและสามารถทำลายกฎการจัดวางได้ตลอดเวลาและออกแบบได้อย่างอิสระหรือไม่ ซึ่งหมายความว่านักออกแบบสามารถฝังองค์ประกอบฟรีเช่นตัวละครที่มีภาพเคลื่อนไหวสูงลงในโครงร่างที่มีโครงสร้างมากขึ้นเพื่อให้ได้เอฟเฟกต์การออกแบบที่ยืดหยุ่น แม้เมื่อทำการปรับเลย์เอาต์ภาพเคลื่อนไหวของตัวละครก็ยังคงราบรื่นและไม่ได้ถูก จำกัด ด้วยเครื่องยนต์เลย์เอาต์
นอกจากนี้เลย์เอาต์ยังสนับสนุนการรวมเข้ากับระบบข้อ จำกัด ของ Rive ซึ่งช่วยให้มีความสัมพันธ์แบบลำดับชั้นแบบดั้งเดิมในการออกแบบ แม้ว่าเค้าโครง UI จะเปลี่ยนไปภาพเคลื่อนไหวสามารถรักษาตำแหน่งและรูปร่างเดิมได้อย่างแม่นยำและสามารถควบคุมได้ ตัวอย่างเช่นเมื่อเค้าโครงหน้าเปลี่ยนระบบข้อ จำกัด จะปรับองค์ประกอบที่เกี่ยวข้องโดยอัตโนมัติเพื่อหลีกเลี่ยงความผิดปกติของเค้าโครง
ส่วนประกอบในเลย์เอาต์สามารถควบคุมได้ผ่านเครื่องสถานะของ Rive ทำให้เกิดการเปลี่ยนแปลงสถานะที่แตกต่างกันตามความกว้างความสูงหรือสัดส่วนของส่วนประกอบ สิ่งนี้ช่วยให้นักออกแบบสามารถเพิ่มภาพเคลื่อนไหวแบบโต้ตอบในเค้าโครงเช่นทริกเกอร์ลำดับภาพเคลื่อนไหวที่แตกต่างกันหรือเอฟเฟกต์ตอบสนองขึ้นอยู่กับหน้าจออุปกรณ์ เครื่องสถานะของ Rive ยังช่วยให้สามารถควบคุมทุกรายละเอียดของภาพเคลื่อนไหวเมื่อปรับเค้าโครงช่วยให้นักออกแบบผสมแอนิเมชั่นที่ตอบสนองและโต้ตอบได้หลายอย่างในการออกแบบครั้งเดียวทำให้ผู้ใช้ได้รับประสบการณ์การมองเห็นที่สมบูรณ์ยิ่งขึ้น
รายละเอียด: https://rive.app/blog/introducing-layouts
ในระยะสั้นการเกิดขึ้นของเลย์เอาต์ Rive ได้นำการเปลี่ยนแปลงการปฏิวัติมาสู่การออกแบบแอนิเมชั่นทำให้กระบวนการปรับตัวของหน้าจอง่ายขึ้นทำให้นักออกแบบและนักพัฒนามีอิสระและพื้นที่สร้างสรรค์ที่ไม่เคยเกิดขึ้นมาก่อนทำให้การออกแบบแอนิเมชั่นมีประสิทธิภาพมากขึ้นสะดวกยิ่งขึ้น รีบและสัมผัสกับเลย์เอาต์ Rive และเริ่มบทใหม่ในการออกแบบการวาดภาพ!