Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Разработка сайта,как созданиемультфильмаИнтерактивный дизайни тру-ля-ля!
Примеры
Мы наелись!
Проектирование       Дизайн       Вёрстка Программирование    ТестированиеЗаполнение контентом
Проектирование       Дизайн      Вёрстка ПрограммированиеЗаполнение контентом
Мы поняли,что нужнобрать примерс создателеймультиков!
При чём здесьмультфильм?
1. Контент-первиченЧто и как мы хотим сказать      пользователю?    Какие ограничения        к контенту?
2. Работа с анимацией    Управляем вниманием    пользователя (зрителя)  с помощью расположения  элементов и их взаимной   ...
3. Внимание к мелочам    Высокая цена ошибки      Приходится всё       переделывать
Мы поменялипорядок работ
Подготовка1. Формулирование целей и задач2. Карта-сайта, сценарии   поведения пользователей3. Прототипы с контентом +   ра...
Колбасим!1. HTML, Gif, Flash, PPT – прототипы2. Тестирование3. Стилистика (правила стилистики)4. Контент-план, контент-пол...
Допиливаем1. Анимация с чистовым таймингом   и анимация контента2. Тестируем
Допиливаем1. Анимация с чистовым таймингом   и анимация контента2. Тестируем3. Всё переделываем. Му-ха-ха!
Смотрим что получилось!   Imagine Cup 2013
Пять важныхсоставляющих успеха
Коммуникации    внутри команды1. Все участники команды понимают   цели проекта. Опираемся на цели!2. Смотрим больше пример...
Дизайн =вёрстка + оформление 1. Понимание принципов анимации (12    принципов Диснея) у дизайнера 2. Понимание принципов  ...
Коммуникации       с клиентом1.   Убеди клиента, что ты очень     крутой. Развяжи себе руки2.   Согласовывай принципы на  ...
Тестирование1.   На команде2.   На сотрудниках3.   На знакомых4.   На клиенте5.   На всех устройствах
Рецепты
1. Целеполагание, проектирование2. Раскадровки3. Html-прототипы4. Промо-макет5. Gif, Flash, PPT6. Контент-политика7. Логик...
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
Алексей Кулаков: Доклад о ненависти к рыбе...и любви к осмысленному тексту
Next
Upcoming SlideShare
Алексей Кулаков: Доклад о ненависти к рыбе...и любви к осмысленному тексту
Next
Download to read offline and view in fullscreen.

Share

Разработка сайта как создание мультфильма #oseminar

Download to read offline

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

Разработка сайта как создание мультфильма #oseminar

  1. 1. Разработка сайта,как созданиемультфильмаИнтерактивный дизайни тру-ля-ля!
  2. 2. Примеры
  3. 3. Мы наелись!
  4. 4. Проектирование Дизайн Вёрстка Программирование ТестированиеЗаполнение контентом
  5. 5. Проектирование Дизайн Вёрстка ПрограммированиеЗаполнение контентом
  6. 6. Мы поняли,что нужнобрать примерс создателеймультиков!
  7. 7. При чём здесьмультфильм?
  8. 8. 1. Контент-первиченЧто и как мы хотим сказать пользователю? Какие ограничения к контенту?
  9. 9. 2. Работа с анимацией Управляем вниманием пользователя (зрителя) с помощью расположения элементов и их взаимной анимации
  10. 10. 3. Внимание к мелочам Высокая цена ошибки Приходится всё переделывать
  11. 11. Мы поменялипорядок работ
  12. 12. Подготовка1. Формулирование целей и задач2. Карта-сайта, сценарии поведения пользователей3. Прототипы с контентом + раскадровка и один имиджевый макет
  13. 13. Колбасим!1. HTML, Gif, Flash, PPT – прототипы2. Тестирование3. Стилистика (правила стилистики)4. Контент-план, контент-политика5. Шаблоны с проработкой контента6. Анимация крупных блоков с оформлением7. Тестируем
  14. 14. Допиливаем1. Анимация с чистовым таймингом и анимация контента2. Тестируем
  15. 15. Допиливаем1. Анимация с чистовым таймингом и анимация контента2. Тестируем3. Всё переделываем. Му-ха-ха!
  16. 16. Смотрим что получилось! Imagine Cup 2013
  17. 17. Пять важныхсоставляющих успеха
  18. 18. Коммуникации внутри команды1. Все участники команды понимают цели проекта. Опираемся на цели!2. Смотрим больше примеров, но помним про консистентность3. Визуализация всего. Эскизы, раскадровки, аниматики4. Сокращаем количество последовательных этапов5. Фиксируем правила и логику
  19. 19. Дизайн =вёрстка + оформление 1. Понимание принципов анимации (12 принципов Диснея) у дизайнера 2. Понимание принципов и возможностей вёрстки у дизайнера 3. Наличие вкуса у верстальщика 4. Понимание принципов анимации у верстальщика 5. Рисуй и верстай сам
  20. 20. Коммуникации с клиентом1. Убеди клиента, что ты очень крутой. Развяжи себе руки2. Согласовывай принципы на красивых примерах, а не отдельные шаблоны3. Согласованная структура, функционал и согласованный контент-план
  21. 21. Тестирование1. На команде2. На сотрудниках3. На знакомых4. На клиенте5. На всех устройствах
  22. 22. Рецепты
  23. 23. 1. Целеполагание, проектирование2. Раскадровки3. Html-прототипы4. Промо-макет5. Gif, Flash, PPT6. Контент-политика7. Логика анимации + к логике расположения8. Вёрстка независимая от структуры и контента9. Много тестирования на разных устройствах

Views

Total views

841

On Slideshare

0

From embeds

0

Number of embeds

219

Actions

Downloads

4

Shares

0

Comments

0

Likes

0

×