أطلقت Rive تخطيطات ميزة جديدة ، والتي غيرت تمامًا تكيف الشاشة للرسومات المتحركة! بقول وداعًا لأعمال التكيف الشاقة ، يمكن للمصممين والمطورين بسهولة إنشاء رسوم متحركة ديناميكية وسريعة الاستجابة يمكن أن تتكيف تلقائيًا مع مجموعة متنوعة من أحجام الشاشة والأجهزة ، والحفاظ دائمًا على التفاعل الفريد من Rive والطلاقة. تشبه ميزة التخطيطات "قطعة أثرية Universal Layout" التي تتيح تقديم الرسوم المتحركة الخاصة بك بشكل مثالي على منصات مختلفة دون الحاجة إلى إنشاء إصدارات منفصلة لكل منصة. وهو يدعم التعشيش العميق والتخطيط المرن ، ويمكن دمجه مع نظام قيود Rive لتحقيق تأثيرات الرسوم المتحركة أكثر دقة ومستقرة.
يمكن للمصممين والمطورين أخيرًا التخلص من الخوف من السيطرة على "تكيف الشاشة"! التفاعل التوقيع وتأثيرات الرسوم المتحركة السلسة.
ما هو بالضبط التخطيطات؟
من خلال التخطيطات ، يمكن للمصممين إنشاء تخطيطات تتكيف تلقائيًا مع حجم الشاشة ، مثل الأزرار أو القوائم أو القوائم التي سيتم عرضها بشكل مثالي على كل من الهواتف وأجهزة الكمبيوتر. يمكن للمصممين اختيار العناصر التي تتبع قواعد التصميم بحرية والتي يمكن عرضها بشكل مستقل.
بالإضافة إلى ذلك ، يمكنك أيضًا إضافة رسوم متحركة إلى عناصر التخطيط لجعل الواجهة أكثر وضوحًا ومرونة. على سبيل المثال ، يمكن تصميم الرسم الذي يقيم تلقائيًا وفقًا للموقف والحجم والهوامش الداخلية والهوامش الخارجية لتناسب جميع الأجهزة. عند استخدام التخطيطات ، يمكن تحجيم الرسومات وإعادة توحيدها وفقًا لحجم الشاشة دون فقدان تأثيرات الرسوم المتحركة.
تسليط الضوء على التخطيطات هو توافق الجهاز. تسمح الرسومات بالتحولات السلسة بين لوحة معلومات السيارة والهاتف الذكي ، مع الحفاظ على تأثير بصري ثابت. يحتاج المصمم فقط إلى إنشاء الرسومات مرة واحدة وسيتم ضبطه تلقائيًا على كل منصة دون إنشاء إصدار منفصل لكل منصة.
تدعم التخطيطات أيضًا متعددة اللغات ، ويمكنها ضبط حجم التخطيط تلقائيًا وفقًا لطول اللغة. على سبيل المثال ، عندما يكون النص طويلًا ، يمكن للتخطيطات إعادة ترتيب أو تغيير حجم مربع النص لتناسب متطلبات العرض للغات المختلفة. هذا يضمن عرض جميع اللغات باستمرار ، ولا يحتاج المطورون إلى القلق بشأن مشاكل التصميم المحتملة الناجمة عن لغات مختلفة.
بالنسبة للمصممين الذين يحتاجون إلى إنشاء تخطيطات معقدة ، يوفر التخطيطات خيارات للتداخل العميق والتخطيطات المرنة. يمكن للمصممين استخدام خيارات المحاذاة وكسر الخط وتباعد لإنشاء تخطيطات واجهة المستخدم المعقدة ، مثل عناصر واجهة المستخدم متعددة المستويات ، أو الهياكل المعقدة التي تحتاج إلى تعديلها على شاشات مختلفة.
تدعم التخطيطات أيضًا نقاط التوقف ، والتي يمكن أن تؤدي إلى تشغيل آلة حالة Rive استنادًا إلى التغييرات في العرض أو الارتفاع أو نسبة المكونات ، وأداء رسوم متحركة مختلفة أو تغييرات تخطيط. على سبيل المثال ، عندما تتحول الشاشة من المناظر الطبيعية إلى الصورة ، يمكن للتخطيطات التبديل تلقائيًا إلى حالة تخطيط أو حالة رسوم متحركة أخرى.
على عكس أدوات التصميم الأخرى ، تتيح تخطيطات Rive المصممين اختيار ما إذا كانت الكائنات تشارك بحرية في محرك التخطيط ، ويمكنها كسر قواعد التخطيط في أي وقت والتصميم بحرية. هذا يعني أنه يمكن للمصممين تضمين عناصر مجانية مثل الأحرف المتحركة للغاية في تصميم أكثر تنظيماً لتحقيق تأثيرات التصميم المرنة. حتى عند إجراء تعديلات تخطيط ، يمكن أن تظل الرسوم المتحركة للشخصية سلسة ولا تُقيد بواسطة محرك التصميم.
بالإضافة إلى ذلك ، تدعم التخطيطات أيضًا التكامل مع نظام قيود Rive ، مما يسمح بالعلاقات الهرمية التقليدية في التصميم. حتى إذا تغير تخطيط واجهة المستخدم ، يمكن أن تحافظ الرسوم المتحركة بدقة وبشكل بدقة على الموضع والشكل الأصليين ، مما يضمن استقرار التأثير البصري. على سبيل المثال ، عندما يتغير تخطيط الصفحة ، سيقوم نظام القيد تلقائيًا بضبط العناصر ذات الصلة لتجنب اضطراب التصميم.
يمكن التحكم في المكونات في التخطيطات من خلال آلة حالة Rive ، مما يؤدي إلى تغييرات مختلفة في الحالة بناءً على عرض أو ارتفاع أو نسبة المكون. يتيح ذلك للمصممين إضافة رسوم متحركة تفاعلية إلى التصميم ، مثل تشغيل تسلسل الرسوم المتحركة المختلفة أو التأثيرات المستجيبة اعتمادًا على شاشة الجهاز. تتيح جهاز Rive's State أيضًا التحكم في كل تفاصيل الرسوم المتحركة عند تعديلات التخطيط ، مما يسمح للمصممين بخلط العديد من الرسوم المتحركة المستجيبة والتفاعلية في تصميم واحد ، مما يوفر للمستخدمين تجربة بصرية أكثر ثراءً.
التفاصيل: https://rive.app/blog/introducing-layouts
باختصار ، أدى ظهور تخطيطات Rive إلى تغييرات ثورية في تصميم الرسوم المتحركة ، مما يؤدي إلى تبسيط عملية تكيف الشاشة ، وإعطاء المصممين والمطورين حرية غير مسبوقة ومساحة إبداعية ، مما يجعل تصميم الرسوم المتحركة أكثر كفاءة وأكثر مملوءة بالمعلومات. اسرع وتجربة تخطيطات Rive وابدأ فصلًا جديدًا في تصميم الرسم!