أهلاً بك! في درسنا السابق، تعلمنا كيفية تحقيق التوازن البصري عند وضع صورة واحدة مقابل كتلة نصية، وهي مهارة أساسية تمنح الصفحة استقراراً وجمالاً. لقد أتقنت الآن مبدأ الوزن البصري والتوازن غير المتماثل.
في هذا الدرس، سننتقل خطوة إلى الأمام ونتعامل مع تحدٍ أكثر ديناميكية وإثارة: إنشاء تسلسل بصري باستخدام أحجام ومواضع صور مختلفة في تخطيط متعدد الصور. بدلاً من موازنة صورة واحدة، ستتعلم كيف توجه عين القارئ عبر رحلة بصرية مدروسة بين عدة صور، مما يخلق إيقاعاً وقصة بصرية. هذه المهارة لا غنى عنها في تصميم الكتب المصورة، والمجلات، وكتب السفر، وأي مطبوعة تعتمد بشكل كبير على السرد البصري.
1. ما هو التسلسل البصري (Visual Hierarchy)؟
عندما ننظر إلى صفحة تحتوي على عدة عناصر، لا تراها أعيننا كلها مرة واحدة. بل تقفز من عنصر لآخر بترتيب معين. التسلسل البصري هو فن ترتيب العناصر لتوجيه هذه القفزات، بحيث يرى القارئ العنصر الأكثر أهمية أولاً، ثم الثاني في الأهمية، وهكذا. في سياق الصور المتعددة، هذا يعني أننا سنقرر أي صورة يجب أن تجذب الانتباه أولاً، وأي الصور تليها.
لفهم هذا المفهوم بشكل أعمق، لنبدأ بمقال ممتاز من أكاديمية حسوب.
التسلسل المرئي Visual Hierarchy: تنظيم المحتوى ليوافق حركات ...
يشرح هذا المقال بوضوح مفهوم التسلسل المرئي والعوامل التي تؤثر فيه.
اقرأ المقدمة لفهم تعريف التسلسل المرئي وأهميته في توجيه عين المستخدم. ركز جيداً على قسم "الحجم" (Size) ضمن "مبادئ التسلسل". ستلاحظ أن هذا هو المبدأ الأساسي الذي سنعتمد عليه اليوم: "يزداد جذب العنصر للانتباه بزيادة حجمه".
إذن، أداتنا الرئيسية لإنشاء تسلسل بصري بين الصور هي الحجم. الصورة الأكبر حجماً ستكون نقطة البداية في رحلة القارئ البصرية.
2. الصورة "البطلة" ومركز التأثير البصري
في أي تخطيط يحتوي على صور متعددة، من الضروري تحديد صورة واحدة لتكون "البطل" أو "نقطة الدخول" البصرية. هذه الصورة، التي يجب أن تكون الأكبر والأكثر تأثيراً، تسمى مركز التأثير البصري.
[PDF] المعالجات التيبوجرافية وتأثيرها على المحتوى البصرى للمجالت الرقمية
هذا البحث الأكاديمي يحتوي على رؤى قيمة حول استخدام الصور في تصميم المطبوعات.
ابحث عن قسم بعنوان "مركز التأثير البصري للصور" (Center of visual impact) واقرأه بعناية. لاحظ القاعدة الهامة التي يذكرها: "يجب أن يكون [حجم] الصورة الفوتوغرافية الأولى أو الرسم التوضيحي أكبر بثلاث مرات من أي صورة أخرى على الصفحة لتوفير المدخل المرئي". بعد ذلك، اقرأ قسم "أسس إستخدام الصور" (Principles of using Images). ركز على النقطتين 2 و 6، اللتين تؤكدان على أهمية استخدام أحجام مختلفة للصور وتجنب التوازن الثابت.
الفكرة الأساسية هنا هي كسر الرتابة. بدلاً من وضع صور بنفس الحجم، فإن وجود صورة "بطلة" كبيرة وعدة صور "داعمة" أصغر يخلق اهتماماً بصرياً ويوجه العين بشكل طبيعي.
3. تطبيق عملي: بناء تخطيط متعدد الصور في Affinity Publisher
الآن بعد أن فهمنا النظرية، حان وقت التطبيق. سنستخدم فيديو عملي يوضح كيفية إنشاء هذه التخطيطات في Affinity Publisher.
How to create Basic Photo Book Layouts in Adobe InDesign/Affinity Publisher | Tutorial
يقدم هذا الفيديو من قناة Photo Book Guru خطوات عملية لإنشاء تخطيطات كتب صور. على الرغم من أن الشرح باللغة الإنجليزية، فإن التركيز على الخطوات المرئية في برنامج Affinity Publisher سيجعلها واضحة تماماً.
شاهد أولاً الجزء الذي يوضح كيفية إنشاء تخطيط شبكي متساوٍ. هذه هي الطريقة لإنشاء تخطيط "بدون" تسلسل هرمي واضح، حيث كل الصور لها نفس الأهمية. إنها نقطة بداية جيدة للمقارنة. الآن، شاهد الجزء الأهم: تخطيط متنوع. هنا، يقوم المصمم بدمج صورة كبيرة تمتد على كامل عرض الصفحة (الصورة البطلة) مع عدة صور أصغر ونص. لاحظ كيف تخلق هذه الطريقة تسلسلاً بصرياً فورياً وتصميماً أكثر جاذبية.
4. توجيه العين: من الخطاف إلى النهاية
الآن بعد أن عرفت كيفية إنشاء تخطيط بصور ذات أحجام مختلفة، لنناقش لماذا نرتبها بطريقة معينة. هدفنا هو إنشاء مسار واضح للعين. يمكننا التفكير في هذا المسار باستخدام "قاعدة التدفق الثلاثي":
- الخطّاف (The Hook): هذا هو العنصر الذي يجذب العين أولاً. في حالتنا، ستكون هذه هي الصورة الأكبر حجماً (الصورة البطلة).
- التفاصيل الثانوية (Secondary Details): بعد أن تجذب الصورة الكبيرة انتباه القارئ، ستبدأ عينه بالبحث عن المعلومات التالية. هذه هي الصور الأصغر حجماً التي تقدم تفاصيل إضافية أو وجهات نظر مختلفة.
- النهاية (The Finisher): هذا هو المكان الذي تستقر فيه العين في النهاية، وقد يكون تعليقاً نصياً، أو آخر صورة في السلسلة، أو حتى مساحة فارغة.
شاهد هذا المقطع القصير الذي يشرح هذه الفكرة بوضوح.
MASTER Hierarchy For Non-Amateur Graphic Designs In 2026
يستعرض هذا الفيديو من قناة Satori Graphics مفهوم التسلسل الهرمي المبني على الحجم.
شاهد الجزء الذي يتحدث عن الحجم. ركز على فكرة "الخطاف، التفاصيل الثانوية، والنهاية" (The hook, the secondary detail, and the finisher). هذا هو جوهر إنشاء التسلسل البصري.
تمرين عملي:
افتح Affinity Publisher وقم بإنشاء مستند جديد بصفحتين متقابلتين (facing pages).
- اختر صورك: اختر صورة رئيسية (البطلة) و 3-4 صور ثانوية مرتبطة بها. على سبيل المثال: صورة واسعة لمشهد طبيعي (البطلة)، وصور مقربة للزهور أو الصخور في نفس المشهد (الثانوية).
- ضع الخطّاف: ضع الصورة "البطلة" بحجم كبير. يمكنك جعلها تمتد عبر جزء كبير من إحدى الصفحتين.
- وزّع التفاصيل: الآن، قم بتوزيع الصور الثانوية الأصغر حول الصورة البطلة. جرب ترتيبها بطريقة تتبع مسار العين الطبيعي (من اليمين إلى اليسار في اللغة العربية). على سبيل المثال، إذا كانت الصورة الكبيرة في أعلى اليمين، حاول وضع الصور الأصغر في مسار قطري نحو أسفل اليسار.
- راجع تصميمك: ابتعد قليلاً عن الشاشة أو صغّر العرض. هل تشعر أن عينك تنجذب إلى الصورة الكبيرة أولاً ثم تتبع مساراً منطقياً عبر الصور الأصغر؟ إذا كانت عينك تقفز بشكل عشوائي، حاول تعديل مواضع وأحجام الصور حتى تشعر بتدفق بصري سلس.
خلاصة الدرس
لقد تعلمت في هذا الدرس كيفية الارتقاء بتصميماتك من مجرد وضع مجموعة صور على الصفحة إلى تنظيمها بشكل احترافي لخلق قصة بصرية.
أهم النقاط التي تعلمتها:
- التسلسل البصري هو مفتاح توجيه عين القارئ في التخطيطات متعددة الصور.
- الحجم هو أقوى أداة لإنشاء هذا التسلسل؛ الصورة الأكبر تجذب الانتباه أولاً.
- يجب أن يحتوي كل تخطيط متعدد الصور على صورة "بطلة" تعمل كـ "مركز تأثير بصري" أو "خطّاف".
- الصور الثانوية الأصغر تدعم القصة وتقدم تفاصيل إضافية.
- الهدف هو ترتيب الصور لإنشاء مسار بصري واضح ومنطقي للقارئ.
في الدرس القادم:
بعد أن أتقنت وضع الصور في تسلسل بصري، الخطوة التالية هي ربط هذه الصور بالمعلومات النصية المصاحبة لها. في الدرس القادم، سنتعلم "استخدام مبادئ القرب والمحاذاة لربط الصور بتعليقاتها النصية بشكل فعال".