Самостоятельное создание графического логотипа — пошаговая инструкция - «Веб-дизайн»
«Эпический» сериал Netflix по Assassin’s Creed впервые за несколько лет подал признаки жизни - «Новости сети»
«Эпический» сериал Netflix по Assassin’s Creed впервые за несколько лет подал признаки жизни - «Новости сети»
«Хуже моего самого страшного кошмара»: утечка геймплея с тестирования новой The Sims ужаснула фанатов - «Новости сети»
«Хуже моего самого страшного кошмара»: утечка геймплея с тестирования новой The Sims ужаснула фанатов - «Новости сети»
Самые полные издания Borderlands 3 и Diablo III добавят в Game Pass, а лучшая игра 2024 года по версии 3DNews подписку скоро покинет - «Новости сети»
Самые полные издания Borderlands 3 и Diablo III добавят в Game Pass, а лучшая игра 2024 года по версии 3DNews подписку скоро покинет - «Новости сети»
Amazon включилась в борьбу за американский бизнес TikTok - «Новости сети»
Amazon включилась в борьбу за американский бизнес TikTok - «Новости сети»
«Яндекс» представил «Нейроэксперта» — ИИ, который соберёт базу знаний по ссылкам и файлам пользователя - «Новости сети»
«Яндекс» представил «Нейроэксперта» — ИИ, который соберёт базу знаний по ссылкам и файлам пользователя - «Новости сети»
ZA/UM отреагировала на утечку «одиночной кооперативной игры» Locust City во вселенной Disco Elysium - «Новости сети»
ZA/UM отреагировала на утечку «одиночной кооперативной игры» Locust City во вселенной Disco Elysium - «Новости сети»
GTA V вернётся в Game Pass, причём совсем скоро — впервые игра будет доступна в PC Game Pass - «Новости сети»
GTA V вернётся в Game Pass, причём совсем скоро — впервые игра будет доступна в PC Game Pass - «Новости сети»
Обзор системы резервного копирования и восстановления данных «Кибер Бэкап Малый Бизнес» - «Новости сети»
Обзор системы резервного копирования и восстановления данных «Кибер Бэкап Малый Бизнес» - «Новости сети»
Nintendo создала гибридный эмулятор Switch, но работать он будет только на Switch 2 - «Новости сети»
Nintendo создала гибридный эмулятор Switch, но работать он будет только на Switch 2 - «Новости сети»
Лавкрафтианский хоррор Stygian: Outer Gods готовится к старту открытой «беты» — новый геймплейный трейлер - «Новости сети»
Лавкрафтианский хоррор Stygian: Outer Gods готовится к старту открытой «беты» — новый геймплейный трейлер - «Новости сети»
Новости мира Интернет » Самоучитель CSS » Самостоятельное создание графического логотипа — пошаговая инструкция - «Веб-дизайн»

Доброго времени суток! Я Михаил Марк — веб-дизайнер, автор проекта, совмещающего в себе несколько функций, главной из которых является блог о кино, веб-дизайне, творчестве и мире фэнтези. Сайт доступен по адресу: mikhailmark.ru


В этом познавательном посте я бы хотел рассмотреть все аспекты создания фирменного логотипа — наиболее важного элемента современной айдентики/бренда. Урок будет отличным дополнением заметки о рисовании логотипа в Illustrator и подборки лучших примеров по разработке профессиональных логотипов.


Что такое логотип и для чего он нужен?


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


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


Виды логотипов


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


Самостоятельное создание графического логотипа — пошаговая инструкция - «Веб-дизайн»

2. Текстовые. В них нет графики — только типографика, отсюда и прямая связь с наименованием. Надпись выполняется в обыкновенном или чаще оригинальном начертании, с использованием одного или набора определённых цветов.



3. Комбинированные. Как понятно из названия, в данных логотипах совмещаются и графика, и текст. Такое представление считается наиболее выигрышным, так как сочетает в себе преимущества обоих вариантов.



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



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


Алгоритм создания собственного логотипа


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


Шаг 1. Анализ


Начать стоит вовсе не с мозгового штурма, а с анализа рынка. Изучив как можно больше уже готовых работ этой тематики, в том числе своих конкурентов, вы:



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

Шаг 2. Определение задач


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


Шаг 3. Набросок


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


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



Шаг 4. Отрисовка


В плане расширения, несомненно, логотип должен быть векторным, т.е. легко масштабируемым. В отличие от растрового изображения — векторное можно увеличивать во много раз безгранично. Самыми распространёнными векторными графическими редакторами являются Corel Draw и Adobe Illustrator. Но инструменты для вектора графики есть и в Photoshop (в конце концов, допускается импорт итоговых файлов в вышеназванные программы).


1. Определимся с формой логотипа. Самое распространённое расположение элементов логотипа горизонтальное (когда текст располагается справа), реже — вертикальное (когда текст располагается под символом). Не стоит изощряться и пытаться разместить элементы нестандартно, дабы избежать нежелательного результата.




2. Определяемся со шрифтом. Главное здесь вовсе не уникальность, как можно подумать, а его читабельность. Поэтому, если вы вдруг выбрали для надписи замысловатый шрифт, затрудняющий лёгкое прочтение этого текста, то лучше от него отказаться.


В зависимости от направления деятельности, используются:



Рукописные шрифты (будто написанные от руки);
Декоративные (похожие на предыдущие, витиеватые, отличающиеся плавными чёткими линиями);
Шрифты с засечками;
Строгие (без засечек);
Машинописные (напоминают текст, набранный на печатной машинке).

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



3. Определяемся с цветом. Мы нарисовали графический символ и теперь можно выставить всем элементам логотипа нужные цвета. И вновь, если вы собираетесь использовать несколько вариантов, то, как и в случае со шрифтами, их, во-первых, желательно брать не больше двух, хорошо сочетаемых между собой цветов. Исключением могут быть бренды, в которых разнообразие оттенков и является основой (как у «Google» или «ebay»).



Шаг 5. Подача


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


Конечно, многое зависит от заказчика и его восприятия, но большинство «покупаются» (не очень хорошее слово, но наиболее подходящее) на красивую обёртку. Это может быть пример размещения лого на визитной карточке или в виде вывески. К слову, для данных целей в сети есть не мало платных и бесплатных заготовок — мокапов (mockup). Я взял один из собственных (скачивайте его здесь).



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

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Доброго времени суток! Я Михаил Марк — веб-дизайнер, автор проекта, совмещающего в себе несколько функций, главной из которых является блог о кино, веб-дизайне, творчестве и мире фэнтези. Сайт доступен по адресу: mikhailmark.ru В этом познавательном посте я бы хотел рассмотреть все аспекты создания фирменного логотипа — наиболее важного элемента современной айдентики/бренда. Урок будет отличным дополнением заметки о рисовании логотипа в Illustrator и подборки лучших примеров по разработке профессиональных логотипов. Что такое логотип и для чего он нужен? Будь вы серьёзной промышленной компанией или начинающим блогером, вы, как и продукты вашей деятельности (промышленной или творческой соответственно) должны быть идентифицированы. Наилучшим решением данной задачи служит логотип. Этот графический элемент придаёт уникальности и узнаваемости вашему проекту. К тому же лого является основой любого бренда, с него начинается фирменный стиль, он также символизирует вашу подпись, если не сказать, что представляет собой лицо конкретного человека или целой компании. Виды логотипов 1. Символьные. В их основе лежит некий графический символ, который имеет уникальное прочтение, т.е. это необязательно должен быть очевидный образ, он может быть и абстрактным (конечно, несущим в то же время определённый смысл). 2. Текстовые. В них нет графики — только типографика, отсюда и прямая связь с наименованием. Надпись выполняется в обыкновенном или чаще оригинальном начертании, с использованием одного или набора определённых цветов. 3. Комбинированные. Как понятно из названия, в данных логотипах совмещаются и графика, и текст. Такое представление считается наиболее выигрышным, так как сочетает в себе преимущества обоих вариантов. 4. В виде эмблем. В отличие от предыдущего способа, где текст и графический символ как бы оторваны друг от друга, в логотипе-эмблеме они являются частью одного целого (хотя в круглых лого не всегда бывает так). Давайте дальнейшее углубление по теме самостоятельного создания логотипа компании мы продолжим на конкретном примере. Алгоритм создания собственного логотипа Предположим, что у нас есть небольшой бизнес по продаже смартфонов и нам необходимо реализовать логотип 3-го вида (символ текст), чтобы повысить узнаваемость, начать рекламировать магазин в медиа пространстве и т.д. Шаг 1. Анализ Начать стоит вовсе не с мозгового штурма, а с анализа рынка. Изучив как можно больше уже готовых работ этой тематики, в том числе своих конкурентов, вы: во-первых, сможете определиться со стилем и направлением своего будущего логотипа; во-вторых, исключаете случайное повторение, подражание уже известному бренду. Шаг 2. Определение задач Решите, какие задачи должен решить логотип, что вы хотите в нём отразить, какие особенности вашей деятельности он будет показывать собой (прямо или образно)… В нашем текущем примере, мы хотим показать, что наш магазин торгует только продвинутыми устройствами, качество которых не вызывает сомнения. Шаг 3. Набросок Исходя из поставленных задач, начните визуализировать свои идеи в виде набросков. Всё, я повторюсь, всё, что придёт в голову. Позже, когда перед глазами окажется весь спектр идей, вы сможете определить для себя приоритетные и продолжить работу уже исключительно над наиболее подходящими эскизами. Уточню, не стоит тратить много времени на тщательную отрисовку каждого варианта на этом этапе, ведь в конце, он может оказаться в числе отсеянных, а значит и потраченное на него время окажется напрасным. Шаг 4. Отрисовка В плане расширения, несомненно, логотип должен быть векторным, т.е. легко масштабируемым. В отличие от растрового изображения — векторное можно увеличивать во много раз безгранично. Самыми распространёнными векторными графическими редакторами являются Corel Draw и Adobe Illustrator. Но инструменты для вектора графики есть и в Photoshop (в конце концов, допускается импорт итоговых файлов в вышеназванные программы). 1. Определимся с формой логотипа. Самое распространённое расположение элементов логотипа горизонтальное (когда текст располагается справа), реже — вертикальное (когда текст располагается под символом). Не стоит изощряться и пытаться разместить элементы нестандартно, дабы избежать нежелательного результата. 2. Определяемся со шрифтом. Главное здесь вовсе не уникальность, как можно подумать, а его читабельность. Поэтому, если вы вдруг выбрали для надписи замысловатый шрифт, затрудняющий лёгкое прочтение этого текста, то лучше от него отказаться. В зависимости от направления деятельности, используются: Рукописные шрифты (будто написанные от руки); Декоративные (похожие на предыдущие, витиеватые, отличающиеся плавными чёткими линиями); Шрифты с засечками; Строгие (без засечек); Машинописные (напоминают текст, набранный на печатной машинке). В нашем случае мы выберем строгий стиль, отражающий в себе современный минимализм. К слову, если в логотипе вы собираетесь использовать несколько шрифтов, то, во-первых, их не должно быть больше двух, а во-вторых, они, конечно же, должны сочетаться. 3. Определяемся с цветом. Мы нарисовали графический символ и теперь можно выставить всем элементам логотипа нужные цвета. И вновь, если вы собираетесь использовать несколько вариантов, то, как и в случае со шрифтами, их, во-первых, желательно брать не больше двух, хорошо сочетаемых между собой цветов. Исключением могут быть бренды, в которых разнообразие оттенков и является основой (как у «Google» или «ebay»). Шаг 5. Подача На практике я выяснил, что даже самый невзрачный логотип может быть принят заказчиком на ура, в то время, как другое — оригинальное решение, бывает остается без внимания, если в первом случае проработать подачу, а во втором — показать результат просто, как есть. Конечно, многое зависит от заказчика и его восприятия, но большинство «покупаются» (не очень хорошее слово, но наиболее подходящее) на красивую обёртку. Это может быть пример размещения лого на визитной карточке или в виде вывески. К слову, для данных целей в сети есть не мало платных и бесплатных заготовок — мокапов (mockup). Я взял один из собственных (скачивайте его здесь). Надеюсь, эта короткая инструкция пошагового создания логотипа компании пригодится начинающим веб-дизайнерам, да и всем, кто хотел бы самостоятельно разрабатывать подобную графику.

запостил(а)
Philips
Вернуться назад
0

Смотрите также

А что там на главной? )))



Комментарии )))