Центр развития онлайн-обучения НГТУ » Material Design https://ido.nstu.ru Центр развития онлайн-обучения НГТУ Fri, 10 Apr 2026 08:44:27 +0000 ru-RU hourly 1 https://wordpress.org/?v=4.2.38 Новый список курсов https://ido.nstu.ru/news/%d0%bd%d0%be%d0%b2%d1%8b%d0%b9-%d1%81%d0%bf%d0%b8%d1%81%d0%be%d0%ba-%d0%ba%d1%83%d1%80%d1%81%d0%be%d0%b2/ https://ido.nstu.ru/news/%d0%bd%d0%be%d0%b2%d1%8b%d0%b9-%d1%81%d0%bf%d0%b8%d1%81%d0%be%d0%ba-%d0%ba%d1%83%d1%80%d1%81%d0%be%d0%b2/#comments Sat, 25 Aug 2018 04:14:20 +0000 http://ido.nstu.ru/?post_type=news&p=1730 При разработке системы мы стараемся придерживаться единого подхода к пользовательскому интерфейсу. Важно, чтобы любой функционал системы был привычен пользователям, работающим с другими популярными современными системами. Одним из самых распространенных подходов к разработке и унификации интерфейсов на сегодня является использование парадигмы Material Design, разработанной компаний Google.

С августа 2018 г. страница списка курсов переведена на компоненты Google Material Design, такие как Cards, и вспомогательные Navbar, Dropdown.

Одна из первых версий списка курсов (2012)

Одна из первых версий списка курсов (2012)

Современный вид списка курсов в виде карточек

С новым дизайном мы не только добились визуального единства системы, но и увеличили количество одновременного отображения курсов на экране (карточки позволили выводить контент компактнее), добавили возможность переключения в режим списка (на лету, без перезагрузки страницы), а также улучшили визуального восприятие, например, карточки курсов, находящихся в электронных каталогах, визуально отображаются как бронзовые, серебряные и золотые.

Возросший функционал системы потребовал выводить все возможные функции с помощью выпадающего меню.

Современный вид списка курсов

]]> https://ido.nstu.ru/news/%d0%bd%d0%be%d0%b2%d1%8b%d0%b9-%d1%81%d0%bf%d0%b8%d1%81%d0%be%d0%ba-%d0%ba%d1%83%d1%80%d1%81%d0%be%d0%b2/feed/ 0