Данная серия статей выходит при поддержке проекта Webdesigner Depot, популярного дизайнерского блога, в котором регулярно публикуются уроки, описание новых трендов, интересные статьи и вдохновительные записи. Адрес блога – webdesignerdepot.com, аккаунт в Twitter – @designerdepot.
Неважно, ведете ли вы блог для продвижения вашего бизнеса или исключительно в свое удовольствие, настало время перейти на новый этап развития. Социальные медиа позволяют комфортно распространять информацию, размещенную в вашем блоге, а огромное количество ресурсов помогут вам украсить и оптимизировать любой веб-проект.
Наиболее интересным является тот факт, что вам вовсе не обязательно быть программистом или дизайнером, чтобы создать приятный на вид блог, однако вы должны знать и уметь пользоваться ресурсами, которые помогут задать правильный тон вашему блогу.
Изучите HTML
Конечно, было бы гораздо проще, если бы все сервисы имели drag and drop интерфейс, однако такие времена еще не наступили. Вы можете справиться с базовыми настройками, однако вы никогда не сделаете ваш блог именно таким, каким вы его хотите видеть, без базовых знаний HTML.
Использование основных понятий веб-строительства поможет вам использовать дизайнерский хитрости и уловки, предотвратить ряд проблем, а также более точно форматировать записи блога. И вам совершенно необязательно снова садиться за парту. Все что вам необходимо узнать об интернет технологиях вы можете найти здесь же, в сети.
Для начала, обратите внимание на ресурс W3Schools, где вы отыщите огромное количество бесплатных уроков по веб-разработкам. Основные уроки HTML затрагивают именно те аспекты, которые вам пригодятся. Учитывая, что вам не нужно создавать блог с нуля, понимание принципов работы таких функций, как использование тэгов, форматирования текста и добавление вложений поможет вам изменять и настраивать встроенные боксы и виджеты вашего сайта.
Знание начальных основ кодинга откроет перед вами большие возможности. Если вы хотите что-то добавить или исправить, обратитесь к поисковой системе Google. Очень велики шансы, что кто-то уже сталкивался с подобной проблемой и нашел ответ или опубликовал рабочий фрагмент кода, которым вы сможете воспользоваться.
Найдите подходящий шаблон
Существует множество ресурсов, предлагающие привлекательные бесплатные дизайны для блогов на любой платформе. Вам совершенно необязательно использовать стандартную цветовую схему или встроенную тему оформления. Талантливые дизайнеры выкладывают множество темплейтов для свободного использования.
Ниже вы увидите несколько каталогов, где сможете отыскать превосходные шаблоны. Если вы еще не определились с платформой, просто взгляните на представленные дизайны. Возможно, именно они повлияют на ваш выбор.
Wordpress
Blogger
Tumblr
Posterous
Не забывайте, что темы для сервиса Tumblr также подходят и для Posterous.
Макет
Поиск подходящего темплейта может стать интересным процессом, однако, перед тем как сделать выбор, вам стоит ответить на вопрос: какова цель моего блога и как это можно подчеркнуть с помощью дизайна?
При выборе шаблона опирайтесь на его практическое применение.
Вы собираетесь добавлять на ваши страницы огромное количество роликов YouTube или больших графических элементов? Тогда вам стоит обратить внимание на шаблоны, содержащие одно или две колонки.
Планируете постить множество информации, включая ссылки и рекламу? Воспользуйтесь трехколоночными шаблонами.
Одна колонка
Простой и непосредственный одноколоночный блог позволяет отображать исключительно записи, без использования сайдбаров и других элементов. Если важная информация вашего блога всегда находится на верху страницы, одноколоночный макет может являться подходящим выборов.
Две колонки
Своеобразный современным стандарт блоггинга – двуколоночный макет позволят отображать не только последние записи вашего блога, но и список ссылок, контактные данные и другую информацию, которая может быть полезная для ваших читателей.
356 Days of Astronomy (WordPress)
Три колонки
Используйте трехколоночный макет, если вы планируете размещать на своей странице огромное количество контента, ссылок и рекламных баннеров. Однако, вам стоит избегать беспорядка.
Нестандартные шаблоны
Для более уникальных проектов, вы можете установить оригинальные и нестандартные макеты. Например:
Продвинутый поиск
Встретили блог, дизайн которого вам действительно понравился? Возможно, вы захотите использовать точно такой же темплейт. Если это так, есть несколько способов заполучить данный шаблон.
Большинство макетов проходят под лицензией Creative Commons license и являются бесплатными. Для того, чтобы отыскать информацию о шаблоне, вам необходимо посетить приглянувшийся блог и перейти в самый низ страницы. В “подвале” возможно, будет размещено название темы, ссылка на автора данного макета и имя используемой платформы (WordPress, Blogger и т.д.).
Если на страницах блога вы не нашли необходимой информации, загляните в исходный код ресурса. Именно среди этих данных вы сможете отыскать подсказки об используемой платформе, а также название темы или ссылку на данный шаблон. Воспользуйтесь командой “Поиск” (Control + F для пользователей Windows, Apple + F для пользователей Mac) и введите такие ключевые слова, как Theme, Template, Tumblr или WordPress.
Учтите, что не все темплейты распространяются бесплатно. Некоторые из них являются уникальными или были приобретены у дизайнеров, поэтому они могут не содержать какую-либо информацию об авторе.
Сделай сам
Теперь, когда вы определились с шаблоном для блога, вам необходимо сделать так, чтобы ваш ресурс отличался от трех тысяч других, которые также установили данный темплейт.
Используйте базовые знания HTML, чтобы сделать ваш блог уникальным и оригинальным. Для начала, разместите логотип вашей компании или заголовок в верхней области главной страницы.
Найдите поле, виджет или код, который отвечает за расположение графики вашего блога и замените его своим. Убедитесь, что размеры ваших файлов соответствую тем, что установлены по умолчанию и вписываются в общую структуру блога.
Воспользуйтесь сервисом Color Scheme Designer 3 для генерации подходящих цветов и графических элементов.
Если вы не являетесь дизайнером, то постарайтесь использовать простые решения. Пусть содержание говорит само за себя. Просто добавьте аккуратный логотип. Ищите шрифт для логотипа? Обратите внимание на каталоги 1001 Free Fonts и FontSquirrel.
Используйте минимализм
Если у вас нет навыков дизайна, используйте простейшие шаблоны. Минималистические темы представляют собой приятный и чистый макет, который, если понадобится, вы легко можете изменить.
Не беспокойтесь о цветовых схемах и оформлении текста. Просто добавьте ваш логотип в удачно подобранный шаблон и начинайте продолжать работы над проектом. Вот несколько примеров:
Ищите вдохновение?
Блогосфера имеет огромное количество примеров экстраординарных, функциональных и просто привлекательных дизайнов и тем оформления. Даже если вы только что нашли и установили подходящий шаблон, вам стоит обратить внимание на чудесное оформление других блогов. Ниже представлены дизайнерские проекты, которые, возможно, помогут вам найти вдохновение на новые проекты.
Готовы поделиться советом по созданию привлекательного блога? Ждем ваших комментариев.
Серия статей выходит при поддержке Web Designer Depot
Webdesigner Depot – один из самых популярных блогов, посвященных дизайну. Здесь вы всегда можете найти уроки, актуальные дизайнерские тренды, интересные статьи и посты для вдохновения. Блог ведет Волтер Апай, веб-дизайнер из Ванкувера, Канада. Ресурс будет интересен, как новичкам, таки и продвинутым дизайнерам, которые хотят повысить уровень своих навыков и знаний. Сайт пользуется популярностью среди работников многих организаций, а также используется как справочный материал в школах дизайна. Ежемесячно данный блог посещает более 2 миллионов пользователей, благодаря чему можно с уверенностью сказать, что WDD является одним из лучших ресурсов для графических и веб-дизайнеров. Посещайте блог – webdesignerdepot.com, подписывайтесь на аккаунт в Twitter – @designerdepot, RSS-подписка – webdesignerdepot.com/rss.htm .
Другие статьи о дизайне
- Создание фона для Twitter, YouTube и MySpace
- Справочник по мобильному веб-дизайну
- 85+ лучших дизайнеров в Twitter
- 100 отличных ресурсов для вдохновения
- 5 подтверждений тому, что социальные медиа изменили моду в 2009
- 20 креативных приложения для iPhone
Источник: http://mashable.com/2010/01/28/build-beautiful-blog
