كيف يمكنك جعل تصميم مدونتك جذابًا؟

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

لماذا تحتاج إلى إنشاء تصميم مدونة يجذب الأنظار؟

يُحدث التصميم عالي الجودة والملفت للنظر فرقًا في نجاح مدونتك. فيما يلي مزايا تصميم المدونة الجذاب.

يزيد من الوقت المحدود لإقناع جمهورك

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

يساعدون في إنشاء سلطة الموقع الخاص بك

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

يتم مشاركتها في كثير من الأحيان

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

التقدير البصري

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

ما الذي يدخل في تصميم مدونة جيد

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

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

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

إذن ، إليك بعض عناصر تخطيط وتصميم المدونة الرائع الذي يأخذ في الاعتبار قابلية القراءة:

مساحة بيضاء

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

التنقل

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

رأس المدونة

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

بطاقات المدونة

يتيح لك عرض منشورات المدونة الخاصة بك في بطاقات (أو صور مصغرة) عرض مقالاتك للزائرين بطريقة منظمة. تتضمن الصور المصغرة عادةً صورة مميزة وعنوانًا وتاريخًا واسم المؤلف ومقتطف مدونة وفئة وزر "قراءة المزيد" أو "متابعة القراءة" أو "عرض الكل".

مشاركه إجتماعيه

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

8 أمثلة مذهلة لتصميم المدونة

1. مع خالص التقدير جول

Sincerely Jules هي مدونة أزياء وأسلوب حياة شهيرة من تصميم Julie Sariñana بتصميم رائع. يتم تحميل الصفحة الرئيسية لمدونتها من خلال عرض صورة رأس كاملة العرض لآخر منشور ورابط لقراءة المنشور.

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

يتم عرض أحدث منشوراتها في المدونة بصور مصغرة كبيرة وملفتة للنظر أثناء التمرير لأسفل الصفحة.

أدخل 1-1. مع خالص التقدير جول IG feed.jpg

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

• حافظ على تحديث مدونتك بمحتوى جديد
• زيادة المشاركة
• احصل على المزيد من المتابعين على وسائل التواصل الاجتماعي

2. ملف تعريف الارتباط + كيت

تتميز مدونة الطعام Cookie + Kate بتصميم بسيط وعصري. يتيح شريط التنقل للزوار العثور بسرعة على نوع الوصفة التي يريدون تجربتها. في الجزء السفلي من الصفحة ، يمكن للقراء مشاهدة أحدث الوصفات المنشورة.

تم تصميم الشريط الجانبي لـ Cookie + Kate بشكل مثالي أيضًا. إنه يتميز بالعديد من الأدوات التي تساعد على تعزيز المشاركة وتجعل الزوار يقيمون على الموقع لفترة أطول. يتضمن الشريط الجانبي:

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

3. مدونة TED

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

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

4. السارتورياليست

The Sartorialist هي مدونة أزياء وتصوير شهيرة. يعرض تصميمه بشكل أساسي عمل المصور الجميل.

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

يمكن للزوار أيضًا التنقل في المدونة باستخدام الروابط الموجودة في رأس موقع الويب. توجد روابط لما يلي:

• أرشيف الصور
• حول الصفحة
• صفحة الاتصال
• الملف الشخصي في Instagram

5. دان فلاينج سولو

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

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

6. Copyblogger

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

تحتوي الصفحة على صور مصغرة لأحدث المقالات. يمكن للزوار النقر على الصورة المصغرة لقراءة المقال بأكمله.

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

7. تحمل أي شيء

تتناول مدونة Afford Anything التمويل وعلم النفس والاستثمار. إنه يتبع جميع ممارسات تصميم المدونة مثل إضافة أزرار المشاركة الاجتماعية ، وعرض منشورات المدونة الشائعة ، واستخدام الصور الجذابة.

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

8. نيويوركر

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

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

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