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