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

1.Favicon (иконка веб-сайта)

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

Для того, чтобы добавить иконку на свой сайт:

1. Нужно нарисовать любую картинку в photoshop, сохранить ее под именем favicon.ico (не обязательно делать такое имя, но так уж принято).

Favicon from Pics

Сервис поможет быстро сделать иконку из любой картинки.

Favicon в photoshop

Урок о том, как нарисовать иконку в фотошопе и сохранить ее в .ico

2. Загрузить favicon.ico в корневую папку сайта.

3. Добавить следующий код в странице, перед тегом

1

Для вдохновения:

Favicons эпизод 8 —  Smashing Magazine опубликовал уже 8 частей с лучшими иконками из всего интернета, стоит взглянуть на них для вдохновения(ссылки на остальные 7 частей — в посте).

2. Использование градиентов, текстур, теней и однопиксельных линий

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

Урок по градиентам

Несколько отличных советов по правильному использованию градиентов и некоторые общие проблемы.

Texture Lovers

Большая коллекция текстур из интернета, которые являются бесплатными для коммерческого использования.

Lost & Taken

Блог с большим количеством, текстур отличного качества

Примеры работ:

3. Иконки

На третьем месте расположились иконки(не по степени важности, каждый из этих элементов крайне важен). Задача дизайнера найти и правильно разместить иконки, плавно вписывающихся в концепцию. Благо в интернете огромное множество различных иконок, качественных и не очень. Так же можно нарисовать все иконки самому, и они идеально впишутся в запланированный дизайн.

Полезные ресурсы:

Как использовать иконки для поддержки содержания в веб-дизайне

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

Icon Finder

Поисковик иконок. Ищет по более 100 000 иконкам.

75 бесплатных сетов иконок, для веб-дизайнеров и разработчиков

Большая коллекция иконок премиум класса.

Черпаем вдохновение:

4. Пробелы

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

Whitespace

Статья о том, как важны пробелы в веб-дизайне.

Эффективное использование пробелов в веб-дизайне

Как эффективно использовать свободное место и несколько примеров.

Примеры:

Конец первой части, продолжение статьи будет в ближайшие дни. Хочешь прочитать его первым? Подписывайся на rss рассылку!