Advertisement
  1. Web Design
  2. UX/UI
  3. Prototyping

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

Scroll to top
Read Time: 1 min
This post is part of a series called 60 Second Video Tutorials.
Create a “Coming Soon” Page in 60 Seconds

() translation by (you can also view the original English article)

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

شاهد الفيديو

كيف نفعل ذلك

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

ShapesShapesShapes
Shapes > window

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

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

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

Stree-etch

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

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

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

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

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

انتهينا

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

wireframe Sketch app templateswireframe Sketch app templateswireframe Sketch app templates
قوالب Wireframing لبرنامج Sketch على Themeforest
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
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.