31 lines
1.6 KiB
Markdown
31 lines
1.6 KiB
Markdown
|
---
|
||
|
|
title: Visual Hierarchy
|
||
|
|
localeTitle: التسلسل الهرمي المرئي
|
||
|
|
---
|
||
|
|
## التسلسل الهرمي المرئي
|
||
|
|
|
||
|
|
التسلسل الهرمي المرئي هو تنظيم وعرض المحتوى. يمكنك استخدام التسلسل الهرمي المرئي لتركيز انتباه المستخدمين وإظهار المكان الأكثر أهمية.
|
||
|
|
|
||
|
|
ما تحتاج إلى تذكره أثناء إنشاء التسلسل الهرمي للمحتوى الخاص بك هو أنها كلها نسبية. يجب تمييز الأجزاء التي تريد تمييزها عن الأجزاء الأخرى من محتواك.
|
||
|
|
|
||
|
|
يمكنك تحقيق التسلسل الهرمي المرئي بعدة طرق ، بما في ذلك (على سبيل المثال لا الحصر):
|
||
|
|
|
||
|
|
* بحجم
|
||
|
|
* اللون والتباين
|
||
|
|
* العناوين والعناوين الفرعية
|
||
|
|
* طباعة
|
||
|
|
* مساحة بيضاء أو فارغة
|
||
|
|
* الملمس
|
||
|
|
* موضع
|
||
|
|
* اتجاه
|
||
|
|
* التخطيط العام
|
||
|
|
|
||
|
|
#### معلومات اكثر:
|
||
|
|
|
||
|
|
أدوات لإنشاء تدرج مرئي: [مدونة مدرسة التصميم](https://designschool.canva.com/blog/visual-hierarchy/)
|
||
|
|
|
||
|
|
6 مبادئ التسلسل الهرمي: [99 التصاميم بلوق](https://99designs.com/blog/tips/6-principles-of-visual-hierarchy/)
|
||
|
|
|
||
|
|
دراسة حالة - تحسين صفحة مع التسلسل الهرمي المرئي: [المدونة](http://blog.formedfunction.com/post/3029763425/on-visual-hierarchy)
|
||
|
|
|
||
|
|
إضافة التسلسل الهرمي المرئي: [متوسط](https://medium.com/designed-thought/8-ways-to-add-visual-hierarchy-8820be73218a/)
|