Top Banner
Взаимодействие «между» дизайнерами и разработчиками Евгений Беляев Мобильный дизайнер, Mail.Ru
21

Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Jul 14, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Взаимодействие «между» дизайнерами и разработчиками

Евгений БеляевМобильный дизайнер, Mail.Ru

Page 2: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Дизайнер:— Считаю свою работу завершенной, вот ваши psd-макеты дизайна.

Разработчик:— Эм... а что мне делать с этой красивой картинкой?

.psd.psd .psd

Входные данные

Page 3: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Макет дизайнера

?Реализованное приложение

Page 4: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Дизайн

Разработка

Page 5: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Дизайн

Разработка

Page 6: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Пути решения

Page 7: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

1. Создать отдельную команду интеграции дизайна (для больших компаний)

Пути решения

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

3. Делать всё самому :-)(для мелких разработчиков, фрилансеров)

Page 8: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Команда интеграции дизайна

Page 9: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Команда интеграции дизайна

Дизайнеры Программисты

Логика приложенияи дизайн-макеты

ФункциональныйкодИтеграция графики

в функциональный код+

работа над анимацией

Интеграторы дизайна

Page 10: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Взаймодействие внутри команды

продукта

Page 11: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Взаимодействие внутри команды

Дизайнеры Программисты

Спецификация дизайна

Page 12: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Спецификации дизайна

Дизайнеры ненавидят!

Page 13: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Взаимодействие внутри команды

Дизайнеры Программисты

Ресурсы графики

Спецификация дизайна

Page 14: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Ресурсы графики

Огромное значение надо уделить ресурсам графики, так как именно это видит конечный пользователь продукта, а не макеты дизайнера

Page 15: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Взаимодействие внутри команды

Дизайнеры Программисты

Ресурсы графики

Спецификация дизайна

Диалог

Page 16: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Делать всё самому

Page 17: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

2. Slicy (Mac Appstore)

Делать всё самому

1. Cut&Slice me(расширение для Ps CS6)

Page 18: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Cut & Slice me

www.cutandslice.me

Page 19: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Cut&Slice me only CS6

Массовый экспорт графики из psd

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

Нарезка графикипод два разрешения

Page 20: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Slicy (Mac Appstore) 979 руб.

Page 21: Встреча №5. Взаимодействие между дизайнерами и разработчиками, Евгений Беляев

Спасибо за внимание!

Евгений БеляевМобильный дизайнер, Mail.Ru@30PP0