# اختيار الصور والخطوط والألوان

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

## حدد وظيفة الصورة قبل اختيارها

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

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

## ابنِ تسلسلًا بسيطًا للخطوط

قد تكفي عائلة أو عائلتان لموقع صغير. ميز العنوان والنص والوسم والملاحظة بالحجم والوزن والمسافة. تجنب النص الأساسي الخفيف أو المتقارب جدًا. جرّب فقرات المقالات والصفحات القانونية الفعلية، وليس العناوين القصيرة في النموذج فقط.

تحقق من دعم أحرف كل لغة. الخط الجميل باللاتينية قد لا يخدم العربية أو الهندية. اختر بديلًا مناسبًا وراجع ارتفاع السطر. لا يلزم تحميل ملفات ضخمة لكل لغات العالم إلى كل زائر؛ يمكن توزيع الموارد حسب الأحرف المستخدمة.

## استخدم اللون لتوضيح القرار

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

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

## قائمة عملية

- احفظ التراخيص
- جرب العناوين الطويلة
- افحص التباين

**مثال واضح:** يمكن للمقهى الجمع بين صور دافئة وقائمة نصية واضحة.

**حد ينبغي توضيحه:** قد توحي الصورة المرخصة بمكان غير موجود فتظل مضللة.

## الخطوة التالية

[أخبر Orvunweb عن مشروعك](/ar/ابدأ-مشروعك/)

## قراءات مرتبطة

- [قالب جاهز أم تصميم ملائم للنشاط؟](/ar/المدونة/قالب-جاهز-أم-تصميم-ملائم-للنشاط/)
- [إعداد الصور للويب](/ar/المدونة/إعداد-الصور-للويب/)
- [عرض محفظة أعمال معمارية](/ar/المدونة/عرض-محفظة-أعمال-معمارية/)
- [خدمة موقع الأعمال](/ar/الخدمات/موقع-الأعمال/)
- [قارن الباقات](/ar/الباقات/)


## الخدمات المرتبطة

- [موقع تعريفي للأعمال](/ar/الخدمات/موقع-الأعمال/)

---

Locale: ar
Canonical: https://orvunweb.com/ar/المدونة/اختيار-الصور-والخطوط-والألوان/
Updated: 2026-09-16


- [W3C WAI — Images](https://www.w3.org/WAI/tutorials/images/)