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