11 материальных рамок дизайна
- 1. Угловой материал
- 2. Суть
- 3. LumX
- 4. Материал
- 5. Дизайн материала для Bootstrap
- 6. Материал Дизайн Лайт
- 7. Материальное основание
- 8. Материализация
- 9. MUI CSS
- 10. Фонон
- 11. Бумажная тема для Bootstrap
- Считаете это чтение полезным? Прочитайте больше:
В настоящее время популярной тенденцией в дизайне интерфейсов приложений является дизайн материалов Google, который можно использовать не только для своих приложений, но и для веб-приложений и гибридных приложений. Поскольку эта система и философия дизайна объединяют элементы дизайна, такие как тени, цвет, анимация и т. Д., Которые мы обсуждали в нашей статье на прошлой неделе о освоение материалов дизайна Мы решили найти лучшие фреймворки, которые помогут вам создавать приложения MD.
Итак, вот они: наши лучшие 11 бесплатных подборок, которые должны помочь вам внедрить материал в ваш будущий веб-проект.
1. Угловой материал
AngularJS - это в значительной степени популярная платформа веб-разработки с открытым исходным кодом, которую вы можете использовать для внедрения элементов пользовательского интерфейса Material Design в ваш проект. Угловой материал Недавно вышел стабильный v1, но есть слово, что v2 находится в стадии разработки. Не могу дождаться, чтобы увидеть это!
2. Суть
Описанные как «связные, продуманные и смелые» и «сфокусированные на интуитивном и естественном взаимодействии», сущность это CSS-фреймворк, основанный на React, который позволяет вам реализовывать дизайн материалов и создавать быстрые и умные мобильные и веб-интерфейсы. Вы можете скачать его с Github или же NPM ,
3. LumX
Другой AngularJS-подобный фреймворк (одобрен и поддерживается Google), LumX предлагает «хорошо анимированные компоненты CSS и JavaScript». Он был создан с использованием Sass и Bourbon, чтобы помочь вам быстро настроить дизайн приложения, а его производительность была оптимизирована с помощью Gulp и «чуть-чуть jQuery» без каких-либо плагинов. Вы можете легко скачать его с Github ,
4. Материал
Daemonite-х материал Пользовательский интерфейс - это фреймворк, созданный с целью объединения визуальных элементов Google Material Design с технологией внешнего интерфейса Bootstrap. Вы можете сначала прочитать материал документация а затем просто загрузите его на свое устройство.
5. Дизайн материала для Bootstrap
Вот еще один интерфейс, который вы можете использовать, чтобы применить MD Google к Bootstrap. Он основан на JavaScript и содержит плагины jQuery, которые помогут вам в разработке. Скачать это отсюда или Github ,
6. Материал Дизайн Лайт
Материал Дизайн Лайт это естественная последовательность нового сайта Google о Material Design. Это должно помочь вам начать работу с MD, предлагая вам их шаблоны, компоненты, стили и другие полезные ресурсы для большего опыта работы с материалами.
7. Материальное основание
Вы можете найти Зурба Материальное основание на Github , Загрузив его, вы сможете создавать адаптивные веб-сайты и приложения, которые содержат значки материалов, типографику, кнопки, карточки, вкладки, меню и другие несущественные элементы MD.
8. Материализация
материализовать это фреймворк, который нацелен на дизайн материалов в основном на пользовательский интерфейс Если вы знакомы с Bootstrap, с помощью этого интерфейса вы сможете создавать хорошие адаптивные веб-сайты и приложения, и даже есть версия Sass.
9. MUI CSS
Если вы хотите, чтобы сверхлегкий CSS-фреймворк реализовывал рекомендации Google по MD, MUI CSS это правильный выбор для вас и ваших кроссплатформенных проектов. Только 6,6 КБ для файлов mui.min.css и 5,4 КБ для файлов mui.min.js! Он не имеет внешних зависимостей и может быть настроен с помощью файлов Sass на Github ,
10. Фонон
Phonon это еще один легкий (60 МБ), масштабируемый и гибкий веб / гибридный фреймворк HTML5, который вы можете легко настроить для лучших интерфейсов Material Design. Проверьте это на Github ,
11. Бумажная тема для Bootstrap
Если вы привыкли к Bootstrap, вы можете попробовать Bootswatch's Бумажная тема который подражает MD. Название основано на первом кодовом названии Material Design - Quantum Paper.
Считаете это чтение полезным? Прочитайте больше:
Весна Савич
Она посвящает свое время изучению лучших средств общения, воплощению знаний в жизнь и является страстным читателем.