أفضل 30 مدونة مصممة تمت مراجعتها

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

إذا كنت بحاجة إلى مصمم أو مطور يمكنه البدء بالأمس ، فانتقل إلى AweseomeWeb.com

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

معايير التصميم الجيد للمدونة

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

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

أفضل 30 مدونة مصممة

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

1. التبديل لحسابهم الخاص

عناوين كبيرة وجريئة ، واستخدام خفي للظلال ، ومن المستحيل عمليًا رؤية التدرجات ، يعد موقع FreelanceSwitch.com واحدًا من الأفضل.

2. Copyblogger

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

3. بيرسونيفيد

مثل Copyblogger ، فإن Pearsonified.com جميل في بساطته وجاذبيته مع الألوان الزاهية اللطيفة.

4. مدونة KISSmetrics

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

5. AVC

يعد AVC.com فائق النظافة ، وبدقة 16 بكسل ، يستخدم خطًا أكبر قليلاً من المتوسط ​​مما يجعل قراءته أكثر متعة بشكل ملحوظ.

6. اقتباس بدء التشغيل

StartupQuote.com أنيق كما هو. تفانيهم في تصوير الاقتباسات بشكل فريد هو ما يجعل موقعهم مميزًا.

7. الويب التالي

لكن TNW تقوم بعمل رائع في دمج الإعلانات دون تشتيت الانتباه كثيرًا عن تصميم نظيف وسهل التنقل.

8. بيزنس إنسايدر

إذا كنت قد قرأت مقالًا على موقع BusinessInsider.com ، فقد لاحظت أن الموقع مصمم لإبقائك على اتصال بمحتواها لعشرات وعشرات من مرات مشاهدة الصفحة.

9. مدونة الويب

يبدو الأمر رائعًا ، ولكن تم أيضًا دمج Webs Blog بسلاسة مع بقية الموقع على الرغم من وجود المدونة في مجال فرعي.

10. اذهب إلى وسائل الإعلام

مع تراكبات الصور الموضوعة بعناية ، ينبثق التصميم ببساطة عن الشاشة ويصعب نسيان تصميم GoMediaZine.com.

11. مرحبا بار مدونة

يقوم Hello Bar بعمل مثير للإعجاب يتمثل في دمج الزخارف الدقيقة في تصميمه لمنح موقعه مظهرًا قديمًا ولكن حديثًا. بالإضافة إلى أن الغيوم تتحرك!

12. بلوغوسيون

تصميم Blogussion.com هو أول تصميم مذهل أتذكره وجدته على الإنترنت.

13. الطالب الذي يذاكر كثيرا الحديث

إن شعار Modernerd.com بسيط ، والخطوط متسقة ، وصورة الخلفية توضح موضوع المدونة.

14. أرتدي قميصك

يقوم موقع IWearYourShirt.com بعمل رائع يتمثل في تعبئة المعلومات بشكل نظيف في الجزء المرئي من الصفحة مع التأكيد على المحتوى المهم أدناه.

15. جوني كب كيك

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

16. الشوفان

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

17. DearBlankPleaseBlank

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

18. توتس +

كل شيء عن شبكة TutsPlus.com وشبكة Envato رائع عندما يتعلق الأمر بالتصميم (بما في ذلك FreelanceSwitch.com المذكور أعلاه). لديهم موهبة في اختيار مخططات الألوان المتوافقة تمامًا كما أن اهتمامهم بالتفاصيل لا تشوبه شائبة ، حتى في منشوراتهم وبرامجهم التعليمية.

19. بناء الإنترنت

يعد BuildInternet.com جزءًا من Smashing Magazine's The Smashing Network وهو محق في ذلك من خلال صورة المنشور التي يتم عرضها بشكل فريد والالتزام بالحفاظ على عناصر التصميم الخاصة بهم في جميع أنحاء الموقع.

20. 45royale Inc.

45royale.com هو استوديو لتصميم الويب يتميز برأس خاطفة للخيال بينما يقدم لك بشكل فعال وينقلك عبر المحتوى داخل المدونة أدناه.

21. جدار مصمم الويب

بصفته عضوًا آخر في The Smashing Network ، يعد WebDesignerWall.com أحد أكثر التصاميم شهرة في العالم ، مع عناوينها البارزة وصورة رأس لا تُنسى.

22. مستودع مصمم الويب

على غرار Web Designer Wall ، يستضيف WebDesignerDepot.com تصميمًا آخر من تلك التصميمات التي يستحيل نسيانها.

23. Ilovecolors

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

24. توت كاندي

يجعلك رأس TutCandy.com يسيل لعابك الذي يجسد شعارهم ، "فقط ألذ دروس التصميم."

25. Owltastic

Owltastic.com هو تمثيل جميل لما يمكنك القيام به بظلال مختلفة من اللون الأزرق. ومع ذلك ، بطريقة ما ، لا يزال كل المحتوى المهم بارزًا.

26. Vectips

يقوم Vectips.com بعمل رائع في الحفاظ على إحساس قابل للبيع في نهاية المطاف على موقع العلامة التجارية الشخصية.

27. حجرة التصميم

تنتمي مدونة Smashing Network النهائية في هذه القائمة إلى TheDesignCubicle.com. يبدو وكأنه موقع ويب ولكنه يبدو وكأنه فصل من كتاب.

28. ThemeBIG

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

29. Ecoki

Ecoki.com هي مدونة Eco-Lifestyle ذات تصميم رائع ذي علامة تجارية جيدة ومتسق عبر كل زاوية وركن في موقعهم.

30. فيكيد

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

يوجد لديك

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

من الآن فصاعدًا ، عندما يحتاج أي شخص إلى مصمم ويب أو مطور ، يذهبون إلى AwesomeWeb.com

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