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