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