ما هو التمرير؟ بالإضافة إلى 4 أمثلة حقيقية للتمرير

إذا كنت تعمل مع محتوى رقمي، فربما تكون قد سمعت عن “السرد التمريري”. ومع ذلك، فإن ممارسة التصميم الجذابة هذه جديدة نسبيًا. لذا، ربما تتساءل عن كيفية عملها وما هي أنواع المواقع التي يمكنها تنفيذ هذه التقنية.

لحسن الحظ، يعد Scrolytelling أمرًا بسيطًا جدًا، ويمكن لجميع أنواع مالكي المواقع استخدامه لجذب انتباه مستخدميهم. بالإضافة إلى ذلك، تتيح لك الكثير من سمات WordPress إمكانية إعدادها على موقع الويب الخاص بك.

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

ما هو التمرير؟

“Scrollytelling” هو جهاز سرد رقمي يروي قصة عموديًا، ويتطلب من المستخدمين التمرير. بدأ اتجاه تصميم الويب هذا في اكتساب المزيد من الاهتمام في السنوات القليلة الماضية:

سنشارك بعض الأمثلة الإضافية لسرد التمرير أدناه، لكن الفكرة الأساسية هي أنه غالبًا ما يتضمن الكثير من الصور والرسومات الجذابة ذات العرض الكامل. 

بالإضافة إلى ذلك، قد يحتوي على عناصر تصميم متقدمة مثل التمرير المنظر وصور GIF والرسوم المتحركة.

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

على سبيل المثال، قد يكون من المفيد إذا كنت بحاجة إلى تقديم مشروع لمرة واحدة بشكل منفصل عن بقية المحتوى الخاص بك.

الميزة الرئيسية لـ Scrolytelling هي أنها يمكن أن تخلق تجربة مستخدم جذابة للغاية (UX). 

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

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

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

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

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

من ناحية أخرى، هناك الكثير من سمات WordPress المتوافقة مع ميزات التمرير. 

بالإضافة إلى ذلك، تمكنك مكونات WordPress الإضافية من إضافة وظائف واسعة النطاق إلى موقعك. لذلك، فإن الاستفادة من Scrolytelling كمبتدئ في WordPress أمر ممكن تمامًا.

أربعة أمثلة لسرد التمرير

الآن بعد أن عرفت القليل عن هذه الطريقة الإبداعية لتوصيل قصتك، سنشارك بعض أمثلة السرد التمريري لإلهامك! لتسهيل الأمور، سنتناول أربعة أنواع مختلفة من مواقع الويب التي يمكن أن تستفيد من استخدام أسلوب Scrolytelling ونشارك مثالًا حقيقيًا لكل نوع.

  • المنشورات
  • العلامة التجارية
  • منظمات غير ربحية
  • الإبداع / التركيز على الفن

1. المنشورات

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

على سبيل المثال، غالبًا ما تستخدم مجلة Pitchfork الموسيقية الشهيرة رسومات ورسوم متحركة مثيرة للإعجاب في قصص غلافها:

النسخة الرقمية من القصة المذكورة أعلاه حول Daft Punk تجذب انتباهك على الفور من خلال صورة GIF. وبعد ذلك، يمكنك رؤية صور الفنانين متناثرة في كل مكان. علاوة على ذلك، فهو يستخدم عمودين بسيطين لإنشاء تصميم مذهل.

يتم أيضًا عرض علامات الاقتباس بشكل بارز في نقاط مختلفة من القصة، مما يسلط الضوء على أفكار الفنان الأكثر إثارة للاهتمام. 

يعد هذا التنسيق شائعًا في سرد ​​التمرير في المجلات لأن هذه الاقتباسات تجعل القصص الطويلة أكثر قابلية للتصفح وتسمح للقراء بالوصول إلى الرسالة “الوجبات الجاهزة” بشكل أسرع.

2. العلامة التجارية

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

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

على سبيل المثال، تستخدم شركة BelArosa Chalet للسكن الفاخر أسلوب التمرير بشكل فعال:

كما ترون، يظل هذا الموقع المذهل كلاسيكيًا وبسيطًا مع استخدام الكثير من الصور الممتعة. هنا، يصف شاليه BelArosa ما قد يشعر به العملاء عندما يختارون الإقامة معهم. يخلق هذا التصميم تأثيرًا يشبه كتاب الصور تقريبًا.

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

3. المنظمات غير الربحية

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

علاوة على ذلك، فهو رائع بالنسبة لبعض المستندات الشائعة المرتبطة بالمنظمات غير الربحية، مثل الجداول الزمنية والتقارير السنوية. 

على سبيل المثال، استخدمت جمعية المساعدة القانونية في نيويورك أسلوب التمرير في تقريرها السنوي لعام 2021 [1]:

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

من خلال اختيار التمرير في هذه الحالة، تجعل المؤسسة غير الربحية ملخصها السنوي أكثر قابلية للقراءة ويمكن الوصول إليه. 

لذلك، يمكن للمستخدمين بسهولة فهم أبرز أحداث العام والنقر على أي موضوعات تهمهم. ضع في اعتبارك أن سرد التمرير يمكن أن يكون مفيدًا أيضًا بشكل خاص لصفحات ” حول ” أو “بيان المهمة”.

4. التركيز على الإبداع/الفن

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

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

بهذه الطريقة، لن تكون مقيدًا بأي نمط معين، ويمكنك بسهولة عرض أشياء مثل الفن أو الخدمات الإبداعية.

ويعد موقع Mirrows الإلكتروني مثالاً فريدًا على ذلك:

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

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

علاوة على ذلك، تبدو القائمة الموجودة أعلى الصفحة وكأنها في حلقة لا نهائية، لتنضم إليك في رحلتك عبر الصفحة. 

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

ما هي سمات WordPress التي يمكنك استخدامها لسرد التمرير؟

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

علاوة على ذلك، تأتي العديد من القوالب مع مواقع البدء التي يمكن أن تساعدك على تجنب الكثير من الأعمال الأولية المطلوبة لميزات التصميم الأساسية.

لذلك، ربما تتساءل عن سمات WordPress التي يمكنك استخدامها للسرد التمريري. 

الخبر السار هو أنه عندما يتعلق الأمر بذلك، فإن معظم السمات جيدة التصميم والمستجيبة يمكن أن تستوعب العديد من عناصر التصميم المتطورة للغاية.

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

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

يعد Neve خيارًا مجانيًا ممتازًا إذا كنت مهتمًا بتجربة سرد التمرير:

ما هي سمات WordPress

وذلك لأنه سريع ويتضمن بعض ميزات التمرير المنظر المضمنة. بعد تثبيت هذا المظهر وتنشيطه، يمكنك معاينة هذه الميزات بسهولة بالانتقال إلى المظهر → خيارات Neve → مشاهدة العروض التوضيحية.

يتكامل Neve بسلاسة مع المكونات الإضافية المنظرة مثل خلفيات WordPress المتقدمة. بالإضافة إلى ذلك، يتيح لك الإصدار الاحترافي إنشاء رؤوس لاصقة، والتي غالبًا ما تكون مفيدة للسرد التمريري.

بالإضافة إلى ذلك، يتمتع منشئ صفحات Elementor بالكثير من الإمكانات عندما يتعلق الأمر بميزات اختلاف المنظر. نظرًا لأن Neve يتيح لك التحرير باستخدام Elementor، يمكنك فتح العديد من الميزات المفيدة للسرد التمريري.

المصدر: themeisle

شاهد ايضا:

ترجمة عربي انجليزي

ترجمة هولندي عربي

إنشاء حساب بنك الرياض

إنشاء حساب بنك دبي الإسلامي

إنشاء حساب البنك السعودي للاستثمار

فتح حساب البنك الأهلي التجاري

إنشاء حساب سناب شات

إنشاء حساب أبل ستور

أفضل استضافة ووردبريس

أنت تستخدم إضافة Adblock

يعتمد موقع انشاء على الاعلانات كمصدر لدعم الموقع، يجب عليك ايقاف تشغيل حاجب الاعلانات لمشاهدة المحتوي