Рабочий блог Павла Николенко

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

Лето, отдых и работа

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

Например, иллюстрации для сайта курсов по программированию.

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

Логотип и иконки для фирмы по изготовлению печатей

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

дизайн логотипа

Далее потребовалось создать три иллюстрации для видов документов: сертификата соответствия РСТ, декларации и сертификата ISO.

иллюстрации типов документов

Решена очередная задача для клиента быстро и в соответствии ожиданиям. С нетерпением жду продолжения сотрудничества с этим клиентом и готовлю решения для новых задач.

Вариации стилистики одной иконки

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

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

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

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

Обновление по иконкам и иллюстрациям за последнее время

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

Из новенького можно отметить иконки для ПО

Иконки для веб-сервиса

Также поработал над маленькими для мобильной версии сайта одной компании. Очень понравилось вписывать образы техники (авто, мото, скутер, квадроцикл и т. п.) в такой маленьких размер. Вот мелкие, но такие приятные иконки получились. С удовольствием поработал бы над подобной задачей, но в бОльшем объёме.

Иконки видов транспорта

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

Редизайн иконок для сайта

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

Простые иконки для приложения

Также закончил работу для квест-комнаты в Мадриде от новой компании LAB-E, в рамках которой мы сделали логотип, фирменный паттерн, сайт и немного наружного оформления. Пока выкладывать ничего не стану, может быть позднее.

Иллюстрации для сайта

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

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

Контурные иллюстрации для разделов сайта

Результатом остались довольны все: и я и клиент, а это самое главное.

Набор иконок для коттеджного посёлка

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

Контурные иконки для сайта на тему ЖКХ и обустройства территории

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

Плохие иконки на сайте клиента

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

Обновление по иконкам и иллюстрациям

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

На сайте иконки располагаются на белом фоне просто я люблю размещать их на сером и с белой заливкой — нравится мне такой вид.

Контурные иконки преимуществ для сайта

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

Иллюстрации для сайта компании

Набор иконок для интернет-магазина обоев

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

Контурные иконки для магазина обоев

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

Стандартные иконки и обновление в портфолио

Есть такие иконки, которые встречаются у каждого второго клиента. Я говорю об иконках: доставки, быстрой доставки, доставки по всей России, эксклюзивного товара, квалифицированного персонала и т. п. И у всех всё уникальное и самое лучшее :) Большинство просто берёт их из интернета, но есть и те, кто предпочитает оригинальные и под стилистику сайта/логотипа. Они обращаются к дизайнеру.

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

Я к чему это всё начал — в последние дни работаю над несколькими небольшими проектами и в них присутствуют одинаковые иконки. И вот решил озвучить в блоге этот вопрос об использовании одной иконки в разных проектах. Можно ли изображать разным клиентам «доставку» одинаково? При условии одинаковой требуемой стилистики. Однажды мне попытались предъявить в виде претензии, мол «А почему вы изобразили домик как домик у конкурентов?»

Ну и небольшой наборчик иконок для интернет-магазина.

Иконки преимуществ для вебсайта

Небольшой набор ненужных иконок

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

Заказать иконки для сайта

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

Иллюстрации ВУЗов

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

иллюстрация иконка британского вуза

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

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

иконки иллюстрации зданий вузов британских

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

иконки на тему образования

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

Иконки для медицинского центра

Небольшой набор иконок для сайта медицинского центра в любимой мною контурной стилистике. Все услуги центра ясно и понятно украшены этими красивыми иконками =)

Иконки для медицинского сайта

Набор иллюстраций для сайта

Новый набор иллюстраций «в духе Dropbox» для главной страницы одного сервиса. Все ключевые особенности сервиса на одной странице. Подписи я размещал сам просто для просмотра, на сайте вёрстка выглядит иначе. Наверное.

Иллюстрации иконки в стиле Dropbox для сайта

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

Обновление в иконках за последние дни

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

Иконки для сайта автомастерская шины

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

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

Хотите заказать такие же иконки для своего сайта? Обращайтесь!

Печати и оттиски

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

Иконки печати и штампы для сайта

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

Серия иконок для группы сайтов

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

Контурные иконки страхование, экспертиза, виды деятельности

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

UPD Вот и дополнение к набору.

Контурные иконки для сайта холдинга

PS Я выкладываю иконки в оригинальном размере и надеюсь, что ни у кого не возникнет желания взять и разместить их где-то у себя. У них есть законный владелец и доказать авторство не составит труда. Я не говорю, что автор (я) или владелец (мой заказчик) будут подавать в суд, но сообщить хостеру (отключат сайт) или поисковым системам (удалят из поиска) дело 5 минут.
Речь не только об этих иконках, но и обо всех материалах, размещённых в этом блоге. Если хотите себе такие же иконки или иллюстрации, то просто напишите мне. Обязательно найдём решение =)

Иконки-иллюстрации для сайта

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

иконки для сайта видеостен

Создание логотипа для блога

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

Я сразу представил какой именно лого хочется, чтобы было в нём что-то испанское, канарское, ленивое и непременно с намёком на отдых. Примерные ассоциации я видел такие: сангрия, фиеста, сиеста, отдых, спокойствие, Испания и т. п. Кстати, названием мы выбрали Siesta life (ссылка в верхнем меню блога) и лого должен был напрямую связан с этим названием. Жизнь как сиеста!

Я сразу захотел сделать текстовую часть именно красиво, леттерингом. Перепробовав разные курсивные и рукописные шрифты (платные и бесплатные, хорошие и очень хорошие) я понял, что среди готовых гарнитур не смогу подобрать то самое. Были хорошие написания, но всё не то, чего-то не хватало. Сам я не считал себя достаточно хорошим чтобы браться за леттеринг и каллиграфию (хоть и в далёкие годы учёбы в художественной школе нас этому и учили, только плакатным пером писать, но всё же). Поэтому даже не рассматривал вариант создания надписи самому, собирался искать человека, который это умеет делать хорошо.

Я набросал примерный эскиз логотипа, каким его видел я.

Суть проста: мужик дремлет в гамаке со стакашкой сангрии — идеально! А надпись выполняет роль крепежа для гамака.

Бюджета для того чтобы просто взять и отдать на разработку крутым ребятам не было, пришлось выбирать из более бюджетных. В русскоязычном фрилансе даже с хреновым портфолио хотели слишком много денег (я был немного удивлён), но отдавать человеку без портфолио тоже было бы глупо. Заглянул на одну из забугорных бирж и отобрал кандидатов. С некоторым пообщался, рассказав что нужно. Многие отмечали оригинальность идеи =) что, конечно же, мне очень льстило.

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

Если первый набросок брашпеном без эскиза ещё куда ни шло, то изображение мужичка меня, мягко говоря, удивило. Как можно было сделать вот это, имея чёткий эскиз? Я повторно объяснил что нужно сделать и это, видимо, напугало парня — он отменил заказ, прокомментировав: «Sorry, personal troubles». Ну ок. =/

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

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

Наброски, наброски и ещё раз наброски. Карандашом, маркером, кистью (хреновой, не каллиграфической).

Процесс создания логотипа для блога Сиеста Лайф 2

Вырисовывается надпись.

Процесс создания логотипа для блога Сиеста Лайф 3

Мужик на подходе.

Процесс создания логотипа для блога Сиеста Лайф 4

Обвожу брашпеном т. к. маркер и тушь оказались неудобны, не нужны, да и просто это был дикий кайф рисовать именно этим брашпеном! Всего 7 евро, а такой классный инструмент. В России не знаю сколько стоит, я заказывал на Ebay из Германии.

Процесс создания логотипа для блога Сиеста Лайф эскиз

Второй стороной (тонкой) вывожу мужичка.

Процесс создания логотипа для блога Сиеста Лайф доработка эскиза

И вот она надпись с рисунком готовы.

Процесс создания логотипа для блога Сиеста Лайф леттеринг Siesta Life

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

Леттеринг для логотипа блога

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

Логотип для блога об Испании

Таким образом мой вредный характер решил следовать пословице: «Хочешь сделать хорошо — сделай это сам.» Было бы интересно послушать советы и рекомендации по улучшению надписи от более опытных в леттеринге людей. Прикрывать тем, что это первый опыт я не стану, но я старался как мог и результатом остался доволен. Есть кое-какие недочёты, замеченные со временем и их я как-нибудь обязательно поправлю.

Обновление персонажа в логотипе

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

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

Предоставленный и финальный макеты слоника

Редизайн логотипа персонажа для мобильного приложения

Старый и новый персонаж на экране приложения.

Персонаж для мобильного приложения
Ранее Ctrl + ↓