Аврора Батырева: как самостоятельно создать дизайн для своего проекта

Аврора Батырева рассказала чем можно заменить дорогие и сложные программные пакеты для создания дизайна. Фото: Ира Шеремет
Аврора Батырева рассказала чем можно заменить дорогие и сложные программные пакеты для создания дизайна. Фото: Ира Шеремет.

Для малых и начи­на­ю­щих про­ек­тов необ­хо­ди­мость в дизайне прак­ти­че­ски отсут­ству­ет. На стар­те про­ек­там пона­до­бят­ся толь­ко базо­вые вещи: лого­тип, брен­ди­ро­ва­ние соци­аль­ных сетей и созда­ние бан­не­ров. Об этом рас­ска­за­ла осно­ва­тель­ни­ца агент­ства «Спа­си­бо­Ав­ро­ра» Авро­ра Баты­ре­ва на мита­пе Теп­ли­цы соци­аль­ных тех­но­ло­гий в Санкт-Петер­бур­ге.

Агент­ство «Спа­си­бо­Ав­ро­ра» спе­ци­а­ли­зи­ру­ет­ся на рабо­те с малы­ми про­ек­та­ми. На встре­че участ­ни­ки узна­ли, как исполь­зо­вать бес­плат­ные онлайн-при­ло­же­ния для созда­ния дизай­на оформ­ле­ния сво­е­го про­ек­та, не вкла­ды­вая боль­ших ресур­сов.

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

Аврора Батырева. Фото: Ира Шеремет
Авро­ра Баты­ре­ва. Фото: Ира Шере­мет

Логотип

Лого­тип – гра­фи­че­ский знак, эмбле­ма или сим­вол, кото­рый иден­ти­фи­ци­ру­ет ваш про­ект и поз­во­ля­ет отли­чать ваши про­дук­ты.

Суще­ству­ет око­ло 30 сти­лей лого­ти­пов. Авро­ра выде­ли­ла из них самые под­хо­дя­щие для малых про­ек­тов, с кото­ры­ми не воз­ник­нет про­блем при печа­ти.

  • Кубизм. Стиль, в кото­ром объ­ек­ты раз­би­ва­ют­ся на гео­мет­ри­че­ские при­ми­ти­вы.

    Примеры логотипов в в стиле кубизм. Изображение с сайта http://alexsv.ru/
    При­ме­ры лого­ти­пов в сти­ле кубизм. Изоб­ра­же­ние с сай­та http://alexsv.ru/

«Это как играть в куби­ки, при помо­щи них про­сто сло­жить лого­тип, фир­мен­ный стиль и раз­лич­ные кон­струк­ции». Авро­ра Баты­ре­ва

  • Про­стая гео­мет­рия. Стиль, в кото­ром исполь­зу­ют­ся про­стые фор­мы, неслож­ные гео­мет­ри­че­ские ком­по­зи­ции.
Примеры логотипов в с использованием простой геометрии. Изображение с сайта alexsv.ru
При­ме­ры лого­ти­пов с исполь­зо­ва­ни­ем про­стой гео­мет­рии. Изоб­ра­же­ние с сай­та alexsv.ru

«По сути это дизайн в шриф­те, кото­ро­му при помо­щи мел­ких изме­не­ний при­да­ет­ся ори­ги­наль­ность. Рабо­та­ет по прин­ци­пу «чем про­ще, тем луч­ше». Авро­ра Баты­ре­ва

  • Про­об­ра­зы живот­но­го мира и образ чело­ве­ка. Спо­соб при помо­щи героя и обра­за рас­ска­зать о вашем про­ек­те.

    Примеры логотипов в с использованием прообразов животного мира и образа человека. Изображение с сайта alexsv.ru
    При­ме­ры лого­ти­пов с исполь­зо­ва­ни­ем про­об­ра­зов живот­но­го мира и обра­за чело­ве­ка. Изоб­ра­же­ние с сай­та alexsv.ru
  • Кал­ли­гра­фия. Стиль с исполь­зо­ва­ни­ем искус­ства кра­си­во­го пись­ма. Если нашли хоро­ше­го кал­ли­гра­фа, на него сто­ит потра­тить день­ги. Глав­ное – сле­дить за тем, что­бы назва­ние оста­ва­лось чита­е­мым.
Примеры логотипов в с использованием каллиграфии. Изображение с сайта alexsv.ru
При­ме­ры лого­ти­пов с исполь­зо­ва­ни­ем кал­ли­гра­фии. Изоб­ра­же­ние с сай­та alexsv.ru

    Логотип своими руками

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

    Самый про­стой спо­соб создать лого­тип – Hipster Logo Generator – един­ствен­ный на сего­дня бес­плат­ный гене­ра­тор лого­ти­пов. Бла­го­да­ря боль­шой ком­би­на­ции раз­лич­ных эле­мен­тов поз­во­ля­ет созда­вать ори­ги­наль­ные лого­ти­пы за 5 минут.

    Ком­би­ни­ро­ван­ный спо­соб. Для него пона­до­бит­ся исполь­зо­вать два сер­ви­са: один для шриф­та, вто­рой для икон­ки.

    • Ресурс по про­да­же шриф­тов Myfonts. Он поз­во­ля­ет нахо­дить шриф­ты, в том чис­ле кирил­ли­че­ские, содер­жа­щие поис­ко­вое сло­во. На стра­ни­це каж­до­го шриф­та есть пре­зен­та­ци­он­ное окно, в кото­ром созда­тель шриф­та пред­ла­га­ет при­ме­ры его исполь­зо­ва­ния и под­хо­дя­щие для него цве­та. На той же стра­ни­це пред­став­ле­ны при­ме­ры начер­та­ния шриф­та с поис­ко­вым сло­вом. Сайт поз­во­ля­ет ска­чи­вать эти изоб­ра­же­ния в фор­ма­те .gif (файл с про­зрач­ным фоном). Для того что­бы ска­чать файл в мак­си­маль­ном раз­ме­ре, исполь­зуй­те функ­цию «fit to width».
    • Сер­вис Flaticon. Это склад боль­шо­го коли­че­ства ико­нок, мно­гие из кото­рых бес­плат­ны. Для поис­ка под­хо­дя­ще­го изоб­ра­же­ния мож­но исполь­зо­вать Sociation.

    Создание фирменного стиля

    Участники митапа опробовали набор предоставленных Авророй источников для создания фирменного стиля. Фото: Ира Шеремет
    Участ­ни­ки мита­па опро­бо­ва­ли набор предо­став­лен­ных Авро­рой источ­ни­ков для созда­ния фир­мен­но­го сти­ля. Фото: Ира Шере­мет.

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

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

    • шрифт – исполь­зу­ет­ся для тек­сто­вых эле­мен­тов, напри­мер, над­пи­си на бан­не­ре;
    • эпо­ха – вре­мя, с кото­рым ассо­ци­и­ру­ют­ся эле­мен­ты сти­ля. Если вы не зна­е­те, какой стиль выбрать и что взять за осно­ву, то луч­ше все­го брать стиль Аме­ри­ки пери­о­да рас­све­та, то, что сей­час назы­ва­ет­ся «хип­стер­ский стиль»;
    Пример логотипа в "хипстерском стиле". Логотип создан при помощи Hipster Logo Generator
    При­мер лого­ти­па в «хип­стер­ском сти­ле». Лого­тип создан при помо­щи Hipster Logo Generator.
    • цвет – набор цве­тов, исполь­зу­е­мых в эле­мен­тах дизай­на.

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

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

    Груп­па в ВКон­так­те «Спа­си­бо­Ав­ро­ра».