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

ولكن ما الذي يحدث في تصميم المجلة؟ وكيف يمكنك تصميم واحد لموقعك الخاص؟

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

1. العلامة التجارية القوية

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

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

ولكن يمكنك إضافة علامة تجارية في الشريط الجانبي والتذييل لموقعك أيضًا. والهدف هو إنشاء نمط متسق يشعر فقط أنه أقوى من مواقع blogspot الرديئة.

01-السلكية مجلة

2. عناوين واضحة

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

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

02-لنا-مجلة عنوانا قويا

3. قوائم الملاحة المتدرجة

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

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

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

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

03-اتلانتا-مجلة منسدلة-الملاحة

4. الوظائف المدرجة الحاجيات

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

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

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

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

ظهرت 04 محرك البحث-مجلة-القطعة

5. أزرار مشاركة بارزة

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

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

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

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

تقاسم 05-ZDNET-أزرار

6. الوظائف ذات الصلة

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

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

عند التقاط الصور المصغرة ، انتبه أولاً حتى تتأكد من ظهورها بشكل بارز بالقرب من العناوين الرئيسية.

06-حقيقية-بسيط-لك-مايو الشبيهة

7. يمكن الوصول إليها البحث (حتى على الهاتف المحمول)

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

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

نموذج بحث بارز مثل في دفع مربع مثالية لتشجيع المزيد من عمليات البحث.

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

07-دفع مربع في البحث عن مجلة ميزة

8. عناصر الصفحة المخصصة

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

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

  • ، ونقلت سحب
  • جدول المحتويات
  • في عرض الصور في مرحلة ما بعد
  • "راجع أيضًا" المشاركات ذات الصلة

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

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

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

08-الروبوت-سلطة صفحة عناصر

9. رؤوس الصور المميزة

إذا كنت تريد جذب الانتباه في أول pageload ، فأنت تريد شيئين: رأس كبير (تم تغطيته مسبقًا) وصورة مميزة واضحة.

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

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

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

ظهرت 09-يسكن-مجلة-صورة