Иконка для канала Федора Борщева

Сделал иконку для канала «Блог ненужного менеджера». Автор канала, Федор Борщев, написал мне с просьбой помочь ему с иконкой для канала. Пообщались, в итоге убедил его изменить не только иконку, но и название канала.

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

Процесс

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

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

Делаю наброски в блокноте:

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

Отправил Фёдору, идея ему понравилась. Начал рисовать на планшете:

Использовал iPad Pro, Apple Pencil и приложение Procreate.

Результат

Отравил нарезку и исходник Фёдору.

Единственный минус Procreate в том, что исходник растровый. Поэтому Фёдор решил перевести его в векторный формат с помощью Скетча: нарисовал кривые поверх иконки и расставил по сетке.

Иконка для канала Сергея Капличного

Сделал иконку для канала Сергея Капличного. Раньше канал так и назывался, но Сергей решил развить его в небольшое СМИ с интересными форматами и назвал его «РАЗВИВЕЙШН».

Процесс

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

Обсуждение иконки

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

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

Символ ракеты предложил Сергей и я не стал предлагать ничего другого. Во-первых потому, что если автор канала понимает, какой символ лучше всего будет ассоциироваться с его каналом — это круто. Не каждый приходит к такому пониманию. Во-вторых, ракета как символ взлёта, стремительного роста и потенциала отлично подходит под тематику «РАЗВИВЕЙШН».

Результат

Иконка для канала Сергея Капличного

2017 — год практики в дизайне

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

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

За 2017 год осталось выполнить только одну задачу:

Теория

В 2017 году основной упор был на практику и работу. Поэтому прочитал всего 27 книг: 12 художественных и 15 про дизайн и развитие.

Книга: О шрифтеЦитата из книги «О шрифте», Эрик Шпикерман

Зато не упускал возможность сходить на митап и конференцию, послушать доклады и познакомиться с новыми людьми:

  1. «Пиши, соблазняй», лекция Максима Ильяхова
  2. «Как таблички меняют мир», лекция Эркена Кагарова
  3. «Дизайн-спринты», митап от ребят из USEFUL
  4. «Дизайн просмотр», конференция в Москве 29-30 апреля
  5. «Тайпетербург», конференция в Санкт-Петербурге 5-6 августа
  6. «Большая дискуссия», лекция в БВШД
  7. UX-Среда №31, митап в Маил.ру
  8. «Яндекс.Субботник», митап в Яндексе

Прошёл три курса:

  1. Характер и эмоции в штрихе два месяца
    Курс не про каллиграфию и леттеринг, а про эмоции. Понял, что в каждой букве, в том, как она выглядит, можно выражать разные эмоции. Даже через интерфейсы их можно передавать. Ещё перестал комплексовать, что не умею рисовать от руки и решил развивать этот навык.
  2. iOS-программирование для дизайнеров две недели
    Понял как делают реальные приложения для айфонов. Своё пока не начал писать, но когда рисую дизайн для iOS-приложения и мне необходимо узнать что-то про стандартные контролы, то запускаю XCode и разбираюсь с этим элементом.
  3. Вы сможете рисовать через 30 дней два месяца
    Каждое утро на протяжении двух месяцев проходил уроки рисования по книге «Вы сможете рисовать через 30 дней». Каждое утро выкладывал в истории инстаграмма результат урока. Перестал бояться рисовать, научился базовым навыкам. Дальше собираюсь научиться рисовать персонажей комиксов.

Практика

Чтобы больше практиковаться в дизайне, кроме основной работы старался заниматься небольшими подработками: рисовал иконки для телеграм-каналов и делал сайт со стандартом презентаций iCO.

  1. Работал над пятью мобильными приложениями на протяжении всего года
    В ФанБоксе делаем сервисы для операторов мобильной связи. К сожалению, рассказать какими именно мобильными приложениями и сервисами занимался не могу. Но могу с уверенностью сказать, что за год научился выполнять задачи по нарезке и подготовке приложения для разработчиков и стал быстрее рисовать дизайн экранов мобильных приложений.
  2. Нарисовал четыре иконки для телеграм-каналов три недели
    1. Издательство МИФ
    2. Родислав
    3. UX Notes
    4. Инструменты редактора
  3. Сделал на заказ один сайт два месяца
    На большой дискуссии услышал совет от Артёма Геллера, о том, что дизайнеру полезно делать левак. Решил попробовать. По вечерам и выходным рисовал дизайн и верстал сайт со стандартом презентаций для iCO проектов.

Написал

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

Написал только 26. Как видите, этот показатель я провалил. Несмотря на это, за год мои заметки прочитало почти 80 000 человек:

Статистика по блогу за год, Яндекс.Метрика

Публикацией года стала заметка «Инструмент», она набрала 7 597 просмотров, побудила многих людей завести доску в Trello и начать двигаться к своей цели.

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

К сожалению, в начале года не зафиксировал количество подписчиков, поэтому точно не могу сказать сколько человек подписалось за год. Но за полтора года существования канала, на мои сообщения подписалось 3027 человек.

Ещё в 2017 году впервые написал статью не для своего блога, а для стороннего сайта. Это была авторская статья «Как разработчику стать дизайнером» для журнала Tilda Education.

°°°

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

Ради этого стоит продолжать делиться опытом.

Иконка для канала «Инструменты редактора»

Сделал иконку для канала «Инструменты редактора». Автор канала Саша Марфицин — директор по коммуникациям в Амплифере, в своём канале рассказывает о приложениях и сервисах, которые помогают в работе над текстом.

Процесс

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

Понравился символ выравнивания, решил начать с него. Параллельно определяемся с фоном иконки.

Показал Саше варианты. Ход мыслей понравился, но символ — нет. Думаю над другим вариантом.

Текст состоит из букв. Первая буква алфавита — это «А»:

Алфавит русского языка из Википедии

Пробую варианты «Аа» с подчеркиванием и курсором. В итоге ни один из вариантов не подходит.

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

Результат

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

Кстати, похожий символ абзаца используется в шрифте «Source Sans Pro» — гротекст, созданный Полом Хантом для Adobe Systems в 2012 году.

°°°

Понравилось? Могу сделать иконку для вашего канала. Пишите на почту: alexandr@bizikov.ru. В письме расскажите о своём канале и пришлите ссылку на него. Если мне понравится, то сделаю иконку и напишу о вас заметку с процессом работы.

Могу принять две заявки.

Иконка для канала «UX Notes»

Сделал иконку для канала «UX Notes». Автор канала Антон Григорьев — делится ссылками на материалы для дизайнеров и проектировщиков, выкладывает только то, что сам прочитал и посчитал достойным.

Процесс

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

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

Иконки рисовал в Скетче:

Цветные варианты иконки

Показал варианты Антону. Ему понравился вариант с жирным начертанием «UX». Дальше определяемся с фоном.

Обратная связь от Антона

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

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

У Антона есть курс видео лекций по прототипированию в Axure. Решил взят оттенок серого из этого приложения. Установил себе пробную версию и начал пипеткой брать цвета из интерфейса.

Поиграл с оттенками серого:

Серые варианты иконки

Результат

Остановились на варианте с градиентом серого, который был взят с тёмной иконки интерфейса Axure. В конце добавили небольшой штрих: переименовали канал с «UX notes» на «UX Notes».

Итоговая иконка на канале UX Notes

°°°

Понравилось? Могу сделать иконку для вашего канала. Пишите на почту: alexandr@bizikov.ru. В письме расскажите о своём канале и пришлите ссылку на него. Если мне понравится, то сделаю иконку и напишу о вас заметку с процессом работы.

Могу принять четыре заявки.