Блог Тани Соколовской: posts tagged Процессы

Разработала логотип космического проекта ISONscope

Sun, 24 Jan 2021 20:50:27 +0100

ISONscope — это совместный проект Управления по вопросам космического пространства ООН (UNOOSA) и Института прикладной математики им. М. В. Келдыша РАН. Имя проекта образовано от аббревиатуры ISON (International Scientific Optical Network) и слова telescope. ISON является существующей инициативой сотрудников Института для наблюдения за околоземным космическим пространством.

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

У нас сильно ограничены сроки — на все есть три недели, это значит, нужно попасть в точку с первого раза. Логотип должен стать лицом проекта ISONscope, входящего в инициативу UNOOSA «Доступ к космосу для всех” (Access to Space for All Initiative).

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

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

Смонтировала ролик с процессом отрисовки эскизов для логотипа: посмотрите на Ютубе.

Набросала и сам телескоп, но уже в векторе:

С формой логотипа я определилась сразу: решила сделать его в круге и объединить букву I и телескоп в один элемент. На данном этапе я взяла готовый шрифт IBM:

Теперь нужно было набросать дополнительные объекты, которые будут присутствовать в логотипе — астероид, космический мусор и спутник. Я решила изобразить полную картину с Солнцем и Землей, чтобы было нагляднее:

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

Собираю логотип. По кругу нужно разместить дополнительные подписи: United Nations Office for Outer Space Affairs и Keldysh Institute of Applied Mathematics. Вот, что получилось:

Результат мне нравится, продолжаю работу и рисую буквы:

Вот, что получилось при совмещении телескопа с новой буквой I:

Обновляю логотип и меняю расположение круговых подписей:

Примеряю результат на мокап и отправляю клиенту:

Смотрю на логотип в цвете и без подписей

Пробую выворотку на носителях:

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

Пробую разные формы спутников, немного сдвинуть элементы и добавить сигнал (он похож на значок вайфая), также обновляю цвет:

Сигнал точно не нужен, явный перебор деталей. Выбираю спутник с солнечными батареями в форме вёсел и снова отправляю клиенту:

Логотип приняли!

Пока мы работали, UNOOSA презентовала логотип инициативы “Доступ к космосу для всех“:

Оказалось, наши логотипы довольно схожи, что несомненно порадовало :-)

Вскоре UNOOSA прислала нам свой брендбук, и мы обновили шрифт круговой подписи и цвет, чтобы больше соответствовать их стилю.

Шрифт мы заменили на Avenir. С цветом чуть тяжелее, нам нравился наш глубокий синий, а там его не оказалось. Мы прикинули несколько вариантов цветов:

Решили остановиться на фиолетовом, как самом близком к нашему синему.

Логотип готов!

Конкурс стартует 27 января, а результаты будут объявлены только в октябре. Буду следить :-)

Была безумно рада работать над проектом, космос — моя любовь!

Ношу на спине Солнечную систему

Как я сделала логотип стилиста

Sat, 05 Dec 2020 17:18:09 +0100

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

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

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

Гугл мне показал десятки вешалок и логотипов с ними:

Я заметила, что вешалки все в одном ракурсе. Тогда я нашла такое фото:

С этим ракурсом и решила работать.

Прикинула заодно и инициалы (Наталия Мягкова)

Смонтировала ролик с процессом отрисовки эскизов для логотипа: посмотрите на Ютубе.

Отрисовала одну вешалку:

Собрала три в ряд, как-будто они весят на штанге, но не понравилось, что они слиплись:

Разделила вешалки:

Пробую разные варианты — со штангой, потоньше, потолще, отраженные влево, на плашках:

Ничего из этого меня не цепляет

Строю вешалку с параллельными линиями:

Собираю три вешалки на штанге:

Увидела еще такую связь:

Параллельно прикидываю пару вариантов с инициалами, но мне они не нравятся:

Возвращаюсь к вешалкам и собираю логотип с разными шрифтами:

Выбираю средний вариант и собираю презентацию:

Получаю комментарии от Наталии — образ не подходит и кажется грубоватым. Также Наталия просит показать шрифт, в котором все буквы “А” были бы без горизонтального штриха. Показываю:

Получилось слишком много “домиков”, такой вариант я забраковала и Наталия с этим согласилась

Наталия тот тип клиентов, который я люблю больше всего! Она вовлечена в процесс и работает вместе со мной, при этом тонко соблюдает границу, оставаясь именно клиентом :-)

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

Вариант с рукописными инициалами или фамилией.
Логотип со знаком-монограммой.
Вариант со знаком, состоящим из двух образов — лотоса и корсета. Образ лотоса просто нравится, а корсет как атрибут женского гардероба.

Решаю начать с вариантов два и три, но сперва смотрю в гугле, какие монограммы уже существуют. Их кончено же оказалось великое множество:

Набросала новую партию эскизов:

Отрисовываю в векторе монограмму и лотосокорсет:

В монограмме как бы стоит буква n и ее “ножка” отражается в зеркале и так образовалась m (вот загнула :-))

А в лотосокорсете спрятаны три образа:

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

Параллельно рисую вариант с инициалами в линиях, но бракую:

Наконец-то добралась до вариантов с рукописными элементами. Нашла шрифт для примера:

Пробую совместить с именем:

Хочу чтобы M дополняла первую букву A в имени, рисую свою M:

Оставляю пока этот вариант и приступаю к рукописным инициалам:

Получился такой лого

В процессе образовался дополнительный вариант в форме круга:

Буквы пока просто деформировала, но в чистовой работе так делать нельзя :-)

Собираю варианты в презентацию и показываю клиенту:

Наталия просит показать первый вариант со шрифтом без засечек. Показываю:

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

На этом этапе рисую буквы:

Добавляю к фамилии ударение, диакритический знак и дескриптор. Диакритический знак взяла из украинского языка — Ї, Наталия живет и работает в Киеве. Смотрю разные положения:

Пробую сплести шрифтовую часть и инициалы:

А также смотрю варианты в рамке:

Решаю немного сплюснуть рукописную часть:

Рисую буквы для дескриптора:

Собираю вариант логотипа в круглой форме:

Но это не конец :-)

Решаю добавить инициалам “жизни” — имитирую письмо пером, когда линии плавно перетекают из тонких в более толстые и снова в тонкие:

Так мне нравится намного больше:

Немного трансформирую рукописную часть:

Смотрю на логотип в разных формах:

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

Наталия решила остановиться на варианте, где рукописная часть связана со шрифтовой:

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

Останавливаемся на первом варианте и смотри его в цвете:

Меняю буквы в дескрипторе со строчных на прописные, так логотип стал более гармоничным:

Примеряю в дополнительный вариант логотипа в круглой форме измененную рукописную часть, но она не встает:

Оставляю как было

Готово, Наталия принимает работу! Итого получился основной вариант логотипа, дополнительный в круглой форме и вариант без дескриптора:

Финальные варианты логотипа

Как я сделала логотип промо-группы «Рейв пипл»

Tue, 18 Feb 2020 16:12:10 +0100

«Рейв пипл» — московская промо-группа. Делает андеграундные рейвы в камерном формате. Основные направления: Progressive House, Underground Trance и Techno.

Нужен логотип из знака и текстовой части. Приступаю к эскизам:

Первые наброски

Правый нижний вариант это упрощенные AV из слова “RAVE”. Он напоминает мне предупреждающую ленту, решаю пока остановиться на нем. Заодно набросала еще идеи:

Так выглядит предупреждающая лента

Прикидываю остальные буквы:

Набираю “People” готовым шрифтом, чтобы посмотреть лого в целом:

Обсудили набросок с представителем промо-группы и решили, что для знака нужно что-то иное, отдельное от текстовой части логотипа. Так появился знак “RP”:

Но подобных сочетаний букв “R” и “P” полно, нужно сделать знак уникальным. Тут я вспомнила про смайл — символ эсид-хауса, и увидела его внутри знака:

Пробую разные варианты

Останавливаюсь на таком:

Еще идеи смайлов:

Смотрю, как сочетаются вместе знак и текстовая часть:

Работаю над “People”:

Соединяю оба слова:

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

Лого Z Festival

Дорабатываю “Rave”:

Верхняя часть “R” кажется мне слишком тонкой, правлю это:

Решаю также уменьшить внутрибуквенный просвет:

Сравниваю:

Результат:

Примеряю логотип на аватарку в соцсетях:

Работу приняли!

Логотип в жизни — на сайте raveppl.ru

Photo © Psyler Room

Photo © Pavel Tzimisce

Photo © Schneider Family

Новый логотип “Дома Свадеб Кати Кещян”

Sat, 11 May 2019 18:36:16 +0100

Задача
Сделать небольшой ребрендинг: обновить логотип и цветовую схему.

Старый логотип

Венок с логтипом Кати Кещян

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

Начала работу с аббревиатуры

Сперва пробую из букв ДС сделать подобие венка. Получился такой набросок:

Отправила Кате и получила добро на развитие идеи. Обрисовала цветы и листочки из венка и приделала их к ДС:

Кате не понравился хвостик у Д. Пробую добавить еще один цветок и кольцо, которое персонаж держит в руках:

В ответ получила картинку из фильма “Аватар” :-) Катя говорит, что хвостик очень уж напоминает хвост существ на’ви.

На’ви

Решаю отойти от “венка” и попробовать форму кольца.

Аббревиатура ДС отлично вписывается в круг

Убираю цветы и добавляю бриллиант из иллюстрации с персонажем:

Кольцо Кате очень нравится. Смотрим знак для примера на сайте:

В таком виде ДС-венок сочетается с текстовой частью лучше, чем ДС-кольцо.

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

Параллельно пробую соединить ДС-кольцо с текстовой частью как-то иначе и нахожу отличный вариант:

Кате нравится, решаем остановиться на этом варианте логотипа. Дорабатываю сам бриллиант:

В процессе пробовала добавить лапки для бриллианта, но они показались лишними

Работа над аркой и персонажем

Параллельно работала над аркой. Главной задачей было — избавиться от пузырей. Поэтому сперва я провела зачистку, а на их место добавила растительности:

Стало — было

Прикинула вариант с темно-красным цветом на персонаже и в цветах арки:

От этого отказались сразу

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

К этому моменту Катя решает пока вообще отойти от арки и оставить ее как есть.

Корректирую насыщенность цвета у изображений. Было — стало:

Собираю гайдлайн

Сделала новый логотип музыканта Daniel Lesden

Sat, 13 Jan 2018 19:55:24 +0100

Задача
Обновить логотип, при этом сохранить узнаваемость.

Так выглядел старый логотип. Работу выполнил сербский дизайнер Nebojsa Nadj в 2012 году

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

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

В имени есть вторая буква “D”, сразу пробую вставить знак и на ее место, при этом обрезаю хвостик-засечку:

Сейчас “D” слишком широкая в сравнении с остальными буквами. Поправляю это:

Также смягчаю хвостик и делаю его чуть короче:

Смотрю на результат:

Экспериментирую с пробелами в буквах:

Добавляю лигатуру и пробелы в другие буквы:

Собираю вертикальный вариант:

Слова не совпадают по ширине — плохо. Добавляю горизонтальные штрихи букве “I”, удлиняю горизонтальный штрих “L”:

Так мне не нравится. “Расширяю” букву “A”:

Выравниваю пробелы в буквах и беру “E” с хвостиком, так как без него образуется дыра между “LE”:

Широкая “A” решила проблему с выравниванием

Горизонтальный вариант тоже выглядит отлично

Окрашиваю лого в фирменный оранжевый цвет и отправляю клиенту:

Работа принята :-)

Процесс: лого визажиста Анны Ротарь

Mon, 19 Sep 2016 10:04:36 +0100

Анна Ротарь — визажист и стилист по волосам в городе Одесса. Я разработала для Анны логотип и оформила визитную карточку.

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

Набросала варианты:

Перевела некоторые в вектор и выбрала наименее «завитушный»:

Смотрю на носителях:

Не нравится, что все буквы рукописные, но нравятся формы букв A и R. Решаю их оставить, а остальные набрать шрифтом:

Логотип стал серьезнее, как раз под звучание фамилии. Попробуйте произнести Ротарь. Она рычит, звучит твердо, в то же время мягкий знак смягчает рычание. Продолжаю работу. Хочется соединить горизонтальный штрих A и полуовал R, а засечки nn превратить в хвостики, как у буквы a. Пробую, смотрим:

Да. Так появилась целостность. Связываю логотип с деятельностью Анны: буква A выполняет роль карандаша со следом от него:

Показываю клиенту предварительный вариант:

Фото из сети для примера

Получаю одобрение — Анне логотип нравится. Работаю дальше. Облегчаю жирные линии A и R, слегка укорачиваю вертикальный штрих R и убираю хвостик буквы A.

Настал этап прорисовки букв. Отмечаю основные проблемы, которые нужно поправить:

Выравниваю параллели, привожу к одному размеру все схожие полукруглые хвосты:

Корректирую дугу от R относительно ножки:

Смотрю в черном цвете:

Не нравится стык полуовала R и ее ножки:

Исправляю:

Настала очередь карандашного следа. Смягчаю его:

Смотрю в логотипе:

Корректирую еще, чтобы он не сильно выпирал над буквой A:

Смотрю:

Делаю вариант логотипа из инициалов:

Готово! Приступаю к визиткам. Для них я доработала карандашный след:

Внутри появился силуэт лица

Отражаю силуэт вертикально:

Собираю макет визитки и отправляю клиенту:

Анна принимает работу.

Как я сверстала и оформила книгу

Wed, 10 Aug 2016 19:43:05 +0100

А тут электронная версия книги

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

Задача: сверстать, оформить и помочь издать художественную книгу израильского писателя и психолога Леи Веденски. Книга называется «О Жизни, Смерти и Любви»

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

Проиллюстрировала рассказы художник Маша Ройтман. Иллюстрации потрясающие и живые, выполнены в графическом стиле карандашом на бумаге:

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

Набросок обложки. Текст на иврите — грубый перевод русккоязычного названия в Google Translate

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

Первый вариант книжной полосы был таким:

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

Вертикальная иллюстрация

Горизонтальная иллюстрация

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

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

Думаю над решением:
— Раз у нас пропала необходимость в двухколоночной верстке, то и придерживаться квадратного формата больше нет необходимости. Почему бы его не поменять?

Учитывая, что все иллюстрации нарисованы на бумаге формата А4, для полной гармонии я выбрала пропорциональный им формат — А5.

Работая над квадратным вариантом я полагалась только на свой эстетический вкус, но с форматом А5 возникли трудности. В поиске гармоничной пропорции наборы полосы я открыла для себя Яна Чихольда и его «Облик книги» — восхитительный «учебник» про вёрстку и оформление книг.

Следуя канону Виллара, полоса набора стала выглядеть так:

Иллюстрации также вписаны в полосу набора. Заодно прикинула обложку под новый формат

Чертеж Виллара

Гармония для текстовых блоков и иллюстраций найдена. Отпала нужда в крупном шрифте, поэтому для удобства чтения уменьшила его с 12 до 11 пт, теперь строка вмещает в среднем 5–7 слов.

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

Работая над текстом, я также руководствовалась рекомендациями Чихольда.

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

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

Чтобы визуально выравнять границу текстового блока, я частично вынесла знаки пунктуации за нее:

Неправильно

Правильно

Когда знаки пунктуации внутри блока, геометрически граница ровная, но визуально она плывет и искривлена. Если же знаки частично вынести, то визуально граница выравнивается и выглядит приятнее. Для наглядности:

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

Убираем «висячие» предлоги в InDesign

Открываем документ и создаем Character Style с единственной настройкой «No Break», имя даем ему такое же:

Далее создаем Paragraph Style для основного текста и идем во вкладку GREP Style. Там жмем кнопку «New GREP Style» и в выпадающем списке «Apply Style» выбираем наш заранее созданный «No Break»:

В поле «To Text» вписываем следующее:
(?<= )((в|‬на|‬под|‬с|‬со|‬во|‬без|‬то|‬ли|‬бы|‬или|‬да|‬но|‬что|‬а|‬и|‬у|‬уж|‬так|‬как|‬для|‬перед|‬через|над|‬‬при|‬по|‬до|‬от|‬о|‬об|‬‬про|‬к|‬ко|‬не|‬за|‬из|‬ни|‬нас|‬я|‬он|‬она|‬оно|‬они|‬мы|‬ее|‬её|‬его|‬вас|‬ты|‬вы‬|‬все|‬всё)( |\. |, ))+

Далее, создаем новый GREP Style по аналогии с первым, но уже для предлогов с большой буквы:
((?<= )|(?<=^))((В|‬На|‬Под|С|‬Со|‬Во|‬Без|‬То|‬Ли|‬Бы|‬Или|Да|‬Но|‬Что|‬А|‬И|‬У|‬Уж|‬Так|‬Как|Для|‬Перед|‬Через|Над|‬‬При|‬По|‬До|‬От|‬О|‬Об|‬‬Про|‬К|‬Ко|‬Не|За|Из|‬Ни|‬Нас|‬Я|‬Он|Она|‬Оно|‬Они|‬Мы|‬Ее|‬Её|‬Его|‬Вас|‬Ты|‬Вы‭|‬Все|‬Всё) )+

Чтобы было понятно:

Условие (?<= ) означает: только если перед предлогом стоит пробел;
(?<=^) — только если предлог стоит в начале абзаца;
(‬в|‬на|‬под|‬с|‬со|‬во‭|...|‬вы‬|‬все|‬всё) — список всех предлогов, местоимений и союзов, которые не должны оставаться в конце строки;
( |\. |, ) — знаки после предлогов: пробел, точка+пробел, запятая+пробел. Символ \ указывает на то, что точка после него рассматривается как точка, а не как GREP-метасимвол);
+ указывает, что условие применимо и к идущим друг за другом предлогам, местоимениям и союзам, например «но нам это показалось интересным».

Подробнее о GREP метасимволах и принципах работы читайте в GREPоводстве.

Результат работы:

Обложка книги

Форзац в стиле иллюстраций

Титульный лист набран в форме кубка и вписан в рамки полосы набора

Горизонтальные иллюстрации, в отличии от вертикальных, расположены прямиков в тексте

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

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

Книга в жизни

Участники проекта

Дизайнер
Таня Соколовская

Автор
Леа Веденски

Художник-иллюстратор
Маша Ройтман

Литературный редактор
Гульнара Сабрекова

Обновление сайта daniellesden.com

Thu, 16 Jun 2016 19:16:35 +0100

Задача
Адаптировать сайт под любые экраны.
www.daniellesden.com

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

Первая версия
Вторая версия
Третья версия
Адаптивная версия

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

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

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

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

Изначальный дизайн раздела в виде таймлайна

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

Разбиваем все советы по темам: написание музыки, диджеинг, менеджмент, маркетинг, бизнес.

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

Размышляем:

— А что если в группировках по темам выводить не все советы, а только важные по усмотрению автора? И показать их в красивой журнальной вёрстке с крупными картинками?

— И как это поможет?

— Очень просто: так мы поможем новым пользователям сориентироваться в рубрике. Вместо того, чтобы листать десятки, а скоро и сотни советов, мы как бы говорим «вот, начни читать с этого». Сами статьи внутри связаны тегами и ссылками, так что если пользователю понравится, он пойдет читать дальше.

— А где будут жить остальные статьи, помимо этих важных?

— Все остальные советы будут снизу в ленте, с этим без изменений.

— Получается, что постоянным читателям придется каждый раз прокручивать страницу вниз к этой ленте, чтобы узнать, вышли ли новые советы?

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

Звучит здорово. Приступаем к реализации:

Собираем макет предложенной идеи

Смотрим, оцениваем и продолжаем рассуждать:

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

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

— Это как?

— А вот так:

Анимация подгрузки помогает расставить акценты внимания

Это решение и вошло в финальную версию сайта.

Участники проекта

Ведущий дизайнер
Таня Соколовская

Дизайнер и верстальщик
Даниил Соколовский

Разработчик
Максим Сильнов

Процесс создания логотипа музыкального проекта JOOF

Thu, 14 Jan 2016 17:39:01 +0100

JOOF Live — новый музыкальный проект британского артиста Джона ’00’ Флеминга.

Джон Флеминг — пионер электронной музыки, диджей, продюсер, радиоведущий и владелец лейбла JOOF Recordings. За двадцатилетнюю карьеру Джон достиг немыслимых высот, его по праву называют двигателем прогресса и одним из самых уважаемых артистов андеграундной музыкальной сцены.

В проекте «JOOF Live» Джон делает акцент на живые выступления, которые позволят раскрыть его потенциал как музыканта и привнести новое звучание.

Логотип проекта «JOOF Live» должен отличаться от логотипа лейбла JOOF Recordings, чтобы фанаты не путали названия лейбла и музыканта. Поэтому перед началом работы смотрю на логотип лейбла:

Основное внимание берут на себя две центральные буквы ОО — они статичные и прямоугольные. Широкий шрифт делает логотип массивным, словно он под прессом. Всего этого в логотипе JOOF Live я буду избегать и двигаться от противоположного, а для большей уникальности добавлю лигатуру. Также клиент пожелал отразить в логотипе фантастичность, футуризм и сделать его «космическим».

Рисую наброски, уделяя внимание преимущественно слову «JOOF», «Live» оставлю на потом:

Выбираю самый удачный на мой взгляд вариант и отрисовываю:

Добавляю и меняю детали:

Но в итоге останавливаюсь на изначальном виде:

Сейчас прочитать слово JOOF тяжело, поэтому меняю букву «J» до узнаваемости:

Откладываю «JOOF» в сторону и приступаю к «Live». Чтобы подчеркнуть движение вперед, использую курсив:

Подрезаю буквы «J» и «F» по наклонной «Live»:

Показываю клиенту:

Этот медведь обитает в инстаграме Джона

Логотип и сама идея клиенту нравятся, но он просит повысить читабельность слова JOOF, а именно буквы «J».

Работаю:

Выбираю правый нижний вариант, правлю букву «V» в слове Live и показываю клиенту:

Что-то по-прежнему не дает покоя в данном варианте, поэтому клиент просит показать другой вариант логотипа — в две строки, разместив слово Live под JOOF.

Строим такой вариант:

Пересечение «J» и «L» мне не нравится, а цифры «00» получились слишком узкими. Работаю над пересечением:

Выбираю последний вариант и выношу букву «F» за пределы формы, что дает возможность расширить «00»:

Отправляю работу клиенту:

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

Меняю букву «F»:

Сравниваю:

В таком виде лого теряет всю свою компактность и минималистичность в деталях. Откладываю в сторону этот вариант и приступаю к новому.

Задача остается неизменной — создать логотип JOOF Live, где слово JOOF будет отличаться от логотипа лейбла.

Пробую новый вариант лигатуры между «JO» и «OF»:

В таком виде лигатуры нам напомнили орнамент меандра:

Меняю соединение «OF» и дописываю слово Live:

Показываю клиенту:

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

Продолжаю работу. Беру одну из идей, которая появилась в начале:

Идея основана на главных чертах логотипа лейбла JOOF: вытянутые вверх буквы, загнутый вверх хвостик в горизонтальном штрихе «J» и развернутый вертикально средний штрих буквы «F». Если посмотреть на старый и новый лого лейбла, то всего этого в них нет:

Прикидываю варианты:

Отбрасываю угловатый лого (на картинке выше — средний) и работаю над двумя другими.

Строю вариант, основанный на кругах:

Выглядит плохо, JOOF и Live конфликтуют, буквы тонкие, а развернутый средний штрих в букве «E» кажется перебором. Строю второй вариант с учетом предыдущих ошибок:

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

Клиенту очень понравилось слово JOOF само по себе настолько, что он решил отказаться от «Live», как части имени проекта и логотипа соответственно, но сохранить его в виде небольшой приписки для постеров и афиш, что это живое выступление музыканта.

По просьбе клиента разрабатываю дополнительные варианты логотипа, где JOOF находится в рамке и с подписями «Live» и «A John 00 Fleming production».

Подбираю рамку:

Останавливаюсь на средней слева. Ищу расположение подписи Live:

Выбираю первые варианты и увеличиваю межбуквенное расстояние в «Live»:

Разрабатываю подпись «A John 00 Fleming production» в стиле логотипа:

Примеряю ее к логотипу в том же положении, что и «Live» для общей стилистики:

Клиент утверждает все варианты и принимает работу!

Правила и рекомендации по использованию логотипа собраны в гайдлайн:

Как я сделала логотип музыкального лейбла JOOF Mantra

Wed, 09 Dec 2015 16:52:54 +0100

Mantra — новое подразделение лейбла звукозаписи JOOF Recordings, основанного в Брайтоне в 1998 году. Под новым брендом лейбл будет издавать прогрессивную электронную музыку в жанрах Progressive и Psytrance.

Стояла задача разработать логотип для JOOF Mantra, но при этом сохранить логотип JOOF Recordings, то есть слово «JOOF» должно остаться неизменным.

Логотип JOOF Recordings

Перед началом работы я посмотрела на результаты поиска по запросу «mantra logo».

Результаты поиска по запросу «mantra logo»

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

Поиски идеи начала с изучения алфавита хинди:

Тут я обнаружила схожесть буквы R с буквой र [ra] и приняла это за основу будущего логотипа.

Набросала эскизы:

Приступила к отрисовке.

В таком виде слово мне не понравилось. Работаю дальше — меняю конструкцию «A», пробую округлить концы букв, экспериментирую с «M», меняю высоту букв — получается куча вариантов:

Выбираю самый удачный вариант:

Параллельно работаю над другой идеей:

Тут я изобразила слово «Mantra» в виде звуковой волны.

Увеличила толщину линий, смотрю результат:

Примеряю оба варианта к основному логотипу JOOF:

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

Возвращаюсь к первому варианту и пробую менять буквы «M» и «N»:

Второе слово читаю как «тапка» :-) Решаю сделать букву «N» ближе к прописной, чтобы слово воспринималось как латинское, и рисую новую «N»:

Сравниваю варианты:

Однозначно, новая «N» выглядит лучше. Но теперь мне не нравится буква «A». Решаю сделать ее тоже прописной подстать остальным буквам. Рисую варианты:

Пробую:

Выбираю классическую округлую форму, но отказываюсь от засечки у конечной «A». Увеличиваю высоту буквы, чтобы визуально она не казалась меньше остальных букв:

Примеряю результат к логотипу JOOF Recordings:

В таком виде JOOF сильно доминирует. Выравниваю толщину букв:

Смотрю на результат:

Теперь смущает разная высота. Обрезаю ножки у мантры и укорачиваю засечку у «M»:

Примеряю оба логотипа в горизонтальном виде и вертикальном:

Результат мне нравится! Показываю клиенту:

Клиент в восторге — логотип очень нравится.

Готовлю руководство по использованию логотипа и передаю все материалы.

Создание сайта лейбла Digital Om Productions

Tue, 27 Oct 2015 18:54:40 +0100

Digital Om Production — музыкальный лейбл, расположенный в Индии и Непале. Лейбл выпускает современную электронную танцевальную музыку в стилях Progressive и Psychedelic Trance, а также работает как букинг-агентство для своих артистов.

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

Изучаем рынок, смотрим сайты других лейблов:

Сайты других лейблов

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

Закладываем фундамент — продумываем структуру будущего сайта, попутно разбивая разработку на несколько интераций. Получается такая схема:

Схема сайта

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

Размышляем: «прежде чем купить музыку, слушатели захотят ознакомиться с фрагментом. Значит нужна возможность выкладывать сэмплы».

Вместо того, чтобы писать собственный аудиоплеер, что потратило бы немало времени, решаем использовать API сервиса SoundCloud, лидера в области облачного хранения музыки. Для клиента такой вариант оказался удобным — лейбл активно пользуется Саундклаудом, на его страничке больше шести тысяч подписчиков.

Приступаем к дизайну. Делаем тёмную цветовую схему подстать музыкальному жанру, но разбавляем её колоритными обложками альбомов и яркими кнопками.

Размышляем: «Так, сверху — большие и яркие кнопки, ссылки на магазины, где продаётся музыка. Но что если добавить на сайт альбом, который еще не вышел? Что будет вместо кнопок?».

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

Чтобы на сайте не было «тупиков», связываем все страницы сайта друг с другом с пользой для посетителей: со страницы альбома или сборника можно попасть на страницу связанных артистов или другие релизы; на странице артиста можно посмотреть все альбомы или сборники, в которых он участвует.

Продумывая такие мелочи, тем временем, рисуем остальные страницы и разделы: главную, артисты, контактную информацию и другие.

Не забываем и про страницу ошибки 404 (это когда пользователь случайно попадает на несуществующую страницу, например, когда ошибается в написании адреса): чтобы зашедшему сюда пользователю не было скучно, размещаем небольшую историю о том, что такое «Ом».

Отдельные макеты делаем для мобильной версии сайта:

Собираем все макеты, готовим презентацию и показываем клиенту:

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

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

Сайт сделали за 4 недели. Поддерживается и наполняется сотрудниками лейбла.

Участники проекта

Ведущий дизайнер
Таня Соколовская

Дизайнер
Даниил Соколовский

Разработчик и верстальщик
Максим Сильнов

Процесс работы над логотипом детского магазина «Тютюпки»

Wed, 07 Oct 2015 13:07:28 +0100

Интересное название у магазина детской одежды — Тютюпки! Не правда ли? :-) Я тоже была удивлена, но, как оказалось, у названия есть история. Магазин принадлежит семейной паре. Тютюпками старшая дочка назвала своих сестричек-близняшек за характерную форму носиков, когда впервые их увидела. Выбирая название для магазина, владельцы решили остановиться на этом забавном слове.

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

Мне пришла идея заложить в образ девочек знаменитых трех обезьянок «ничего не слышу, ничего не вижу, ничего не говорю». Только в нашем случае три девочки, которые делают все с точностью да наоборот — внимательно смотрят, все слышат и громко кричат. Ведь детки не любят сидеть тихо на месте :-)

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

Первые эскизы

Для наглядности отрисовала оба варианта и показала клиенту.

Девочки «обезьянки»

Дракоши-сестрички

Клиент остановил свой выбор на девочках. Я приступила к его доработке, попутно нарисовав еще один вариант девочек, более взрослых.

Второй вариант трех девочек

Но первые девочки приглянулись больше.

Дополнила одежду и украсила буквы.

Было — стало

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

Правила и рекомендации по использованию логотипа собраны в гайдлайн:

Итоговый вариант логотипа

Как я сделала логотип архитектора

Wed, 02 Sep 2015 12:43:46 +0100

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

Клиент — израильский архитектор и дизайнер интерьеров Оз Минасов. Оз работает как с загородной, так и с городской недвижимостью. Также он не ограничивается страной проживания и работает со всем миром.

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

Поиск идеи

Я объединила три оси внутреннего угла комнаты с архитектурным чертежом, тем самым получила акцент и на архитектуре, и на интерьерах.

Первые эскизы

Набросала идею на бумаге и приступила к реализации.

Первый вариант логотипа

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

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

Пример использования логотипа в рекламе

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

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

Correia/Ragazzi Arquitectos

Приступила к новым наброскам. На этот раз я хотела показать единство архитектуры и природы.

Выбрала один из эскизов и принялась к реализации.

Дом в перспективе

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

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

Сперва решила разобраться с домом и набросала новый вариант:

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

Параллельно начали работу над шрифтом и на основе выбранной гарнитуры разработали шрифтовую часть:

На данном этапе Оз попросил поработать над полностью шрифтовым вариантом логотипа, без дома. По аналогии с именем и фамилией я разработала подпись «Architecture And Interior Design».

Скомпоновала все в знак, по форме напоминающий строение:

Пока я работала над шрифтовым вариантом, появилась еще одна идея для дома — совместить карандашную штриховку и силуэт дома.

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

Снова вернулась к наброскам. На этот раз работа шла над символом из инициалов OM.

Эскизы с инициалами

Выбрала две идеи и приступила к их реализации.

Первый вариант — лигатура О и М

Второй вариант — знак на основе М с А (от Architecture)

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

Транформация знака

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

Приступила к окрасу знака. Градиентом усилила букву О.

Цветной вариант и в градации серого

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

Сделала два типа визиток и отправила клиенту.

Информация на иврите и английском с одной стороны и логотип на обороте

Информация на иврите и на английском с разных сторон

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

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

Оборотная сторона

Лицевая сторона

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

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

Результат работы

Персонаж агентства «Уткин дом»

Wed, 05 Aug 2015 08:35:58 +0100

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

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

Поиск образа

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

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

Готовый логотип

Катя уточнила, что хочет не «резинового» утенка, а мультяшного персонажа — так родились первые наброски:

Эскизы уточки

На эскизы получила «добро» и приступила к проработке деталей уже в цифровом виде.

«Цифровая» уточка и ее эволюция

Дорабатываю третий вариант.

Смена костюма

Сперва уточка выглядела немного брутально из-за своей «бритой» головы :-) Поэтому я сделала ей прическу:

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

Итоговый вариант

Так уточка стала настоящей девочкой!

Далее я разработала еще три дополнительных позиции для персонажа и добавила логотипу цвет:

Варианты уточек

Персонаж в жизни

Закончив проект, я с удовольствием за ним слежу: для меня важно, чтобы работа «жила», а не просто оставалась картинкой в портфолио.

Катя решила очень оригинально «оживить» уточку и заказала замечательные брошки по ее образу:

Мастер брошек — Юлия Дружинина

Брошка на Кате

Уточка на блокноте

Уточка на баннере

Ах, да! Была у нас еще одна уточка, но она осталась за кадром, так как получилась слишком «мечтательной» :-)

Мечтательная уточка осталась за кадром

Процесс создания логотипа коуча

Wed, 08 Jul 2015 11:18:14 +0100

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

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

Из получившихся вариантов выбрала концепт дерева с корнями и перевела его в векторный формат.

Знак прошел шесть этапов трансформации:

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

Трансформация логотипа

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

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

Правила и рекомендации по использованию логотипа собраны в гайдлайн:

Когда ничего не подошло

Tue, 23 Jun 2015 19:35:21 +0100

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

А делала я логотип для дизайнера украшений Екатерины Когут. Она создаёт восхитительные изделия из полимерной глины, чем заслужила прозвище «Цветочная фея».

Наша совместная работа длилась почти три месяца. Перебрав несколько «цветочных» вариантов, мы сделали акцент на индивидуальности мастера украшений. Так появились варианты с силуэтом ее профиля.

Направление интересное. Я пошла дальше и использовала целый портрет. Вот что получилось:

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

Вот так.

Как появился логотип литературного проекта «Живое Слово»

Mon, 25 May 2015 16:33:09 +0100

Одна из последних работ — логотип для литературного сообщества «Живое Слово» в Израиле, которым руководит психолог Леа Веденски. Проект создан для развития культуры самовыражения, мышления и речи.

В начале работы над «Живым Словом» у нас произошел небольшой казус. Первые обсуждения предстоящей работы я провела не с руководителем проекта, а с его помощником. От него мы получили уже имеющийся графический образ проекта «Живое Слово» вместе с пожеланиями к будущему логотипу.

Визуальный образ проекта «Живое Слово». Художник Маша Ройтман

Поработав над первым эскизом, назначили общую встречу, уже с присутствием Леи. Там-то мы и поняли, что ошиблись. Ее видение логотипа оказалось совершенно иным. Соответственно и наш эскиз «провалился».

Первый эскиз

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

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

Второй эскиз, над которым я продолжила работу

Я доработала знак, практически не отступив от эскиза, а шрифтовую часть постаралась сделать «живой», сымитировав письмо пером. Ниже результат:

Кстати, в готовом логотипе мы увидели еще и форму граната, а гранат является символом плодородия Израиля. Эта находка особенно порадовала Лею :-)

Правила и рекомендации по использованию логотипа собраны в гайдлайн:

Лого Hobby & Profi. Увидь слона!

Mon, 27 Apr 2015 15:54:00 +0100

Сегодня расскажу о забавном логотипе для магазина Hobby & Profi.

Магазин занимается продажей товаров для выпечки и кэнди баров. Основное пожелание его владельцев — логотип должен быть стильным и ассоциироваться с качественными и модными принадлежностями для выпечки.

Обговорив детали, я начала работу с набросков идей.

Некоторые из идей

Далее выбрала наиболее удачные на мой взгляд варианты и перевела их в цифровой формат.

Варианты, которые показала клиенту

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

Итак, владельцам Hobby & Profi очень понравились оба варианта, однако появилось большое «НО». В процессе обсуждений выяснилось, что в будущем магазин будут расширять. В итоге он станет маркетом не только для кондитеров, но и для любого вида творчества и хенд-мейда.

Приняв новую информацию к сведению, я продолжила работу и принялась за новые эскизы.

Так появилось еще три идеи.

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

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

И третий вариант — мой любимый. Я искала образ, в котором бы раскрылась фраза «сделано своими руками». Крутила, вертела руки, пока не увидела, что силуэт руки в знаке «Класс!» напоминает слона.

Так и родился слон, сделанный руками

Новые варианты очень понравились клиенту, но больше всего, как ожидала, понравился слон. Это была любовь с первого взгляда :-)

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

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

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

Теперь у магазина Hobby & Profi есть отличный логотип и собственный веселый слон.

Правила и рекомендации по использованию логотипа собраны в гайдлайн:

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

Логотип для музыканта Psytellite

Tue, 03 Dec 2013 19:50:48 +0100

Psytellite — музыкант и диджей. Его творческий псевдоним образован от двух английских слов: «Psy» (музыка в стиле Psychedelic Trance) и «satellite» (спутник). Разработала для него логотип, символизирующий полет спутника над орбитой планеты.

О процессе

Первыми появились такие варианты:

Но клиенту они не подошли, он попросил уделить особое внимание шрифту. Я продолжила работу:

Понравился вариант со спутником над сферой. Продолжили работу над этим вариантом:

Ищу подходящее шрифтовое решение:

Нравится первый вариант, решаем доработать его.

Самой сложной частью стала работа над сферой с буквой Y. Высылаю наработки:

Клиент просит попробовать поправить Y в соответствии с его эскизом:

Отправляю ему варианты с пояснениями:

В первом варианте дуга ровная (от окружности), и от нее можно нарисовать Y, но тогда получается большое расстояние между дугой и буквами.

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

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

Как вариант четыре, можно было бы приклеить Y выше середины сферы, тогда она сохраняет свою окружность, и расстояние между ней и буквами не такое большое. Но в этом случае Y становится под сильный наклон, в отличии от остальных букв, и появляется дырка между ним и Т, а psy отделяется от tellite.

Высылаю еще несколько вариантов для сравнения:

Клиент решил остановиться на первом и набросал еще один эскиз с пожеланиями:

Дорабатываю логотип с учетом пожеланий и собираю гайдлайн.

Разворот из гайдлайна о цвете и логотипе

Разворот о правилах использования логотипа