كيفية إنشاء وإضافة نماذج بالأحجام الطبيعية لتصميمات Figma الخاصة بك باستخدام الإضافات

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

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

كيفية البحث عن ملحقات Figma وتنزيلها

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

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

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

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

بمجرد العثور على مكون إضافي تريد تنزيله ، انقر على الزر الأزرق تثبيت زر.

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

• نماذج ثلاثية الأبعاد من كلاي
• زاوية النماذج بالحجم الطبيعي
• MockRocket - نماذج بالأحجام الطبيعية ثلاثية الأبعاد
• يسخر يصل
• عناصر ثلاثية الأبعاد

كيفية استخدام ملحقات Mockup في Figma

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

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

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

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

سنوضح لك كيفية استخدام ثلاثة من المكونات الإضافية المقترحة لدينا: نماذج بالحجم الطبيعي ثلاثية الأبعاد من طراز Clay ، ونماذج Angle Mockups ، و Vectory 3D Elements. دعنا ننتقل مباشرة.

نماذج ثلاثية الأبعاد من كلاي

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

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

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

زاوية النماذج بالحجم الطبيعي

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

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

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

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

ابحث عن زاوية الجهاز التي تريد استخدامها لنموذجك الطبيعي وانسخه (جم + ج لنظام التشغيل Mac أو جtrl + ج للنوافذ). الصقها (جmd + V لنظام التشغيل Mac أو جtrl + V. لنظام التشغيل Windows) في نفس لوح الرسم مثل تصميمك الرئيسي.

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

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

عناصر ثلاثية الأبعاد

يعمل Vectary 3D بشكل مشابه لـ Clay Mockups 3D ، على الرغم من أنه يحتوي على خيارات أقل لنماذج بالأحجام الطبيعية للأجهزة لأنه يوفر أيضًا مجموعة متنوعة من الأصول ثلاثية الأبعاد. افتح تصميمك ، وحدد الإطار ، وانتقل إلى الإضافات> عناصر ثلاثية الأبعاد.

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

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

بمجرد اكتمال النموذج ، يمكنك حفظه كملف PNG لاستخدامه بسهولة في تصميم آخر. انقر ملف> تصدير. حدد الصورة التي اخترتها للتصدير ، ثم انقر فوق يصدّر لصيغة PNG النهائية.

أضف الواقعية إلى تصميماتك مع نماذج فيجما بالأحجام الطبيعية

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

مع وجود بعض الاختلافات في التطبيق ، من السهل الوصول إلى المكونات الإضافية لـ Figma mockup واستخدامها ، فلماذا لا تجربها؟

كيفية إنشاء قوالب رئيسية للعروض التقديمية في Figma

اقرأ التالي