14 أمثلة جميلة لتخطيطات المجلات في تصميم الويب

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

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

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

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

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

زمن

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

أحد أسرار نجاح سهولة استخدام هذا الموقع وقابليته للقراءة هو الاعتماد على التسلسل الهرمي المرئي . يمكن للزائر دائمًا رؤية القصة المميزة للحظة.

الحافة

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

التصميم يرضي العين أيضًا. ولا يستغرق تصفح قائمة المقالات سوى ثانية أو ثانيتين. يتم أحيانًا تقسيم الصفحات الداخلية إلى مجموعات دائرية من الصور المصغرة - مما يسهل التنقل إلى قصة معينة أو موضوع مثير للاهتمام.

نيويوركر

لن يخيب أمل المعجبين بالنسخة الورقية من The New Yorker في تخطيط النسخة عبر الإنترنت. يتم التركيز بشكل أساسي على المحتوى ، ويكون أسلوب التخطيط بسيطًا وجذابًا.

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

سلكي

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

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

نيوزويك

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

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

بلومبرج

لقد أصبح موقع Bloomberg.com وجهة رقمية للكثيرين نظرًا لقدرته على تقديم تجربة إخبارية تقدم أخبارًا مُحدثة وتقوم بذلك بتنسيق حديث وسهل الاستخدام.

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

جي كيو

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

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

ناشيونال جيوغرافيك

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

مسار الطريق

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

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

فانيتي فير

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

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

مرات لوس انجليس

نجحت LA Times في إنشاء واحد من أكبر مواقع الويب سريعة الاستجابة على الإطلاق . يمكن للقراء الحصول على نفس التجربة العالمية في قراءة واحدة من أكبر الصحف في العالم على أي جهاز أو حجم الشاشة.

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

الويب التالي

يتم تقديم The Next Web (TNW) بتنسيق موقع ويب متين من صفحة واحدة بتصميم جريء. إنها تقوم بعمل ممتاز في موازنة احتياجات العمل مع تجربة مستخدم قوية.

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

ريادي

رائد الأعمال ، الدليل النهائي لمواجهة تحديات ملكية الأعمال ، كان موجودًا في أكشاك بيع الصحف لمدة 30 عامًا ، لكن الإصدار عبر الإنترنت حديث بالتأكيد في تصميمه.

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

عمر الإعلان

منذ بداياتها كصحيفة عريضة في شيكاغو في عام 1930 ، إلى أن أصبحت مطبوعة عالمية ، أصبحت Ad Age متاحة الآن في كل من الإصدارات المطبوعة والإلكترونية - جنبًا إلى جنب مع النشرات الإخبارية اليومية والأسبوعية عبر البريد الإلكتروني.

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

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