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