1. Сергей Фефилов, дизайнер
в студии «Три Цвета»
Думай адаптивно!
Взгляд на адаптивные сайты
со стороны дизайна

2. Статистика
● Население России — 141,9 млн.
● 35% (50 млн.) пользуются интернетом
ежедневно (1- место в Европе, 6 по миру)
● 13% (18,4 млн.) — аудитория мобильного
интернета, половина из которых выходит
в сеть с смартфонов
В этом году аудитория мобильного интернета
ещё сильно увеличится!

3. Большинство сайтов не готово
к этому :-(

4. Нужен другой подход

5. Отзывчивый веб-дизайн,
Итан Маркотт

6. Всё таки отзывчивый
или адаптивный?

7. Отзывчивый дизайн
● Часть адаптивного дизайна
● «Резиновый» макет
● Гибкие изображения
● Медиазапросы

8. Адаптивный дизайн —
это способ размещения информации
с целью донесения главных смыслов
до целевой аудитории с любого устройства

9. Как люди могут пользоваться
вашим сайтом?

11. Как люди могут пользоваться
вашим сайтом?

12. Как люди могут пользоваться
вашим сайтом?

13. Как люди могут пользоваться
вашим сайтом?

14. Преимущества адаптивного сайта
● Сайт хорошо отображается практически
на любом устройстве
● Экономия на разработке и поддержке —
всё в одном месте
● Качество и лаконичность контента
● Один домен
● Лучшая индексация
● Имидж

15. 1. Проектная документация,
сбор данных
● Задача
● Персонажи
● Сценарии
● Анализ информации
● Контентная таблица
● Ограничения

16. 2. Проектирование контента,
дизайн

17. 2. Проектирование контента,
дизайн

18. 2. Проектирование контента,
дизайн

20. Пионеры адаптивного дизайна
в России

21. Адаптивный дизайн только для
небольших ресурсов и блогов?

22. Starbucks.com

23. Microsoft.com

24. Forbes.ua

25. BBC.com

26. Agima.ru

27. 3colors.ru — скоро ;-)

28. Ваши вопросы :-)
● Twitter: sergio3colors
● E-mail: sergio3colors@gmail.com
● Работаю в студии «Три Цвета» — 3colors.ru