Адаптивный веб дизайн. Проблемы и решения. Пашин Алексей, Email:

Адаптивный веб дизайн.
Проблемы и решения.
Пашин Алексей,
арт директор
компании «КвартСофт»
Email: [email protected]
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: [email protected]
Skype: alex.pashin
www.quartsoft.com
©2013. QuartSoft