"ربط الصور بالنص: القرب والمحاذاة"

1. مبدأ القرب (Proximity): تجميع العناصر المتشابهة

مبدأ القرب بسيط وقوي للغاية: العناصر القريبة من بعضها البعض تبدو وكأنها مرتبطة. عندما يرى القارئ صورة وتعليقاً نصياً متلاصقين، سيفهم فوراً أن هذا النص يصف تلك الصورة. وعلى العكس، فإن ترك مسافة كبيرة بينهما يكسر هذا الرابط الذهني.

لنفهم هذا المبدأ بشكل أعمق، لنقرأ هذا الشرح المبسط من أكاديمية حسوب.

إن تجاهل هذا المبدأ يجعل التصميم مربكاً للقارئ. يجب ألا يضطر القارئ أبداً إلى التخمين أو البحث ليعرف أي تعليق يخص أي صورة. شاهد هذا المقطع القصير الذي يؤكد على هذه النقطة الهامة.

2. مبدأ المحاذاة (Alignment): خلق النظام والاتصال البصري

إذا كان القرب يجمع العناصر معاً، فإن المحاذاة هي التي تنظمها وتخلق بينها اتصالاً بصرياً نظيفاً ومنظماً. المحاذاة تعني وضع العناصر على طول خط وهمي مشترك (سواء كان حافة أو مركزاً). عندما تقوم بمحاذاة تعليق نصي مع حافة الصورة، فإنك تقول بصرياً: "هذان العنصران ينتميان لبعضهما البعض بشكل متعمد".

لنعد إلى المقال السابق من أكاديمية حسوب لنرى كيف يوضح هذا المفهوم.

لتعزيز فهمك، اقرأ هذا الشرح الإضافي من مدونة خمسات الذي يوضح أهمية المحاذاة في تنظيم التصميم.

إذن القاعدة بسيطة:

• القرب: ضع التعليق النصي قريباً من صورته.
• المحاذاة: قم بمحاذاة التعليق النصي مع حافة الصورة (اليسرى، اليمنى، أو المركزية).

3. التطبيق العملي في Affinity Publisher: استخدام ميزة "التعليقات التوضيحية"

الآن بعد أن فهمنا المبادئ النظرية، حان وقت التطبيق. يمكنك بالطبع وضع إطار نصي يدوياً بجوار كل صورة، ولكن Affinity Publisher يوفر أداة أكثر احترافية وفعالية تضمن تطبيق هذه المبادئ بشكل مثالي: التعليقات التوضيحية (Captions).

هذه الميزة تقوم تلقائياً بإنشاء تعليق مرتبط بالصورة، وتتيح لك التحكم الكامل في موضعه ومسافته وتنسيقه.

لنتعرف على أهم الإعدادات في هذه النافذة:

• Position (الموضع): هنا تختار مكان ظهور التعليق بالنسبة للصورة (مثلاً، "Below Image" - أسفل الصورة). هذا هو تطبيقك المباشر لمبدأ القرب.
• Offset (الإزاحة): هذه هي المسافة الدقيقة بين الصورة والتعليق. تتيح لك التحكم في "مقدار" القرب. مسافة صغيرة جداً قد تبدو مزدحمة، ومسافة كبيرة جداً قد تضعف الرابط البصري.
• Paragraph Style (نمط الفقرة): يتيح لك هذا الخيار تطبيق تنسيق موحد (نوع الخط، حجمه، لونه) على جميع التعليقات في كتابك. سنتحدث عن الأنماط بالتفصيل لاحقاً، ولكنها أداة قوية جداً لتحقيق الاتساق.
• Group caption with image (تجميع التعليق مع الصورة): هذا الخيار بالغ الأهمية. عند تحديده، سيتم التعامل مع الصورة وتعليقها كوحدة واحدة. إذا قمت بتحريك الصورة، سيتحرك التعليق معها، مما يحافظ على مبدأ القرب بشكل دائم.

4. تمرين عملي: إضافة تعليقات لصورك

حان دورك للتطبيق. افتح الملف الذي عملت عليه في الدرس السابق (الذي يحتوي على تخطيط متعدد الصور).

1. اختر صورة: حدد إحدى الصور في تصميمك.
2. أضف تعليقاً: اذهب إلى القائمة العلوية واختر Text > Insert > Caption. ستلاحظ ظهور إطار نصي مرتبط بالصورة.
3. اكتب التعليق: انقر داخل الإطار النصي الجديد واكتب تعليقاً بسيطاً للصورة.
4. اضبط الإعدادات:
   • اذهب إلى Text > Caption Setup... لفتح نافذة الإعدادات التي رأيناها أعلاه.
   • جرّب المواضع المختلفة: اختر "Below Image" (أسفل الصورة) ثم "Right of Image" (يمين الصورة) لترى الفرق.
   • تحكم في المسافة: قم بزيادة قيمة "Offset" وتقليلها لتلاحظ كيف تتغير المسافة بين الصورة والتعليق. ابحث عن المسافة التي تبدو متوازنة ومريحة للعين.
   • تأكد من التجميع: تأكد من تحديد خيار "Group caption with image". الآن، حاول تحريك الصورة. يجب أن يتحرك التعليق معها.
5. كرر العملية: قم بإضافة تعليقات لبقية الصور في تصميمك، وحاول الحفاظ على اتساق الإعدادات (نفس الموضع ونفس المسافة) لتحقيق مظهر احترافي.

هذا التمرين سيمنحك السيطرة الكاملة على العلاقة بين صورك ونصوصها، وهي مهارة أساسية لا غنى عنها لأي مصمم كتب.

خلاصة الدرس

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

أهم النقاط التي تعلمتها:

• مبدأ القرب: العناصر المرتبطة (صورة وتعليقها) يجب أن تكون قريبة من بعضها بصرياً.
• مبدأ المحاذاة: محاذاة التعليق مع حافة الصورة يخلق اتصالاً بصرياً نظيفاً ومنظماً.
• أداة Captions في Affinity Publisher هي الطريقة الاحترافية لتطبيق هذه المبادئ، مما يضمن الدقة والاتساق وسهولة التعديل.
• التحكم في الموضع (Position) والإزاحة (Offset) وتفعيل التجميع (Grouping) هي مفاتيح استخدام هذه الأداة بفعالية.

في الدرس القادم:

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