الانتقال إلى المحتوى الرئيسي

كيفية الحفظ في نموذج: دليل خطوة بخطوة

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

الخطوة 1: افتح مشروعك في فيجما وتأكد من أن جميع التغييرات التي تريد حفظها قد تم إجراؤها بالفعل. إذا لم تقم بحفظ التغييرات ، فقد تفقد جميع التغييرات التي أجريتها عند إغلاق أو إعادة تشغيل فيجما.

الخطوة 2: في القائمة العلوية فيجما ، ابحث وانقر فوق الزر "ملف". في القائمة المنسدلة ، حدد خيار" حفظ".

الخطوة 3: في مربع الحوار الذي يظهر ، حدد اسم الملف وحدد الموقع الذي تريد حفظه فيه. يمكنك أيضا اختيار تنسيق الملف الذي تحتاجه (على سبيل المثال .التين أو .سفغ).

الخطوة 4: انقر فوق الزر" حفظ " لحفظ الملف. يتم حفظ مشروعك الآن ويمكن فتحه في أي وقت في فيجما.

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

  1. إنشاء مشروع جديد في فيجما
  2. استيراد تخطيط إلى فيجما
  3. العمل مع قماش وطبقات
  4. العمل مع النص والخطوط
  5. 1. اختيار الخط
  6. 2. تحرير النص
  7. 3. محاذاة النص
  8. 4. تنسيق النص
  9. 5. أنماط النص
  10. 6. تصدير النص
  11. باستخدام العناصر الرسومية
  12. العمل مع الألوان ويملأ
  13. إنشاء نماذج تفاعلية
  14. تصدير مشروع من فيجما
  15. سؤال وجواب
  16. كيف يمكنني حفظ عملي في فيجما?
  17. كيف يمكنني إضافة صورة إلى مستند في فيجما?
  18. هل يمكنني حفظ جزء فقط من عملي في فيجما, ليس كل ذلك?

إنشاء مشروع جديد في فيجما

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

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

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

استيراد تخطيط إلى فيجما

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

  1. استيراد من ملف-إذا كان لديك بالفعل تخطيط جاهز في التنسيق.تين,.رسم, .سفغ أو .بابوا نيو غينيا ، يمكنك تحديد الخيار" استيراد " في القائمة ملف وحدد الملف المناسب على جهاز الكمبيوتر الخاص بك. فيغما تلقائيا بتحويل التخطيط الخاص بك إلى شكل خاص بها.
  2. استيراد من مشروع آخر-إذا كان التخطيط الخاص بك هو بالفعل في فيغما ، يمكنك استيراده من مشروع آخر. للقيام بذلك ، حدد خيار "استيراد من المستندات" وحدد الملف المطلوب من القائمة.
  3. استيراد من ورل-إذا كان التخطيط الخاص بك على الانترنت ، يمكنك لصق ورل في حقل "استيراد من ورل" وسوف فيغما تحميله على المشروع الخاص بك.

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

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

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

العمل مع قماش وطبقات

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

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

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

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

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

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

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

تنظيم قماش وطبقات في فيغما يسمح لك للعمل بشكل أكثر كفاءة على المشاريع الخاصة بك ، مما يجعلها أكثر تنظيما ومفهومة.

العمل مع النص والخطوط

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

1. اختيار الخط

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

2. تحرير النص

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

3. محاذاة النص

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

4. تنسيق النص

يمكنك تنسيق النص باستخدام وظائف تنسيق النص في شريط الأدوات. هنا يمكنك تطبيق القوائم أو الترقيم أو المسافة البادئة أو تباعد الأسطر أو تغيير نمط الأحرف الفردية أو فقرات النص.

5. أنماط النص

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

6. تصدير النص

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

فيما يلي الأدوات والوظائف الرئيسية للعمل مع النص والخطوط في فيجما. استخدامها لخلق تصاميم جميلة وفريدة من نوعها!

باستخدام العناصر الرسومية

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

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

يمكن تمثيل العناصر الرسومية في فيجما ككائنات متجهة وأشكال وأيقونات وصور وخطوط وشعارات وعناصر تصميم أخرى.

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

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

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

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

العمل مع الألوان ويملأ

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

اختيار اللون

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

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

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

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

ملء الأشياء

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

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

باستخدام أنماط التعبئة

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

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

العمل مع الشفافية

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

إنشاء نمط اللون

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

نصيحة: قم بإنشاء أنماط ألوان للعناصر المتكررة في التصميم بحيث يمكنك تغييرها بسهولة في المستقبل.

خاتمة

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

إنشاء نماذج تفاعلية

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

الخطوة 1: إنشاء الشاشات الرئيسية

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

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

الخطوة 2: إنشاء التنقل

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

  1. حدد أداة الارتباط من شريط الأدوات على اليمين أو استخدم مجموعة المفاتيح "ل".
  2. حدد عنصرا على شاشة واحدة يجب ربطه بشاشة أخرى.
  3. اسحب المؤشر فوق شاشة أخرى وحرره لتعيين الرابط.
  4. كرر هذه العملية لإنشاء كافة الاتصالات الضرورية بين الشاشات.

الخطوة 3: إضافة التحولات والرسوم المتحركة

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

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

الخطوة 4: اختبار النموذج الأولي

عندما يكون النموذج الأولي التفاعلي جاهزا ، يمكنك اختباره لمعرفة كيفية تفاعل المستخدمين مع التصميم الخاص بك.

  1. حدد أداة العارض من شريط الأدوات على اليسار أو استخدم اختصار لوحة المفاتيح "تحول" + "ص".
  2. راجع النموذج الأولي ، وتأكد من أن جميع الروابط والانتقالات تعمل بشكل صحيح.

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

تصدير مشروع من فيجما

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

  1. تصدير طبقات أو كائنات فردية:

    • حدد الطبقة أو الكائن الذي تريد تصديره.
    • انقر بزر الماوس الأيمن على الطبقة المحددة وحدد "تحميل"
    • من القائمة المنسدلة ، حدد تنسيق التصدير المطلوب (ينغ ، جبيغ ، سفغ ، بدف ، الخ.)
    • ، حدد المجلد الذي تريد حفظ الملف الذي تم تصديره فيه.
    • انقر فوق الزر" حفظ " وسيتم تصدير الطبقة المحددة إلى المجلد المحدد.
  2. تصدير صفحات أو تخطيطات كاملة:

    • انتقل إلى نافذة إعدادات المشروع في الزاوية العلوية اليمنى من مساحة العمل.
    • حدد علامة التبويب تصدير.
    • انقر فوق الزر" إضافة تصدير " وحدد تنسيق التصدير للصفحة أو التخطيط (ينغ ، جبيغ ، سفغ ، بدف ، الخ.)
    • حدد المجلد الذي تريد حفظ الملفات التي تم تصديرها فيه.
    • انقر فوق الزر" حفظ " وسيتم تصدير جميع الصفحات أو التخطيطات المحددة إلى المجلد المحدد.

وهكذا ، فيغما يوفر أدوات مريحة لتصدير المشروع في أشكال مختلفة ، والذي يسمح لك لحفظ ومواصلة استخدام التصميم الخاص بك.

سؤال وجواب

كيف يمكنني حفظ عملي في فيجما?

لحفظ عملك في فيجما ، تحتاج إلى النقر فوق الزر" ملف "في الزاوية العلوية اليسرى من الشاشة ، ثم تحديد" حفظ " أو استخدام اختصار لوحة المفاتيح كنترول+س.يمكنك أيضا النقر فوق رمز السحابة في الزاوية اليمنى العليا من الشاشة لحفظ عملك بسرعة في السحابة.

كيف يمكنني إضافة صورة إلى مستند في فيجما?

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

هل يمكنني حفظ جزء فقط من عملي في فيجما, ليس كل ذلك?

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