Пошаговая инструкция, как создать макет сайта самостоятельно. онлайн или в photoshop

Введение

Меня зовут Дмитрий Борков, я занимаюсь графическим и веб-дизайном. Мои основные направления — это разработка дизайна сайтов, логотипов и полиграфической продукции.

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

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

Если вы НЕ дизайнер и вам нужен логотип, то можете обратиться за помощью в его разработке ко мне. Найти меня можно ВКонтакте: vk.com/dborkov82

Необходимость макета сайта

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

Нередко случается, что дизайнер справился с макетом, отлично все прорисовал, но после верстки появляются проблемы:

• возникли отступы там, где их быть не должно;

• часть элементов просто исчезла;

• текст выползает из области контента.

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

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

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

• План маркетинга компании: увеличиваем прибыль компании в 2 раза
• KPI для отдела продаж: как рассчитать и внедрить
• Как получить в 3 раза больше клиентов в 2 раза дешевле

Графический редактор в процессе работы над макетом позволяет дизайнеру вносить любые изменения (выбирать шрифты, размеры и цвета кнопок и т. п.).

С чего начать

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

Поэтому для начала предлагаем ознакомиться с некоторыми нюансами рабочего процесса:

Требуется вложение денег. Прежде всего, следует знать, что создание личного ресурса требует вложения денег. Они понадобятся для покупки хостинга и доменного имени вашего будущего сайта, а в дальнейшем – для его продвижения. Стоимость домена 200-300 рублей (оплачивается 1 раз в год), хостинг от 150 рублей в месяц. Есть вариант выбора бесплатного хостинга (подробнее об этом писала здесь), но, как правило, бесплатная версия предусматривает ограничение основных показателей. Также могут потребоваться дополнительные расходы – покупка шаблона и разработка дизайнерского проекта. Согласитесь, что это необходимо, ведь дизайн вашего сайта должен быть уникальным, чтобы отличаться от 1000 других сайтов. На это понадобится около 2 тысяч рублей, но это однократный платёж. Если же у вас ограниченный бюджет, то дизайном сайта можно заняться позже, а пока оплатить только хостинг и домен.

Создание контента

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

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

Доход. Относительно дохода, он может быть разным – всё зависит от того, сколько времени вы будете уделять своему детищу. У некоторых владельцев прибыль уже через пару месяцев исчисляется 10-12 тысячами рублей, а кому-то приходится трудиться полгода и больше, прежде чем сайт выйдет на доход в 20-30 тысяч рублей. Почему так происходит, несложно догадаться. В собственный сайт надо вкладывать силы, время, а в определённых случаях – финансы.

Тематика: какую нишу выбрать

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

Роковые ошибки, приводящие к краху, в основном, связаны с тем, что:

• Начинающий веб-мастер плохо разбирается в выбранной тематике. Узкоспециализированная ниша, в которой новичок, мягко говоря, некомпетентен – главная причина провала. Писать статьи будет тяжело, так же как и выйти на большую целевую аудиторию. А ведь посещаемость – основная цель создания платформы. Если вы всё же выбрали узкую тему, старайтесь, чтобы со временем она расширялась, и была интересна не только вам, но и другим людям.
• Не стоит выбирать нишу, чисто, для зарабатывания денег. Это не приведёт ни к чему хорошему. Вряд ли вы будете черпать вдохновение в идее, которая вам чужда, и тогда работа станет тяжёлой обязаловкой. О каком успехе, спрашивается, может идти речь?

Можно посоветовать выбирать тематику, в которой вы профессионал. Также идеальной станет тема, которая вам близка и интересна, кроме того, вызывает только позитивные мысли и эмоции. Кроме того, не забывайте о конкуренции. И ещё один совет – не создавайте сайт о себе любимом, если только вы не популярный, знаменитый человек. Раскрутить такой ресурс будет, фактически, невозможно.

Как создать логотип компании: 5 вариантов

Вариант 1. Нарисовать самостоятельно

Если вас интересует, как создать логотип компании бесплатно, то этот способ для вас. На создание лого у вас уйдет 10-20 часов. Процесс будет полностью под вашим контролем, при этом вы сможете реализовать все ваши задумки. Однако при отсутствии хороших художественных способностей и опыта работы с онлайн-редакторами качественный логотип создать у вас не получится.

Вариант 2. Заказать у дизайнера

Этот способ потребует немалых затрат — от 50-100$ до 500-1000$. Кроме того, процесс создания будет более длительный – от 2 дней до 1-2 недель. Плюс время, которое уйдет на поиск хорошего дизайнера.

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

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

Вариант 3. Заказать в дизайн-студии

Это будет стоить недешево — от 1000$ у малоизвестных студий до 20-50 000$ у компаний с хорошей известностью. Кроме того, ждать свой логотип вам придется достаточно долго – от 1-2 недель до 1-2 месяцев. Формулировка ТЗ должна быть предельно ясной и точной, как и в случае с дизайнером-фрилансером. Но в этом случае вы можете быть уверены, что качество работы будет на высоте, как и организация всего процесса.

Оставить заявку

Вариант 4. Провести аукцион-тендер

Назвать точную стоимость этого способа создания лого нельзя, она варьируется от 100 до 200$. Логотип можно заполучить уже через 2-4 дня, хотя дедлайна, как такового, нет.

Сначала потребуется пройти регистрацию на одном из краудсорсинговых сайтов, к примеру, DesignCrowd (цена уникального логотипа – от 240$) или 99designs (стоимость — 99$, однако на уникальность не рассчитывайте). Затем надо четко сформулировать ТЗ, указать цену и ждать, пока ваш логотип разработают дизайнеры.

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

Вариант 5. Использовать онлайн редактор

С помощью онлайн-редактора вы сможете создать лого всего за 0,5-3 часа. При этом потратите примерно 20-50$. Такой редактор представляет собой онлайн-версию фотошопа, которая специализируется на создании логотипов. При работе можно использовать любые иконки, шрифты и цвета из базы, однако внесение в них правки не допускается. Кроме того, не имея опыта работы в фотошопе, а также дизайнерских навыков, создать качественный логотип вы не сможете.

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

Вас также может заинтересовать: Кейсы для бизнеса: что это и как их создают

Принципы разработки

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

Работа с таблицами стилей CSS

Нами ранее была сформирована таблица стилей CSS, но вот что-либо добавить туда, мы пока не удосужились.  Начнём с написания для сайта такого кода HTML:

* {
box-sizing:border-box;
}
.main {
width:1170px;
margin:0 auto;
border: 5px solid black;
}

Звездочка обозначает – любые элементы,
то есть все. Теперь рамки, отступы, не будут увеличивать ширину блоков, а для
установления правил, определяющих внешний вид веб-страницы, нам придётся
обратиться к классу main, задав ряд команд:

• ширина контейнера;
• отображение по центру;
• добавление рамок чёрного цвета с каждой из сторон.

Теперь можно с помощью HTML задать внешний вид
ключевых структурных блоков:

.menu {
margin:0 0 40px 0;
padding:0px;
}
.menu li {
display:inline-block;
width:auto;
padding:7px 15px;
}
.footer {
background-color:#f4f4f4;
}

Принцип работы заключается в
обращении к существующим элементам, у каждого из которых есть персональный
идентификатор или класс. У тега класс прописывается в свойстве class=”myname” и в CSS файле записывается .myname, а идентификатор
по аналогии id=”myname2″
и #myname2.

Изначально задаём стиль для шапки
сайта, сделав для неё рамку, позволяющую визуально отделить этот раздел от
прочих блоков. Теперь основная задача заключается в смещении в сторону боковой
колонки, которая по умолчанию будет отображаться сверху вниз, то есть так, как
прописана в нашем коде. Добиться отображения блока в требуемом формате можно
задав для сайдбара основные показатели:

• ширина;
• высота;
• правило float: left – прижатие компонента к
  левой стороне родительского компонента.

Внимание! Идентичное свойство задаётся разделу с контентом,
прижимающемуся с той же стороны, но после колонки. После этого пишем блок
«Подвал»,  который по умолчанию не
высокий и имеет свойство clear, препятствующее наезду на разделы «Контент»
и  «Боковая колонка», считающиеся
плавающими

«Подвал» теперь будет видеть эти блоки и всегда размещаться под
ними, но при условии, что ему будет задана команда clear: both

После этого пишем блок
«Подвал»,  который по умолчанию не
высокий и имеет свойство clear, препятствующее наезду на разделы «Контент»
и  «Боковая колонка», считающиеся
плавающими. «Подвал» теперь будет видеть эти блоки и всегда размещаться под
ними, но при условии, что ему будет задана команда clear: both.

1. Фон прописывается контейнеру по классу .content и
   задаётся сразу для всего сайта.
2. Отдельно задаётся для каждого из блоков, для
   подвала, шапки, контента и т.д.

Рекомендую дать сайт общий цвет, воспользовавшись одним кодом:

.main {backgroun-color:#f9f9f9;}

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

Архивархив с готовым сайтом на HTML

Как монетизировать сайт

Зарабатывать на трафике можно, только проведя монетизацию своего сайта. Если вы добились того, что он ранжируется, благодаря авторитетному контенту, то самое время запустить этот процесс. Ниже я перечислю самые популярные способы заработка на своем сайте:

1. Партнерские программы. Это самый простой и эффективный способ заработка на сайте или блоге, который подойдет даже новым ресурсам с небольшим трафиком. Вы регистрируетесь на сайте партнера или в агрегаторе партнерских программ, где выбираете подходящие вашей тематике продукты и размещаете на сайте партнерскую ссылку (список проверенных партнерских программ можно посмотреть здесь>>>). Пользователи переходят по ней, покупают продукт, а Вы получаете вознаграждение. Подробнее о том, как зарабатывать на партнерках можно узнать здесь>>>

2. Контекстная реклама. Представляет собой заработок с помощью рекламных сетей. Самые популярные — РСЯ (рекламная сеть от Яндекса) и Google AdSense (от Гугл). Вы так же проходите регистрацию и размещаете на своем сайте код для вывода рекламы. Сложность в том, что пользоваться таким методом целесообразно только при определенном трафике: если ваш ресурс ежедневно посещает хотя бы 500 человек. Иначе Яндекс просто не одобрит сайт в качестве рекламной площадки, да и доходность от Гугла будет нулевой.

3. Продажа своих товаров, услуг, инфопродуктов. Многие создают сайт специально для продвижения собственных товаров и услуг. К примеру, Вы являетесь специалистом по копирайтингу и прошли «огонь и воду» в этой теме. Создаете информационный сайт и описываете интересные фишки, лайфхаки, рассказываете о своей работе, о том, какие еще направления открыты для фрилансеров и т.д. Потом Вы создаете свой курс или книгу: «Как стать успешным копирайтером» и продаете ее на своем сайте.

4. Баннерная и тизерная реклама. Как правило, такие рекламные блоки носят довольно агрессивный характер, они мигают и имеют вызывающие изображения и заголовки. Данный способ монетизации используют низкокачественные ресурсы, стремящиеся выжать из своего сайта хоть что-то. Если перестараться с такой рекламой, есть риск превратить сайт в новогоднюю елку, которая будет отпугивать и отвлекать от основного содержания. Примеры тизерных сетей: ads.bid, TeaserNet

Хороший способ монетизации информационного сайта — ненавязчивая, нативная реклама, проскальзывающая в статьях в виде ссылок. Кроме того, имея на руках любой информационный продукт или товар, вы можете продавать его на своём сайте – ведь ваш контент будет, в любом случае, посвящён этой теме.

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

Подведём итоги. Чтобы создать личный инфосайт, нужны финансовые вложения и свободное время. Однако самое главное – ваше желание этим заниматься. Выбирайте тему, которая вам, по-настоящему, интересна. Не жалейте сил, изучайте статистику и аналитику ресурса, пишите статьи с удовольствием, наслаждайтесь своей работой. Именно, в желании и увлечённости своей идеей – секрет успешного результата.

Тонкая настройка и рост

Публикация вашего сайта в Интернете — это первый этап. Есть еще много других вещей, которые нужно сделать, чтобы обеспечить успех вашего сайта. Вот несколько задач для начала …

Точная настройка скорости веб-сайта

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

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

Улучшение видимости веб-сайта в поиске

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

Создайте учетную запись веб-мастера на Google Search Console отправить свой сайт в Google и выявить любые проблемы с SEO. Проведите базовое исследование ключевых слов, а затем оптимизируйте заголовок своей страницы и заголовки для основных ключевых слов. Внедрите на своем сайте разметку схемы, чтобы выделяться на страницах результатов поиска.

Для получения дополнительных советов по SEO, прочтите наше руководство для чайников по SEO.

Внедрить HTTPS

С тех пор, как Google Chrome начал маркировать HTTP-сайты как «Небезопасные», SSL сертификат стало большим делом. Чтобы убедиться, что вашему сайту «доверяют» пользователи — необходимо HTTPS-соединение.

Добавьте важные страницы

Нет двух одинаковых веб-сайтов, поскольку они могут служить разным целям и / или функциям. Однако есть три стандартные страницы, которые должен иметь каждый веб-сайт: индекс (домашняя страница), страница с информацией и контактная страница.

Главная

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

Пример. Домашняя страница Haus имеет четкое меню навигации и дизайн в стиле галереи (что идеально подходит для демонстрации продуктов).

О странице

О странице — это построение отношений с вашими посетителями. Это позволяет вам представиться и предоставить подробную информацию (ну?) О вашем веб-сайте. Обычно рекомендуется включать фотографии людей, владеющих и управляющих сайтом.

Пример — страница «О нас» Bulldog Skincare отправляет приятное и запоминающееся сообщение.

Контакт

Страница контактов Survicate — это красиво оформленная страница с простым макетом. Он сочетает в себе большие поля формы, кнопку CTA и типичную контактную информацию — адрес компании, контактный номер, адрес электронной почты, часы работы и т. Д. — таким образом, чтобы его было легко читать и сканировать.

Добавить значок

Вы видели письмо «B»В желтом кружке слева от вкладки браузера? Это известно как «значок». Как и логотип, фавикон — это небольшой визуальный элемент, представляющий веб-сайт.

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

Как проще определиться с выбором главного цвета для своего проекта?

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

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

Если у вас молодежная компания, и вы позиционируете себя как фирма идущая в ногу с современностью — обратите внимание на варианты более светлые и многоцветные

Одна голова хорошо, а две лучше

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

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

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

— Иван Спасоевич, маркетолог Ucraft 

Что такое веб-сайт

Сайт или веб-сайт (website) – это набор страниц с информацией, которые соединены друг с другом ссылками. На этих страницах публикуют текст, фотографии и видео.

Покажу на примере сайта-визитки. На первой странице человек рассказывает о себе:

На второй рассказывает о своей работе:

На третьей – как с ним связаться:

Одна из страниц должна открываться первой. Часто для этого создают отдельную страницу и публикуют на ней вводный текст. Её принято называть «Главная».

А еще страницы нужно каким-то образом соединить друг с другом. Для этого было придумано меню — специальная плашка со ссылками. Меню расположено на каждой странице, в одном и том же месте.

Когда страницы готовы и связаны друг с другом через меню, их нужно разместить в интернете по определенному адресу.

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

WIX Logo Maker

Платформа начала свою деятельность в 2006 году и доступна более 150 млн пользователей в 190 странах мира.

Характеристики

• Логотипы генерируются на основе информации о сфере деятельности компании и выбора клиента в пользу тех или иных разновидностей дизайна.
• Размеры оптимизируются под популярные социальные сети.
• На базе сгенерированного логотипа создаются фавикон и подпись для электронной почты.
• Размещение готового логотипа на двусторонних визитных карточках, отпечатывание на бумаге плотностью 300 г/м2 и доставка в любую точку мира.
• Размещение логотипа на футболках, кружках, магнитах, сумках и иной сувенирной продукции с доставкой в любую точку мира.
• Платное скачивание. Платформа предлагает 5 тарифов, стоимость которых варьируется в пределах от 1500 руб. до 3749 руб.
• В пакете файлов клиент получает логотипы в высоком разрешении (5000 х 5000 пикс.) в нескольких цветовых вариантах, а также безразмерные логотипы, которые могут быть адаптированы как для визиток, так и для рекламных щитов.
• Возможность бесплатно скачать маленький образец лого в низком разрешении.
• После приобретения логотипа его можно редактировать. Однако, после внесения изменений, чтобы пользоваться новым дизайном, его также придется покупать.
• Возможность нанять профессионального дизайнера на платформе WIX для доработки сгенерированного логотипа.

Шаг 5. Публикуем сайт в сети

Вы создали сайт, настроили DNS, поставили веб-чат. Теперь сайт готов к публикации в сети. Для этого просто откройте редактор страницы в Tilda и нажмите кнопку «Опубликовать».

Всё, теперь сайт доступен для всех в интернете. 

Теперь у вас есть свой сайт

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

Для дальнейшей работы я рекомендую также установить на сайт основные счётчики, которые помогут анализировать ваших посетителей: видеть, откуда они пришли, какие страницы смотрят, кто совершает заказ и так далее. Основные инструменты для этого — Яндекс.Метрика и Google.Analytics. 

Программа обучения: «Веб-аналитика: что нужно знать интернет-специалисту»

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

Второй инструмент аналитики — это Google.Analytics — более мощная и функциональная система анализа посетителей.

Настроить счётчики в Tilda можно в специальном разделе настроек «Аналитика & SEO» с помощью подробной инструкции.

Читать ещё: «Чеклист для новичков: запускаем лендинг»

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Как сделать логотип в конструкторе

Вот моя подборка самых лучших онлайн конструкторов

1. Logaster – самый лучший конструктор логотипов

Чтобы создать логотип нужно придумать и ввести название Вашего сайта или компании. Теперь выбираем сферу деятельности.

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

Вы можете изменить:

• текст в логотипе
• шрифт
• цвет иконки и текста
• добавить тень
• изменить расположение элементов.

Основные преимущества сервиса:

— возможность бесплатно скачать готовую эмблему в малом расширении;

— логотипы доступны для скачивания во всех популярных форматах и расширениях —  PNG, PDF, JPEG, SVG.

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

— в логотипе поддерживается кириллица.

А вот короткое промо-видео сервиса:

2. Genlogo – удобный и многофункциональный

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

На следующих шагах нужно выбрать подходящую цветовую гамму и шрифт.

Если вы планируете печатать лого на визитках, бланках и листовках, то вам нужно разрешение побольше и формат SVG. Это обойдется в 1500 RUB. Кроме того, вы получите дополнительным бонусом фавиконку для сайта и бесплатную доработку эмблемы дизайнером.

3. Turbologo – современный и многофункциональный

– c этим сервисом я познакомился совсем недавно. Для того, чтобы начать работу нужно только указать название сайта.

Этот конструктор отличается самым большим разнообразием вариантов:

1. В минималистском стиле с иконкой
2. Текстовые
3. Геометрические
4. В винтажном стиле

Вот несколько штук, которые мне предложили на выбор:

Варианты подбираются на лету. Кроме того, у них самая большая база иконок – более 1 млн.

4. Cool text – лучший бесплатный конструктор

Очень хороший конструктор логотипов. Для того, чтобы воспользоваться им переходим по адресу  http://cooltext.com. Мы сразу попадаем на страницу с шаблонами. Выглядит он вот так.

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

Cool Text мне нравиться именно потому, что настроек тут довольно много. Вы можете выбрать:

• текст надписи (само собой);
• шрифт;
• цвет шрифта;
• фон (в большинстве случаев);
• градиент фона(тоже в зависимости от шаблона);
• формат сохранения файла;

Про формат файла следует упомянуть отдельно. Я, обычно, сохраняю логотипы в формате PNG/Transparency. PNG – это формат графических файлов, который очень часто используется в вебдизайне, благодаря тому, что по размеру картинки получаются меньше, чем в других форматах. Ну а transparency означает, что картинка будет с прозрачным фоном.

После того, как вы закончили редактировать, щелкните по кнопке «Create Logo». Сразу после этого, вы попадете на страницу на которой будет ссылочка «Download image», по которой вы сможете загрузить картинку к себе на компьютер.