ما هي فيجما؟ برمجيات فيجما وسمعتها في تصميم المواقع

على الرغم من البرامج المختلفة وتطوير البرامج المتزايد ، فقد تغير تصميم الموقع تمامًا ويختلف بشكل كبير عما كان يسمى تصميم الموقع في الماضي. من بين التغييرات التي حدثت في تصميم الويب ، يمكننا أن نذكر مسألتين لتصميم واجهة المستخدم وتصميم تجربة المستخدم ، والتي تسمى UI و UX. يعد الانتباه والحساسية لتصميم UI و UX من الأشياء الأساسية التي يمكن أن تجعل مشروعًا ناجحًا في التجارة الإلكترونية. برامج تصميم UI و UX لها نطاق واسع ومتنوع ، لكن مصممي الويب يوافقون فقط على عدد محدود. في هذه المقالة ، سوف ننتقل إلى أحد أفضل برامج تصميم UI و UX ، وهو Figma ، ونستكشف كل شيء عنه. لذا ابق على اتصال لمعرفة ماهية Figma ولماذا يستخدمها معظم مصممي واجهة المستخدم.

ما هو فيجما

كما هو مذكور في المقدمة ، فإن Figma عبارة عن برنامج لتصميم UI و UX. بشكل عام ، هذا البرنامج هو برنامج مجاني وقائم على السحابة يمكن تثبيته على أنظمة تشغيل Windows و Mac وتشغيله على متصفح. يعد تشكيل فرق تصميم متعددة الأغراض إحدى الإمكانات التي أنشأتها مساحة السحابة في هذا البرنامج.

يعد تشكيل فرق التصميم أحد المزايا الرئيسية لاستخدام برنامج Figma ، وتوفير الوقت والمال وجعل أعمال التصميم جذابة وممتعة. توفر Figma أيضًا القدرة على التعليق على زملائك في الفريق ، مما يسمح لك بتسجيل الدخول إلى ملف تعريف أعضاء الفريق وعرض شاشة الشاشة الخاصة بهم.

تعد ميزة التحكم في الإصدار ميزة أخرى لاستخدام برنامج Figma ، والتي من خلالها يمكنك العودة إلى الخطوة السابقة في أي مرحلة من مراحل التصميم وتغيير العنصر ذي الصلة أو تعديله.

مكونات التصنيع هي فائدة أخرى لبرنامج Figa. باستخدام هذه الميزة ، يمكنك إنشاء المكونات وحفظها عن طريق دمجها واستخدامها عند الحاجة.

طرق استخدام فيجما

لاستخدام برنامج Figma ، يمكنك استخدام طريقة تثبيت البرنامج أو إصدار الويب. لتثبيت برنامج Figma ، يجب عليك الانتقال إلى موقع Figma باستخدام قاطع المرشح وتنفيذ خطوات التثبيت التالية عن طريق تنزيل إصدار نظام التشغيل Windows أو Mac. إصدار الويب من هذا البرنامج متاح من خلال موقع Figma الإلكتروني وباستخدام خدمات تغيير IP.

كيفية استخدام فيجما

بشكل عام ، مع العرض الأولي للبرنامج ، نرى الخيارات المتعلقة بالبحث ، الأحدث ، الإضافات ، المسودة. باستخدام البحث ، يمكنك البحث عن الملفات الموجودة والأشخاص النشطين. الخيار الأخير هو للملفات التي تم إنشاؤها مؤخرًا ، وخيار الإضافات مخصص للوظائف الإضافية التي قمنا بتثبيتها. يظهر الخيار الأخير ، المسودة ، المشاريع النشطة التي نعمل عليها حاليًا.

لتشكيل فريق ، استخدم الخيار الموجود في الزاوية اليمنى السفلية. وتجدر الإشارة إلى أن تكوين فريق مع زميل في Figma مجاني ، ولكن إذا زاد عدد الزملاء ، فيجب دفع الرسوم ذات الصلة.

نحتاج إلى النقر فوق رمز علامة الجمع داخل المسودة أو رمز علامة الجمع في الزاوية اليمنى العلوية والزاوية اليسرى العلوية لبدء المشروع. بدأ المشروع ليس له اسم محدد في البداية ؛ يجب أن تكون مسجلة.

مقدمة لأقسام وأدوات فيجما

في البداية ، تتكون الصفحة التي نراها من عدة أقسام. يوجد في الجزء العلوي شريط الأدوات ويتضمن خيارات للقائمة ، وأدوات ، وإطار ، وقلم وقلم رصاص ، ونص. في الزاوية اليمنى العليا ، سترى صورة ملفك الشخصي ، وإذا كان هناك فريق ، يمكنك أيضًا مشاهدة ملف تعريف زملائك. يوجد خيار المشاركة بجوار صورة الملف الشخصي ، وبالضغط عليه يمكن مشاركة المشروع ، وبجانب مشاركة هناك أيقونة متعلقة بعرض المشاريع التي قمنا بإنشائها. العمود الأيمن مخصص لإعدادات وخصائص الأشكال التي نرسمها ، والعمود الأيسر للإطارات والطبقات.

للبدء في تصميم المشاريع التي أنشأناها ، يجب علينا أولاً إنشاء لوحة فنية أو إطار. باستخدام الخيار المرتبط بالإطار في شريط الأدوات أعلاه ، يمكنك إنشاء لوحة فنية أو إطار بحجم شاشة الهاتف المحمول ، أو الكمبيوتر اللوحي ، وما إلى ذلك ، وبعد التأكد من نوع الإطار ، يجب أن تقوم بعمل التسجيل المقابل.

أدوات في القائمة العلوية

باستخدام الأدوات ، يمكنك إنشاء أشكال داخل الإطارات. تتضمن الأدوات في هذا القسم الشكل الرباعي والخطي والسهم والدائرة والمضلع والنجمة والصورة على التوالي. توجد الإعدادات والتغييرات المتعلقة بميزات هذه الأدوات في العمود الأيمن ، ويمكن استخدام الإعدادات لتغيير الموضع والحجم والحدة في الزوايا وبعض الميزات الأخرى. يجب أن يقال هنا أن الأرقام الموجودة في إعدادات العمود الأيمن متوافقة مع الرموز الرياضية ويمكن تغييرها باستخدام العمليات الحسابية الأربع الأولى.

تتضمن بعض الميزات التي يمكن تغييرها في عمود التصميم تقريب الزوايا إلى شكل رباعي باستخدام نصف قطر الزاوية ، وقطع جزء من الدائرة بالقوس ، وإنشاء حد ، وتغيير مقدار الشفافية ، وتغيير الزاوية.

تجدر الإشارة إلى أنه عند رسم الأشكال داخل الإطار ، يمكن أن يؤدي الضغط باستمرار على مفتاح Shift إلى رسم أشكال من نفس الجوانب ، وهذا صحيح أيضًا عند تدوير الزاوية وتغييرها.

تطبيق الطبقات في برنامج فيجما

قلنا أن عمود الطبقة موجود على الجانب الأيسر من البرنامج. في هذا القسم ، نرى أولاً اسم الإطار ، وأسفل الإطار أرى الطبقات بترتيب أحدث طبقة أعلاه. سيؤدي تحديد طبقة من هذا القسم إلى تنشيط الشكل المقابل داخل الإطار. يمكن تغيير ترتيب الطبقات عن طريق النقر والسحب ومفاتيح الاختصار الخاصة بها. يتيح لك استخدام مفتاح Shift تحديد طبقات متعددة في نفس الوقت.

قم بإجراء عملية منطقية داخل Figma

يمكن تغيير الأشكال المرسومة داخل الإطارات وتكون على اتصال أو لها نقطة مشتركة باستخدام الخيار Boolean في الجزء العلوي من الإطار. تتضمن خيارات القائمة المنطقية Union Selection و Subtract و Intersect و Exclude على التوالي. يوفر لنا استخدام الإجراءات المنطقية طريقة لإنشاء ورسم أشكال إبداعية.

أدوات القلم وقلم الرصاص والمزج في القائمة العلوية

يعد استخدام أداة Pen واضحًا لأي شخص عمل مع برامج الرسوم. باستخدام هذه الأداة ، يمكن إنشاء عقد وخطوط ، وإذا تم النقر على خطنا وسحبه ، فإنه يصبح منحنى. إذا كانت نقطة البداية متصلة بالنهاية ، فسيتم رسم شكل أو منحنى هندسي ، ويمكن إجراء التغييرات اللازمة من قائمة التصميم على اليمين.

قلم رصاص هو أداة أخرى توفر القدرة على رسم الأشكال مع العديد من العقد والوضع الناعم في حالة النقر والسحب واستخدام أداة Blend ؛ يتم العمل المتعلق بتغيير مقابض المقبض.

تطبيق أدوات النص في برنامج تصميم فيجما

بشكل عام ، استخدام أداة النص معروف لنا جميعًا ، ويمكن استخدامه لكتابة نص. من خلال تحديد أداة النص والنقر داخل الإطار ، سيتم عرض مجموعة من الخصائص والسمات في العمود الأيمن ، من بينها يمكننا ذكر نوع الخط وحجم الخط وتباعد الأسطر وما إلى ذلك.

بطبيعة الحال ، ستحتاج إلى هذا القسم لتصميم قوائم وأقسام مختلفة من موقعك أو تطبيقك على الهاتف المحمول. بالطبع ، لا يمكن استخدام النصوص الفارسية في نسخة الويب من هذا البرنامج.

استنتاج

في هذه المقالة ، حاولنا تقديم برنامج تصميم واجهة مستخدم Figma لفترة وجيزة وشرح الأجزاء المختلفة وكيفية العمل مع هذا البرنامج قدر الإمكان. وتجدر الإشارة إلى أن برنامج Figma هو أحد أفضل البرامج في تصميم واجهة المستخدم ، ومع مجموعة ميزاته ، انتقل العديد من المصممين في الآونة الأخيرة من برامج أخرى مثل Adobe XD إلى Figma.