Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Prototyping
Webdesign

إنشاء نموذج واجهة اولي لـLo-fi في 60 ثانية

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
Create a “Coming Soon” Page in 60 Seconds

Arabic (العربية/عربي) translation by Ali Atwa (you can also view the original English article)

لنقم بإنشاء نموذج أولى لـLo Fi، في 60ثانية، باستخدام مجموعة MadKit Sketch من منصة Themeforest!

شاهد الفيديو

كيف نفعل ذلك

إنشئ صفحة جديدة في نسخة مكررة من ملف (MadKit (Lo-Fi UI اذهب الى Insert > Symbols > Base > Shapes > Window لعمل نافذة للقالب

Shapes
Shapes > window

أيضا في إطار الأشكال اسحب browser-header، ومن ثم إعطي النموذج الاولي اسم.

المحتوى هو الملك

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

Stree-etch

مدد حجم النافذة حتى تلائم حجم المحتوى:

stretch window
مدد حجم نافذة الاشكال

الآن حدد كل قطع المحتوى السته، انقر بالزر الأيمن على قائمة الطبقات، وحدد خيار Detach from Symbol. في خلفية الفيديو قم إخفاء القاعدة/الأشكال/الإطار وعين نصف قطر دائرة الفيديو إلى 0.

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

وأخيراً،اسحب نافذة المتصفح ورموز الرأس إلى أعلى القائمة.

انتهينا

هذه هي طريقة عمل نموذج lo-fi UI في 60 ثانية! تاكد من أن تحقق من اخر المنتجات للنماذج الاولية لبرنامج Sketch على Themeforest:

wireframe Sketch app templates
قوالب Wireframing لبرنامج Sketch على Themeforest
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.