دليل
ما السرد بالتمرير (Scrollytelling)؟ وكيف تصنع قصة قائمة على التمرير
السرد بالتمرير (Scrollytelling) طريقة لرواية القصص على الويب يقود فيها التمرير ما يظهر على الشاشة. فكلما نزل القارئ في الصفحة تتبدّل صورة ثابتة، أو يتقدّم فيديو، أو تنتقل خريطة إلى المكان التالي، أو يُرسم مخطط بياني، وكل ذلك متزامن مع النص. اشتهر هذا الأسلوب في غرف الأخبار الكبرى، وصار اليوم بإمكان أي شخص أن يصنعه دون كتابة سطر برمجي.
آخر تحديث:
ما السرد بالتمرير؟
في قصة السرد بالتمرير تصبح الشاشة مسرحًا: يصل النص في بطاقات قصيرة بينما يبقى المشهد خلفه ثابتًا ويتغيّر في اللحظة المناسبة. لا يضغط القارئ زر «التالي» أبدًا؛ فالتمرير هو الخط الزمني للقصة، يبطئ متى شاء ويعود متى أراد ويقرأ على مهله.
- التمرير هو أداة التحكم الوحيدة التي يحتاجها القارئ.
- تبقى المشاهد ثابتة بينما تمرّ فوقها بطاقات نصية قصيرة.
- كل خطوة في النص تُحدث تغييرًا: صورة جديدة، أو موقعًا على الخريطة، أو لقطة من فيديو، أو رقمًا بارزًا.
- يعمل على الهواتف والأجهزة اللوحية وأجهزة سطح المكتب، وبأي لغة، بما فيها اللغات التي تُكتب من اليمين إلى اليسار كالعربية.
السرد بالتمرير مقارنةً بالعرض التقديمي أو الفيديو
يقع السرد بالتمرير بين المقال والعرض التقديمي والفيديو، والفروق بينها تفسّر لماذا يبقى القرّاء معه حتى النهاية.
| الجانب | عرض تقديمي أو فيديو | السرد بالتمرير |
|---|---|---|
| التحكم | تضغط أو تشغّل ثم تشاهد | تمرير القارئ يحرّك القصة إلى الأمام والخلف |
| القراءة | تعليقات قصيرة أو تعليق صوتي | نص كامل يُقرأ بالسرعة التي يريدها القارئ |
| إمكانية الوصول | يصعب البحث فيه أو تصفّحه أو قراءته بقارئ الشاشة | نص ويب حقيقي: قابل للبحث والتصفّح ومناسب لقارئات الشاشة |
| محركات البحث | نص قليل قابل للفهرسة | كل فصل صفحة HTML قابلة للفهرسة |
| البيانات والخرائط | تتحول إلى صور ثابتة | مخططات وخرائط حيّة تتجاوب مع القصة |
تقنيات السرد بالتمرير
الخلفيات الثابتة
صورة أو فيديو أو لون يملأ الشاشة ويبقى ثابتًا بينما تمرّ فوقه بطاقات نصوص الفصل، وهو التصميم الكلاسيكي للسرد بالتمرير.
إطارات التمرير
سلسلة صور تتلاشى إحداها في الأخرى كلما وصلت بطاقة نصية إلى منتصف الشاشة، فتتحول صور «قبل وبعد» أو تتابع اللحظات إلى مشهد واحد متصل.
فيديو مرتبط بالتمرير
بدلًا من أن يعمل الفيديو وحده، يتقدّم ويتراجع مع التمرير تمامًا، فيتحكم القارئ في الزمن.
التنقل على الخريطة
خريطة ثابتة تنتقل من مكان إلى آخر كلما وصلت القصة إلى موقع جديد، وتُبرز العلامة التي يتحدث عنها النص.
التحريك والتكبير
صورة كبيرة واحدة — لوحة أو مخطط أو صورة قمر صناعي — تُستكشف بتحريك الكاميرا من تفصيل إلى آخر.
مخططات وأرقام متحركة
مخططات الأعمدة والخطوط والدوائر تُرسم نفسها، والأرقام الرئيسية تعدّ تصاعديًا عند ظهورها، فتصل البيانات مع الجملة التي تشرحها.
حركة مرتبطة بالتمرير
رسوم Lottie المتحركة يمكن أن تعمل عند ظهورها أو أن تتبع موضع التمرير إطارًا بإطار.
أدوات التنقل
شريط تقدّم القراءة وقائمة فصول تُبرز الفصل الحالي يساعدان القارئ على معرفة موقعه في القصة الطويلة.
كيف تصنع قصة بالسرد بالتمرير دون برمجة
- 1
اكتب النص على شكل فصول
قسّم القصة إلى فصول، وقسّم كل فصل إلى مقاطع قصيرة من جملة إلى ثلاث جمل. كل مقطع لحظة يمكن أن يتغيّر فيها المشهد.
- 2
اختر مشهدًا لكل مقطع
حدّد ما يجب أن يراه القارئ عند كل مقطع: صورة، أو لحظة من فيديو، أو مكانًا على الخريطة، أو رقمًا، أو مخططًا.
- 3
أنشئ قسمًا لكل فصل
في StoryFlowBuilder أضف قسمًا لكل فصل واجعل له خلفية ثابتة: صورة أو فيديو أو خريطة.
- 4
أضف البطاقات النصية واربط التغييرات بها
ضع بطاقة نصية لكل مقطع، واربط إطارات التمرير أو علامات الخريطة أو ظهور المخططات ببطاقاتها، ليتغيّر المشهد تمامًا حين تصل البطاقة إلى منتصف الشاشة.
- 5
أضف الإيقاع وأدوات التنقل
استخدم حركات الظهور باعتدال، ثم أضف قائمة الفصول وشريط تقدّم القراءة وإشارة التمرير ليعرف القرّاء طريقهم.
- 6
راجع الهواتف ووضع تقليل الحركة
عاين نسخ سطح المكتب والجهاز اللوحي والهاتف، وعدّل المواضع للشاشات الصغيرة، وتأكد أن القصة تبقى مقروءة لمن يوقفون الحركة.
- 7
انشر أو صدّر
انشر القصة في صفحة خاصة بها على StoryFlowBuilder، أو صدّرها حزمة HTML5 مستقلة لتستضيفها على موقعك.
اصنع قصص السرد بالتمرير مع StoryFlowBuilder
StoryFlowBuilder محرر للسرد بالتمرير يعمل في المتصفح دون برمجة. الخلفيات الثابتة، وإطارات التمرير، والفيديو المرتبط بالتمرير، وخلفيات الخرائط التي تنتقل بين العلامات، والمخططات المتحركة، وLottie، وقوائم الفصول، وأشرطة التقدّم، كلها إعدادات في لوحة جانبية — بلا برمجة ولا إضافات. تعمل القصص على كل أحجام الشاشات، وتدعم العربية وسائر اللغات التي تُكتب من اليمين إلى اليسار، ويمكن نشرها على الإنترنت أو تصديرها ملفات ويب قياسية.
اطّلع على كل مزايا StoryFlowBuilder →من يستخدم السرد بالتمرير؟
يستخدمه الصحفيون في التحقيقات وتغطية الانتخابات وقصص المناخ، والمنظمات غير الحكومية والباحثون في التقارير التي تحتاج إلى أدلة، والجامعات والمتاحف في الشروح الموجّهة والمعارض الافتراضية، والعلامات التجارية في إطلاق المنتجات والتقارير السنوية التي يُكملها الناس فعلًا.
تعرّف أكثر إلى StoryFlowBuilder →