باستخدام أدوات التصميم مثل فيغما يسمح لك لخلق تخطيطات فريدة وعالية الجودة من المواقع والتطبيقات. ومع ذلك ، يواجه المصممون أحيانا مشكلة عدم وجود الإعدادات اللازمة في فيجما ، خاصة عندما يتعلق الأمر بالعمل مع الفائض. تعد معرفة ميزات هذه الأداة والقدرة على حل المشكلات في مثل هذه المواقف مهارة مهمة للمصمم.
تجاوز هو مشكلة نموذجية عند إنشاء عناصر تفاعلية وعرض كمية كبيرة من المحتوى. يحدث عندما لا تتناسب محتويات الكتلة مع مساحتها المحدودة. يمكن لمطوري الويب استخدام خاصية تجاوز سعة كس للتحكم في سلوك المحتوى في مثل هذه الحالات.
ومع ذلك ، فيغما لا توفر دائما نفس الإعدادات كس. قد لا تتوفر بعض أنواع الفائض ، مثل التمرير والاقتصاص وترقيم الصفحات في فيجما. في مثل هذه الحالات ، يتعين على المصممين البحث عن طرق بديلة لحل المشكلة.
تتمثل إحدى الطرق في مثل هذه المواقف في استخدام شاشات أو صفحات إضافية تحتوي على معلومات إضافية أو محتوى مخفي. على سبيل المثال ، لعرض قائمة بها عدد كبير من العناصر ، بدلا من التمرير ، يمكنك إنشاء شاشات مختلفة يمكن للمستخدم التبديل بينها عبر الروابط أو الأزرار.
- وصف المشكلة
- الحلول الممكنة
- لمحة موجزة عن الأدوات
- أخطاء نموذجية عند استخدام
وصف المشكلة
عندما يحتوي عنصر ما على محتوى أكثر مما يمكنه عرضه داخل نفسه ، يحدث التمرير. إذا كنت بحاجة إلى اقتصاص المحتوى وعدم عرضه خارج العنصر ، فيمكنك تعيين تجاوز السعة: الخاصية المخفية. ومع ذلك ، فإن هذه الخاصية مفقودة في فيجما ، لذلك من الضروري استخدام طرق أخرى لحل المشكلة.
اعتمادا على الموقف ومشروعك ، يمكنك تطبيق الأساليب التالية:
- استخدم أحجام العناصر الثابتة بحيث يتناسب المحتوى دائما تماما. يعد هذا نهجا رائعا إذا كنت تعرف أحجام المحتوى مسبقا ولا تتغير.
- استخدم خاصية فاصل الكلمات لنقل المحتوى إلى سطر جديد. على سبيل المثال ، يمكنك تعيين كلمة فاصل: كسر-كل ذلك بحيث يتم نقل الكلمات الطويلة إلى سطر جديد ولا تتجاوز العنصر.
- استخدم خاصية المساحة البيضاء مع قيمة نوراب لحظر التفاف النص. يكون هذا مفيدا إذا كنت بحاجة إلى عرض نص في سطر واحد وعدم تركه يتجاوز العنصر.
- قم بإنشاء حاويات إضافية واضبطها على الحد الأدنى للعرض أو الارتفاع بحيث يتناسب المحتوى مع الداخل. ثم يمكنك استخدام تجاوز: السيارات لإضافة التمرير إذا كان المحتوى يخرج من الحدود.
يعتمد اختيار النهج على مشروعك ومتطلبات التصميم. من المهم أن تتذكر أن فيجما تقدم إعدادات محدودة للعمل مع الفائض ، لذلك قد تحتاج إلى استخدام طرق غير قياسية للحصول على النتائج المرجوة.
الحلول الممكنة
إذا لم يكن لدى فيجما الإعدادات اللازمة للتحكم في سلوك الفائض ، فيمكن استخدام الحلول التالية:
1. استخدام قناع
بدلا من تجاوز السعة ، يمكنك تطبيق قناع لإخفاء المحتوى غير الضروري. للقيام بذلك ، تحتاج إلى إنشاء منطقة قناع باستخدام مستطيل أو شكل آخر وتراكبها على العنصر الذي يجب اقتصاصه. في هذه الحالة ، سيتم إخفاء الجزء البارز من العنصر.
2. تطبيق تداخل (لقطة)
إذا كانت لديك الفرصة لتحرير التعليمات البرمجية المصدر ، فيمكنك استخدام خاصية كس مسار القصاصة لتطبيق تداخل مع عنصر اقتصاص مستطيل أو آخر وإخفاء المحتوى غير الضروري.
3. تغيير موقع العناصر
إذا لم يكن من الممكن استخدام قناع أو تداخل ، يمكنك محاولة تغيير تخطيط العناصر على الصفحة. على سبيل المثال ، يمكنك وضع المحتويات داخل حاوية قابلة للتمرير لتجنب القطع.
من المهم أن تتذكر أن هذه الحلول لها حدودها وتعتمد فعاليتها على حالة الاستخدام المحددة ومتطلباتها. فمن الضروري لاختبار وتكوين لهم وفقا للاحتياجات الخاصة بك.
لمحة موجزة عن الأدوات
عند العمل مع سلوك الفائض في فيجما ، يمكنك استخدام العديد من الأدوات لتحقيق النتائج المرجوة.
الأداة الأولى هي الطريقة القياسية للعمل مع تجاوز في فيجما ، مما يشير إلى تكوين الخصائص المناسبة للعناصر داخل مجموعة أو إطار. للقيام بذلك ، حدد العنصر المطلوب ، وافتح لوحة الخصائص واضبط قيم خصائص تجاوز السعة و تجاوز السعة. سيسمح لك ذلك بالتحكم في مظهر التمرير داخل العنصر.
الأداة الثانية التي يمكن استخدامها في غياب إعدادات تجاوز اللازمة في فيغما هو البرنامج المساعد تجاوز رسزر. هذا البرنامج المساعد يسمح لك لضبط التمرير والتحكم في التمثيل المرئي داخل فيجما يدويا. البرنامج المساعد يمكن العثور عليها في كتالوج المساعد فيغما وتثبيتها للاستخدام.
الأداة الثالثة التي يمكن أن تكون مفيدة عند العمل مع تجاوز في فيغما هو تصدير المشروع إلى هتمل. بعد تصدير المشروع ، يمكنك استخدام ميزات هتمل و كس القياسية لتخصيص تجاوز وعرض التمرير. يمكن أن يكون هذا مفيدا إذا كنت بحاجة إلى مراعاة سيناريوهات التفاعل المعقدة وإنشاء التمرير الديناميكي لصفحة الويب.
يمكن دمج جميع الأدوات المذكورة أعلاه لتحقيق النتائج المرجوة وإنشاء إدارة فعالة لسلوك الفائض في فيجما.
أخطاء نموذجية عند استخدام
عند العمل مع تجاوز في فيجما ، غالبا ما تكون هناك بعض الأخطاء النموذجية التي يجب مراعاتها:
- الاستخدام غير الصحيح لأحجام الكتلة. إذا لم تحدد حجم الكتلة بشكل صحيح ، فقد يتجاوز المحتوى ذلك ويخلق مشاكل في الفائض. تأكد من تطابق أحجام الكتلة مع المحتويات بشكل صحيح.
- قيم غير كافية لخاصية الفائض. يحدث أن المطورين يستخدمون عن طريق الخطأ قيم خاصية الفائض ، مما يؤدي إلى تأثيرات غير مرغوب فيها. من المهم أن تتعرف على القيم الممكنة واختيار القيم المناسبة لحالتك.
- الاستخدام غير الصحيح لمحاور التمرير. أحد الأخطاء الشائعة هو الاستخدام غير الصحيح لمحاور التمرير. نتيجة لذلك ، قد يتم تمرير الكتلة في الاتجاه الخاطئ أو قد يتم تعطيل التمرير. تأكد من تحديد محاور التمرير بشكل صحيح.
- بنية المستند غير صحيحة. إذا كان لديك مستند منظم بشكل غير صحيح ، فقد تكون هناك مشكلة في تجاوز السعة. تأكد من استخدام الهيكل الصحيح وجعل الترميز وفقا لتوصيات فيغما.
- عدم السيطرة على حجم العناصر. إذا كنت لا تتحكم في حجم العناصر داخل الكتلة ، فقد تتجاوزها وتصبح غير قابلة للوصول للعرض. من المهم مراقبة حجم العناصر ، وإذا لزم الأمر ، تطبيق إعدادات تجاوز إضافية.
يمكن أن تحدث أخطاء عند استخدام الفائض في مراحل مختلفة من العمل مع فيجما. من المهم توخي الحذر ومراقبة الإعدادات الصحيحة وهيكل المستند لتجنب مشاكل المحتوى المخفي وعرض العناصر على الشاشة.