Обзор 30 блогов с лучшим дизайном

— О, это другое! Да, последний редизайн «Дневника доходов» увеличил общее количество крупных редизайнов этого сайта до пяти за три года. Вот сколько внимания Майкл уделяет красивому дизайну блога с высокой конверсией и продвижением контента.

Если вам нужен дизайнер или разработчик, который мог бы начать вчера, перейдите на AweseomeWeb.com.

Чтобы отметить редизайн и, что более важно, предоставить вам этот вдохновляющий список.

Критерии хорошего дизайна блога

Чтобы убрать как можно больше субъективизма, я начал с этих пяти хороших критериев дизайна блога.

• Простота – это просто?
• Стандарты веб-дизайна . Соответствует ли он стандартам веб-дизайна, таким как темный шрифт на светлом фоне, четко выделенные заголовки, использование спрайтов CSS, последовательные линии и соответствие золотому сечению?
• Внимание к деталям — есть ли последовательность в дизайне и в остальном идеальный пиксель?
• Простота навигации . Могу ли я легко находить и использовать меню, ссылки и другие компоненты навигации?
• Запоминаемость — могу ли я вспомнить, как это выглядело после выхода с сайта?

30 блогов с лучшим дизайном

В произвольном порядке, но примерно сгруппированные по стилям дизайна и темам соответствующих блогов, вот наш обзор 30 лучших дизайнов блогов.

1. Внештатный переключатель

Крупные жирные заголовки, тонкое использование теней и практически невидимые градиенты — FreelanceSwitch.com — один из лучших.

2. Копиблогер

Copyblogger.com — воплощение простого, надежного и понятного дизайна блога. Вы точно знаете, куда щелкнуть, как только попадете на страницу.

3. Персонифицированный

Как и Copyblogger, Pearsonified.com прекрасен своей простотой и очарователен нежной россыпью ярких цветов.

4. Блог KISSmetrics

Блог KISSmetrics отлично справляется с сочетанием элементов современного дизайна, сохраняя при этом чувство профессионализма для своего в основном корпоративного целевого рынка.

5. АВК

AVC.com очень четкий и с разрешением 16 пикселей использует шрифт немного больше среднего, что делает его заметно более приятным для чтения.

6. Цитата запуска

StartupQuote.com настолько элегантен, насколько это возможно. Их приверженность уникальному отображению цитат — вот что выделяет их сайт.

7. Следующая сеть

Но TNW отлично справляется с размещением рекламы, не слишком отвлекая внимание от чистого и удобного дизайна.

8. Бизнес-инсайдер

Если вы читали статью на BusinessInsider.com, вы заметили, что сайт спроектирован таким образом, чтобы держать вас на крючке на их содержании в течение десятков и десятков просмотров страниц.

9. Веб-блог

Это выглядит великолепно, но веб-блог также легко интегрируется с остальной частью сайта, несмотря на то, что блог существует на поддомене.

10. Перейти Медиа

Благодаря тщательно расположенным наложениям изображений дизайн просто выделяется на экране, и трудно забыть дизайн GoMediaZine.com.

11. Блог Hello Bar

Hello Bar проделал впечатляющую работу по интеграции тонких текстур в свой дизайн, чтобы придать сайту винтажный, но современный вид. Кроме того, облака движутся!

12. Блоги

Дизайн Blogussion.com — это первый впечатляющий дизайн, который я помню в Интернете.

13. Современный ботаник

Логотип Modernerd.com простой, шрифты одинаковые, а фоновое изображение передает суть блога.

14. Я ношу твою рубашку

IWearYourShirt.com отлично справляется с аккуратной упаковкой информации вверху страницы, подчеркивая при этом важное содержание ниже.

15. Джонни Кексы

В соответствии с их вневременным брендом, почти каждый элемент дизайна черно-белый, что выделяет фотографии и продукты Johnny Cupcakes.

16. Овсянка

Дизайн TheOatmeal.com со смещенной от центра боковой панелью и переполненной ссылкой «Электронная почта» в нижнем колонтитуле имеет свои недостатки. Но читая между несовершенствами, вы обнаружите, что дизайн идеально подходит для Мэтью Инмана: «Так оно и есть, и если вам это не нравится, я выпущу свою армию наказаний фанатов Facebook, чтобы вы никогда не забыли». отношение, которое делает его сайт замечательным.

17. ДорогойПустойПожалуйстаПустой

DearBlankPleaseBlank.com — это креативно оформленный блог с постоянно меняющимся изображением заголовка, причудливым использованием непрозрачности и тем фактом, что все на боковой панели имеет одинаковую ширину, даже рекламные объявления.

18. Тутс+

Все в сети TutsPlus.com и Envato великолепно, когда дело доходит до дизайна (включая вышеупомянутый FreelanceSwitch.com). У них есть умение выбирать идеально выровненные цветовые схемы, и их внимание к деталям безупречно, даже в их постах и ​​​​учебниках.

19. Создайте Интернет

BuildInternet.com является частью The Smashing Network журнала Smashing Magazine, и это справедливо благодаря их уникально отображаемому изображению в публикации и приверженности сохранению своих элементов дизайна на всем сайте.

20. 45royale Inc.

45royale.com — это студия веб-дизайна, которая может похвастаться захватывающим заголовком, а также эффективно знакомить вас с контентом блога ниже и навигацией по нему.

21. Стена веб-дизайнера

Как еще один член The Smashing Network , WebDesignerWall.com является одним из самых широко признанных дизайнов в мире с их сногсшибательными заголовками и незабываемым изображением заголовка.

22. Депо веб-дизайнеров

Как и Web Designer Wall, WebDesignerDepot.com содержит еще один дизайн, который невозможно забыть.

23. Я люблю цвета

Сайт Ilovecolors.com.ar выполнен в похожем стиле, но отличается продуманной областью контента, которая подчеркивается стратегическим затенением фонового изображения.

24. Тут конфеты

Заголовок TutCandy.com вызывает у вас слюнотечение, которое воплощает их слоган «Только самые вкусные уроки дизайна».

25. Совастик

Owltastic.com — прекрасное представление того, что можно делать с разными оттенками синего. Тем не менее, каким-то образом весь важный контент все еще выделяется.

26. Вектипс

Vectips.com делает хорошую работу по поддержанию в конечном итоге продающего ощущения на сайте личного брендинга.

27. Дизайнерская кабина

Последний блог Smashing Network в этом списке принадлежит TheDesignCubicle.com. Это похоже на веб-сайт, но похоже на главу книги.

28. Тема БОЛЬШОЙ

Мне нравится тонкость спрайтов в навигационном меню ThemeBIG.com, а также то приятное чувство, которое возникает при первом входе на их сайт.

29. Экоки

Ecoki.com — это блог об эко-жизни с замечательно фирменным дизайном, который соответствует каждому укромному уголку их сайта.

30. Фикед

Все, от заголовка до области содержимого и области комментариев, разработано специально и соответствует остальной части сайта.

Там у вас есть это

Я хотел бы посетить все блоги в мире, прежде чем попасть в этот список, но я начинал проголодаться.

Отныне, когда кому-то нужен веб-дизайнер или разработчик, они обращаются к AwesomeWeb.com.

Если вы знаете какие-либо замечательные дизайны блогов, которые я пропустил, расскажите мне о некоторых из ваших фаворитов в области комментариев ниже.