freeCodeCamp/guide/arabic/visual-design/wireframing/index.md

25 lines
1.6 KiB
Markdown

---
title: Wireframing
localeTitle: Wireframing
---
## Wireframing
يُعد الإطار السلكي بمثابة رسم توضيحي ثنائي الأبعاد لواجهة الصفحة يركز بشكل خاص على تخصيص المساحة وترتيب أولويات المحتوى والوظائف المتاحة والسلوكيات المقصودة.
Wireframing هي طريقة لتصميم تطبيق على المستوى الهيكلي. يُستخدم عادةً إطار سلكي لإدراج المحتوى والوظائف على صفحة تأخذ في الاعتبار احتياجات المستخدم ورحلات المستخدم. يتم استخدام الأطر في مرحلة مبكرة من عملية التطوير لإنشاء البنية الأساسية لصفحة لهذه الأسباب ، وعادةً لا تتضمن الأطر الزمنية أي تصميم أو لون أو رسومات. تساعد الأرتال الهابطة أيضًا في إنشاء العلاقات بين النماذج المختلفة لموقع الويب.
ابحث عن موارد إضافية على Wireframing [هنا](http://www.experienceux.co.uk/faqs/what-is-wireframing/)
[
## ادوات سلكية
* * *
](http://www.experienceux.co.uk/faqs/what-is-wireframing/)
[](http://www.experienceux.co.uk/faqs/what-is-wireframing/)* [](http://www.experienceux.co.uk/faqs/what-is-wireframing/)[أعجوبة](https://marvelapp.com/home)
* [إنفجن](https://www.invisionapp.com/)
* [بروتو التطبيق](https://proto.io/)
* [Lucidchart](https://www.lucidchart.com/pages/examples/wireframe_software/)
* [قلم](http://pencil.evolus.vn/Default.html/)