Точно не знаю с чего начинать в первую очередь, начинать ли с дизайна самого сайта или  сразу рисовать логотип, но знаю, что иногда бывает трудно аккуратно пристроить логотип к готовому дизайну. Поэтому начнем с логотипа.

Итак, нужно помнить, что логотип касаться сути сайта. Если мы делаем сайт для магазина одежды – вешалку можно использовать в лого, если сайт знакомств подойдут сердечки, человечки (как на одноклассниках:)), для магазина сантехники – капля воды. Логотип должен быть простым и запоминающимся, в то же время аккуратным и понятным. Чтобы пользователь не разгадывал головоломки. Логотип должен быть универсальным, потому что его мы будем использовать и в рекламных баннерах, на загруженных изображениях (водяной знак), возможно на майках, визитках, кружках и прочем.

Логотип и дизайн сайта должны быть одним целым, поэтому выполняем их в одной цветовой гамме. Помним об уникальности, не хотелось бы нам, чтобы нас сравнивали с кем-то другим. Да и вообще рисковать не стоит, многие помнят, к примеру, как «одноклассники» судились с издательством «Эксмо».

Компания “Одноклассники”, которой принадлежит социальная сеть odnoklassniki.ru, подала иск к издательству “Эксмо”. В компании считают, что на обложке триллера под названием “Одноклассники” были использованы элементы фирменного стиля социальной сети. Сумма иска составляет 200 тысяч рублей

Газета “Коммерсант”

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

Теперь о создании самого логотипа. Делаем логотип в векторном виде, на всякий случай. Уменьшить растровое лого мы всегда сможем без проблем, а вот с обратной процедурой придется туго. Будем рисовать увеличенную копию с нуля. С векторным логотипом о размере изображения можно забыть! Увеличиваем, уменьшаем, деформируем без потери качества. Вы сейчас подумали, что с векторами работать – значит возиться в CorelDRAW и ему подобным редакторам, а нет, и Photoshop вполне подойдет для этой задачи.

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

Исходники