Адаптивный веб дизайн. Проблемы и решения. Пашин Алексей, арт директор компании «КвартСофт» Email: alexp@quartsoft.com Skype: alex.pashin ©2013. QuartSoft www.quartsoft.com Вектор на мобайл ©2013. QuartSoft iPhone и Со ©2013. QuartSoft Кому необходим адаптивный дизайн • Пользователи? • Владелецы сайтов? • Разработчики? ©2013. QuartSoft Адаптивный дизайн - решение • Один код, один процесс, один URL • Контент доступен на всех устройствах • Отвечает потребностям меняющегося рынка Anything that’s fixed and unresponsive isn’t web design anymore, it’s something else. If you don’t embrace the inherent fluidity of the web, you’re not a web designer, you’re something else. Web design is responsive design. Responsive Web Design is web design, done right. Andy Clarke ©2013. QuartSoft Так ли все радужно? ©2013. QuartSoft Нет ©2013. QuartSoft Проблемы • Стратегические • Технологические • Эстетические ©2013. QuartSoft Стратегические проблемы • • • • • • Необходимость адаптивного дизайна Адаптивный дизайн или мобильная версия Адаптация существующего сайта Время Поиск решений Ресурсы ©2013. QuartSoft Технологические проблемы • • • • • • Навигация Размер картинок Сторонний контент Процесс проектирования Баги устройств Touch and Multi touch ©2013. QuartSoft Эстетические проблемы • Mobile First (Luke Wroblewski) • Минимализм не есть упрощение ©2013. QuartSoft Три направления • Адаптивный дизайн (Google) • Отдельная мобильная версия (Якоб Нильсен) • RESS (Responsive Design + Server Side Components) ©2013. QuartSoft Решения и выводы • • • • • • Проанализировать необходимость Следить за технологическими новинками Исследовать Оптимизировать Тренд это только слово Думать о контенте ©2013. QuartSoft А что же дизайн? Дизайн это не только разметка – – – – – – – Типографика Цвета Графика Интерактивность Текстуры Атмосфера и т.д. ©2013. QuartSoft Пашин Алексей арт директор компании «КвартСофт» Email: alexp@quartsoft.com Skype: alex.pashin www.quartsoft.com ©2013. QuartSoft