هناك مليون طريقة لتقديم عرض تقديمي ، لكن فيجما أداة تم التقليل من شأنها. تسمح ميزة النموذج الأولي في Figma بالعديد من خيارات الانتقال القابلة للتخصيص. لن تبهر انتقالاتك جمهورك فحسب ، بل يمكنك أيضًا دمج المكونات الإضافية لمزيد من الإثارة والحفاظ على تفاعل جمهورك ، مما يجعلك تشعر بالثقة في مهاراتك.
سنوضح لك كيفية تقديم عرض قاتل باستخدام Figma ؛ فقط اتبع هذا الدليل.
1. قم بإعداد إطار العرض التقديمي الأول الخاص بك
فتح فيجما وانقر ملف تصميم جديد. انقر على أداة الإطار (F) لرسم إطارك أو اختيار إطار محدد مسبقًا على اليمين باستخدام عرض تقديمي > شريحة 16: 9. تستطيع إنشاء قالب رئيسي لتوفير الوقت.
أعد تسمية الإطار بالنقر نقرًا مزدوجًا فوق العنوان الأزرق في أعلى اليسار. تعيين لون الخلفية ؛ على الرغم من ذلك ، يمكنك دائمًا تغييره لاحقًا عن طريق تمييز جميع الإطارات وتغيير لون التعبئة.
2. أضف نص العنوان
استخدم ال أداة النص (تي) واكتب لقبك. استخدم مربعات نصية منفصلة لأسطر منفصلة ، مع كلمة واحدة أو كلمتين فقط في كل سطر. قم بتعيين تفضيلات النص في ملف نص القائمة على اليمين. تستخدم Figma خطوط Google ، لذلك قد ترغب في معرفة ذلك أفضل أزواج خطوط Google.
3. أضف صورة
تستطيع استخدام صورة الأسهم أو التقط صورتك الخاصة ذات الصلة. لإضافة صورة ، ارسم مستطيلاً باستخدام امتداد اداة المستطيل (ص). صورتك ستجلس في هذا الشكل.
انقر فوق المستطيل وانتقل إلى يملأ وانقر فوق مربع ملون. ثم اضغط متصل> صورة> اختر صورة. ابحث عن صورتك وانقر فتح. قم بالمرور فوق الصورة للكشف عن 4 دوائر بيضاء. انقر واسحب دائرة واحدة للداخل لتدوير زوايا صورتك.
رتب طبقاتك بحيث تكون الصورة في الخلف ويكون النص في الطبقة العليا. يمكنك سحب الطبقات في لوحة الطبقات أو باستخدام جMD / جtrl + [ لإرسال طبقة للخلف أو جMD / جtrl +] لتقديم طبقة للأمام.
4. قم بإنشاء الانتقال الأول
سيفتح الانتقال الأول الصورة ويسمح لنص العنوان بالانزلاق إلى الإطار. أولاً ، قم بتكرار الإطار الأول عن طريق تحديده والضغط جMD / جtrl + D لتكرارها.
في الإطار الأيسر ، قم بتصغير حجم الصورة عن طريق تقليل سمات الارتفاع في ملف ح مربع إلى حوالي 150 ، تاركًا شقًا أفقيًا للصورة. قم بمحاذاة الوسط عن طريق تحديد كلتا الصورتين عبر الإطارات والنقر اption + V. (Mac) أو Alt + V (شبابيك).
لإكمال انتقال الصورة ، حدد الصورة اليسرى. ثم قم بتغيير ملف العتامة إلى 0٪ في القائمة اليمنى في المربع المجاور لـ Pass Through under Layer. سيؤدي هذا إلى جعل الصورة غير مرئية قبل أن تنتقل وتفتح.
انقر فوق مربع النص الأول واضغط باستمرار تحول. ابدأ في السحب ، ثم اضغط باستمرار مفتاح المسافة واستمر في سحب النص من الإطار. يبدو أنه يختفي مرة واحدة خارج الإطار. بدون إضافة مفتاح المسافة ، لن يعمل هذا الانتقال ، ولكن إذا قمت بالضغط على مفتاح المسافة قبل السحب ، فسيتم تحريك الإطار الخاص بك فقط.
قم بذلك مرة أخرى لمربعات النص الثانية أو اللاحقة ، ولكن اسحبها قليلاً إلى اليسار لإضافة بعض التنوع في الانتقال. مع استمرار تحديد النص ، قم بتقليل عتامة الطبقة إلى 0٪ بنفس الطريقة التي قمت بها مسبقًا للصورة.
لتعيين الانتقال ، انتقل إلى النموذج المبدئي. حدد الإطار الأيسر وانقر فوق دائرة زرقاء التي تظهر في منتصف الجانب الأيمن من الإطار. اسحبه ، بحيث ينتقل الخط إلى إطارك الثاني.
في القائمة المنسدلة التي تقول فوري، تحديد الرسوم المتحركة الذكية. ثم قم بتغيير المربع بملحق ساعة التوقيف إلى 1000 مللي ثانية. سيؤدي هذا إلى ضبط انتقالك بحيث يستغرق ثانية واحدة من نقرة الماوس. يجب تعيين الإعدادات الأخرى بشكل افتراضي. تأكد من عدم إعادة تسمية عناوين الإطارات بعد تعيين انتقال ، وإلا فلن يتم توصيل الملفات.
انقر على لعب زر لاختبار الانتقال الخاص بك. ارجع إلى تصميم لمواصلة تصميم العرض التقديمي الخاص بك.
5. أضف المزيد من الشرائح
للانتقال من الشريحة 1 إلى الشريحة 2 ، قم بتكرار الشريحة الموجودة في أقصى اليمين (جMD / جtrl + د). في الإطار الجديد - الشريحة 2 - انقل مربعات النص خارج الإطار باستخدام التقنية السابقة (تحول + يجر ومن بعد مفتاح المسافة بعد أن تبدأ في السحب). انقل أحد مربعي النص إلى اليسار والآخر إلى يمين الإطار. اضبط التعتيم على 0٪ لكليهما.
بالنسبة للصورة ، صغّر حجمها وحركها بعيدًا عن المركز قليلاً ، ثم اضبط التعتيم على 0٪. يمنحك هذا ، بشكل فعال ، لوحة قماشية فارغة لشريحتك الثانية. يمكنك إضافة المحتوى أعلى الأصول غير المرئية من الشريحة السابقة.
أضف صورة كبيرة إلى وسط الإطار. لإضافة بعض الزخارف أعلى صورتك ، استخدم ملف البرنامج المساعد فيجما لملفات GIF أو قم بتنزيل ملصق GIF من Giphy واسحبه فوق الصورة. حدد صورتك الرئيسية وأي صور GIF ، وقم بتجميعها معًا (جMD / جtrl + جي) ، فهذا يضمن أن Smart Animate سيعمل بشكل صحيح.
حدد المجموعة وانسخها (جMD / جtrl + ج). ثم قم بلصقه على إطار الشريحة 1 (جMD / جtrl + الخامس). صغر حجمه واضبط التعتيم على 0٪. ثم انقل هذه الطبقة إلى الخلف (جMD / جtrl + [). هذا يضمن الانتقال السلس إلى الشريحة التالية.
اذهب إلى النموذج المبدئي. حدد الشريحة 2 وانقر فوق الدائرة الزرقاء لسحبها إلى الشريحة 3. الإعداد الافتراضي لـ Figma في قائمة النموذج الأولي هو استخدام الإعدادات السابقة ، لذا يجب تعيينها جميعًا وفقًا للانتقال السابق. ارجع إلى تصميم.
تكرار الشريحة الأخيرة (جMD / جtrl + D). ستستخدم هذه الشريحة نفس الصورة السابقة ، لكننا سنقوم بقياسها إلى جانب واحد من الإطار. انقل الصورة إلى يسار الإطار عن طريق سحبها أثناء الضغط تحول. قم بالتمرير فوق الحافة اليمنى للصورة حتى تظهر الأسهم المتقابلة ، انقر واسحب الحافة اليمنى للصورة باتجاه اليسار حتى تشعر بالرضا.
اذهب إلى النموذج المبدئي وربط الإطارين معًا. ثم ارجع إلى تصميم.
أضف عنوانًا ونصًا أساسيًا إلى يمين الصورة التي تم تغيير حجمها ، واجمعهما معًا. انسخ مجموعة النص والصقها في الشريحة السابقة. انقر واسحب مجموعة النص إلى يمين الإطار كما كان من قبل.
6. أضف نموذج بالحجم الطبيعي
إنشاء نموذج بالحجم الطبيعي ؛ تحقق من دليل لإنشاء نماذج بالأحجام الطبيعية باستخدام المكونات الإضافية في Figma. أضف إطارًا جديدًا ، ثم الصق النموذج بالحجم الطبيعي عليه. قم بتغيير حجم النموذج ليناسب الإطار.
انسخ النموذج والصقه في الإطار السابق. قم بتغيير حجمه ليلائم جزء الصورة ، ثم انقله إلى الجزء الخلفي من الطبقات واضبط التعتيم على 0٪. ربط الإطارات في النموذج المبدئي.
7. أضف تسميات
قم بتكرار إطار النموذج. أضف عنوانًا ووصفًا لشرح أجزاء من نموذج بالحجم الطبيعي. قم بتجميع النص معًا وقم بتسميته. إذا تستطيع إنشاء مؤشر زجاج مصنفر لنقاطك وخطوطك. قم بتجميع سطر واحد بدائرة واحدة. اصطف المؤشر مع ما يصفه وأضف الوصف بجواره. ربط الإطارات في النموذج المبدئي.
كرر الإطار وأضف مؤشر نقطي آخر بما يصفه. النموذج الأولي هذا مرة أخرى. قم بتكرار كل إطار لكل نقطة نقطية ، بحيث تنتقل كل نقطة نقطية بمفردها.
8. قم بإنهاء العرض التقديمي الخاص بك
كرر الشريحة الأخيرة. اكتب كلمة أخيرة أو كلمتين وقم بتوسيطها. انسخ النص والصقه في الشريحة السابقة.
تصغير النص بالضغط على ك أثناء تحجيمه - يحافظ هذا على تنسيق النص أثناء تصغيره. ضع النص في مكان ما بالقرب من أعلى النموذج وأرسل الطبقة إلى الخلف ، أسفل الصورة. اضبط التعتيم على 0٪. ارجع إلى شريحتك الأخيرة.
انقل جميع الكائنات الأخرى خارج الإطار باستخدام طريقة السحب. سيؤدي الانتقال إلى تحريك كل شيء نحو الجوانب والأعلى بينما يتحرك النص لأسفل من الأعلى ويتوسع. ربط الشرائح في النموذج المبدئي.
9. مشاركة العرض التقديمي الخاص بك فيجما
يمكنك الوصول إلى العرض التقديمي الخاص بك في أي مكان يمكنك فيه تسجيل الدخول إلى حساب Figma الخاص بك أو مشاركة عنوان URL مع الآخرين ، حتى يتمكنوا من المشاهدة من أي مكان. لتقديم العرض التقديمي النهائي مع انتقالاته ، انقر فوق لعب الزر والعرض في وضع ملء الشاشة.
يمكنك أيضًا حفظ الإطارات كملفات PDF ، على الرغم من أنك ستفقد الانتقالات المتحركة بفعل ذلك.
ارفع مستوى عروضك التقديمية مع Figma
لا يقتصر هذا العرض التقديمي على الحد الأدنى ، والذي لن يربك جمهورك ، ولكن الانتقالات احترافية ونظيفة. لا يتطلب الأمر خبيرًا في UI / UX لاستخدام Figma بطريقة تفيد عروضك التقديمية ، بغض النظر عن دورك الوظيفي. قم بالتقديم بثقة ، وسوف تغمرك أسئلة حول كيفية تقديم عرضك.
