SlideShare a Scribd company logo
1 of 55
Download to read offline
ЕВГЕНИЙ ДОЛГОВ NUMICOR
Ведущий дизайнер
Mail.Ru Group
DRIBBBLE MEETUP RUSSIA 2016
1 / 5
2 / 5
3 / 5
4 / 5
5 / 5
ХАОС01 1 / 6Иллюстрация для промо-сайт мобильной почты Mail.RU
ХАОС01 2 / 6Иллюстрация для промо-сайт мобильной почты Mail.RU
ХАОС01 3 / 6Иконки в настройках Почты Mail.Ru
ХАОС01 4 / 6Иллюстрация для промо-сайт Why Mail.RU
ХАОС01 5 / 6Иллюстрации для продуктовой линейки My.Com
ХАОС01 6 / 6Иллюстрация для промо-сайт myMail
ПОИСК СТИЛЯ02 1 / 19Контурные иллюстрации и иконки
ПОИСК СТИЛЯ02 2 / 19Контурные иллюстрации и иконки
ПОИСК СТИЛЯ02 3 / 19Контурные иллюстрации и иконки
ПОИСК СТИЛЯ02 4 / 19Контурные иллюстрации и иконки
ПОИСК СТИЛЯ02 5 / 19Добавляем цвет и кучу деталюшечек
ПОИСК СТИЛЯ02 6 / 19Добавляем цвет и кучу деталюшечек
ПОИСК СТИЛЯ02 7 / 19Промо-сайт про безопасность в почте mail.ru
ПОИСК СТИЛЯ02 8 / 19Промо-сайт про безопасность в почте mail.ru
ПОИСК СТИЛЯ02 9 / 19Промо иллюстрации для проекта Облако Mail.Ru
ПОИСК СТИЛЯ02 10 / 19
Промо иллюстрации для проекта Облако Mail.Ru
Анимация процесса отрисовки
ПОИСК СТИЛЯ02 11 / 19Иллюстрации тарифов для проекта Облако Mail.Ru
ПОИСК СТИЛЯ02 12 / 19Использование иллюстраций в интерфейсе продукта
ПОИСК СТИЛЯ02 13 / 19
Паттерны для промо-лендинга по сериалу «Физрук».
Афиши Mail.Ru
ПОИСК СТИЛЯ02 14 / 19
Паттерны для промо-лендинга по сериалу «Физрук».
Афиши Mail.Ru
ПОИСК СТИЛЯ02 15 / 19
Паттерны для промо-лендинга по сериалу «Физрук».
Афиши Mail.Ru
ПОИСК СТИЛЯ02 16 / 19Голосование за единый стиль иллюстраций
ПОИСК СТИЛЯ02 17 / 19Голосование за единый стиль иллюстраций
ЗАТРАЧЕННОЕ
ВРЕМЯ
НА ОТРИСОВКУ
ПОИСК СТИЛЯ02 18 / 19Голосование за единый стиль иллюстраций
ПОИСК СТИЛЯ02 19 / 19Голосование за единый стиль иллюстраций
ИЛЛЮСТРАЦИИ03 1 / 15Первые пробы с добавлением ломаной перспективы
ИЛЛЮСТРАЦИИ03 2 / 15«Натягиваем» новый стиль на старые иллюстрации
ИЛЛЮСТРАЦИИ03 3 / 15Натягиваем новый стиль на старые иллюстрации
ИЛЛЮСТРАЦИИ03 4 / 15Натягиваем новый стиль на старые иллюстрации
ИЛЛЮСТРАЦИИ03 5 / 15Натягиваем новый стиль на старые иллюстрации
ИЛЛЮСТРАЦИИ03 6 / 15Натягиваем новый стиль на старые иллюстрации
ИЛЛЮСТРАЦИИ03 7 / 15Иллюстрации 48x48
ИЛЛЮСТРАЦИИ03 8 / 15Иллюстрации 96x96
ИЛЛЮСТРАЦИИ03 9 / 15Иллюстрации 144x144
ИЛЛЮСТРАЦИИ03 10 / 15Новогоднее промо-письмо
ИЛЛЮСТРАЦИИ03 11 / 15Письмо-открытка
ИЛЛЮСТРАЦИИ03 12 / 15Иллюстрация для промо-сайта
ИЛЛЮСТРАЦИИ03 13 / 15Иллюстрации для туториалов
ИЛЛЮСТРАЦИИ03 14 / 15Иллюстрации для туториалов
ИЛЛЮСТРАЦИИ03 15 / 15Иллюстрации для туториалов
Единый стиль иллюстраций Mail.Ru
Единый стиль иллюстраций Mail.Ru

More Related Content

Viewers also liked

UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа Дизайна
Ksenia Sternina
 

Viewers also liked (20)

Moscow Dribbble Meetup 2016 - Identity Making Of
Moscow Dribbble Meetup 2016 - Identity Making OfMoscow Dribbble Meetup 2016 - Identity Making Of
Moscow Dribbble Meetup 2016 - Identity Making Of
 
Dribbble Meetup 2016
Dribbble Meetup 2016Dribbble Meetup 2016
Dribbble Meetup 2016
 
Styleguides for mobile
Styleguides for mobileStyleguides for mobile
Styleguides for mobile
 
Sketch
SketchSketch
Sketch
 
Design Management
Design ManagementDesign Management
Design Management
 
Выбор метрики
Выбор метрикиВыбор метрики
Выбор метрики
 
Ponomarenko_BHSAD_Intensive_calligraphy
Ponomarenko_BHSAD_Intensive_calligraphyPonomarenko_BHSAD_Intensive_calligraphy
Ponomarenko_BHSAD_Intensive_calligraphy
 
Ожидания от продукта
Ожидания от продуктаОжидания от продукта
Ожидания от продукта
 
BHSD - Systematic design process
BHSD - Systematic design processBHSD - Systematic design process
BHSD - Systematic design process
 
Как презентовать проект
Как презентовать проектКак презентовать проект
Как презентовать проект
 
BHSD MAIL.RU UI/UX 2016 Single interface
BHSD MAIL.RU UI/UX 2016 Single interfaceBHSD MAIL.RU UI/UX 2016 Single interface
BHSD MAIL.RU UI/UX 2016 Single interface
 
Анимация БВШД 2016
Анимация БВШД 2016Анимация БВШД 2016
Анимация БВШД 2016
 
BHSD - Design systems: from UI kit's to living guidelines
BHSD - Design systems: from UI kit's to living guidelinesBHSD - Design systems: from UI kit's to living guidelines
BHSD - Design systems: from UI kit's to living guidelines
 
Основы быстрого прототипирования
Основы быстрого прототипированияОсновы быстрого прототипирования
Основы быстрого прототипирования
 
BHSD MAIL.RU UI/UX 2016 Restrictions
BHSD MAIL.RU UI/UX 2016 RestrictionsBHSD MAIL.RU UI/UX 2016 Restrictions
BHSD MAIL.RU UI/UX 2016 Restrictions
 
Дизайн в хаосе
Дизайн в хаосеДизайн в хаосе
Дизайн в хаосе
 
Design. Mobile.
Design. Mobile.Design. Mobile.
Design. Mobile.
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа Дизайна
 
Lean UX, Уровни UX, UXD процесс
Lean UX, Уровни UX, UXD процессLean UX, Уровни UX, UXD процесс
Lean UX, Уровни UX, UXD процесс
 
Сайдпроекты БВШД 2016
Сайдпроекты БВШД 2016Сайдпроекты БВШД 2016
Сайдпроекты БВШД 2016
 

Единый стиль иллюстраций Mail.Ru

Editor's Notes

  1. Привет! Меня зовут Евгений Долгов, я являюсь ведущим дизайнером в компании Mail.Ru. Я расскажу о нашем пути к единому стилю иллюстраций Для начала я немного расскажу о себе
  2. Когда я начал работать в Mail.Ru, у нас небыли никаких гайдов и жестких требований к картинкам и промо материалам. Каждый рисовал так как он считал нужным В итоге у нас небыло единого визуального языка, и в определенный момент мы поняли, что дальше так жить просто невозможно.
  3. Проблема! Иллюстрации в форме (круг)
  4. В поисках я начал копать сразу в несколько направлений. Это позволило сократить время на пробы разных стилей.
  5. — Мультяшно — Шумные — Много диталей — Не цепляют — Иногда сложный в восприятии
  6. Иллюстрации с несколькими цветами и лейблами
  7. Придать чуть больше рукотворности. Эффект маркера
  8. Приплыл Жирный Жир! Худеем иконки )
  9. Параллельно с этим наша пробовать совмещать обе стилистики. Контурные и Объемные
  10. Иллюстрацию в кругах. Попытки уйти от этого
  11. Ушли от кружков Иллюстрации стали легче Фокус держат лучше ПРОБЛЕМА! Масштабировать легко не получается. Много деталей, превращаются в кашу
  12. Пробуем делать паттерны. Снизили градус детализации Контуры придают мультяшность и шум
  13. Переходим к опросу
  14. Второй заход. Делаем только на Дрибббле. Результат уже более явный Хотим взять нечто среднее. Не идти на поводу у трендов (ультра флэт бееее, эмоциональный флэт еййй!)
  15. Ковыряем глубже!
  16. Добавляем перспективу к некоторым объектам Упростить посприятие Ящик в фронтальной проекции выглядит как молот Тора в кровище