21 августа 2016 года в Ульяновске прошел митап Теплицы социальных технологий на тему «Дизайн интерфейсов сайтов». Константин Соколов , арт-директор компании «ITECH.group», рассказал участникам о трендах в дизайне, разобрал ошибки на примерах сайтов НКО Ульяновска.
В 2016 году главными трендами веб-дизайна являются легкость восприятия, простота, наглядность и удобство. Если в 90-е годы был вычурный, любительский дизайн, в 2000-е – претенциозный с непродуманной структурой сайта, то уже к 2010 он стал удобным, технологичным и лаконичный.
Важным элементом любого сайта в настоящее время является адаптивный дизайн. Он обеспечивает правильное отображение страниц на различных устройствах, динамически подстраиваясь под заданные размеры окна браузера.
Особое внимание было уделено использованию современных программных технологий – загрузка страниц без перезагрузки, навигация через сенсорные экраны, интеграция с социальными сетями, использование HTML5 взамен Flash.
Константин рассказал о двух бесплатных курсах для дизайнеров: Aic. Школа дизайна и Design Scouts.
Современные тренды в дизайне сайтов
- Минимализм. Дизайн интерфейсов стремится к упрощению для облегчения восприятия информации. В тренде минималистичный функциональный дизайн без лишних украшений и реалистичного скевоморфизма.
- Главные плюсы: легкость восприятия контента, простота адаптации интерфейсов под десктопные, мобильные и планшетные устройства.
- Основные принципы: блочное построение сетки, фото- и видеоконтент, сокращение количества текстов, больше «воздуха» в интерфейсе. Этот же тренд включает в себя дополнительные тенденции: отказ от слайдеров (каруселей) на главной странице, так как посетителю легче пролистать страницу вниз, чем управлять содержимым слайдера, отказ от концепции «Above the Fold» (принцип размещения всех важных элементов интерфейса на первом экране).
- Основные принципы типографики: нестандартные (фирменные) шрифты, крупные заголовки, крупные тексты на константных страницах, возможность использования любых шрифтов.
- Полноэкранные сайты – давно устоявшийся тренд, не сдающий своих позиций. На весь экран размещают фото, видео, иллюстрации – все, что может передать эмоции посетителю. Растущий тренд – сайты, подстраивающие весь контент под экран. Таким образом, на сайте нет пустующих полей по бокам от контента страницы ни на больших, ни на маленьких дисплеях.
- В навигации набирает популярность анимация переходов между страницами. Это не только позволяет визуально улучшить восприятие сайта, но и когнитивно уменьшает время ожидания загрузки страниц. Деление экрана на две части с независимым скроллом внутри каждой. Особо функциональных решений не несет, но является свежим визуальным ходом.
- Микроанимации в интерфейсах играют важную роль в повышении юзабилити сайта. Эта анимация прозрачна и является естественным продолжением графического интерфейса.
Скачайте презентацию Константина Соколова.