Комментарии 16
Как из этого сделать шрифт, кто знает?
Используйте icomoon.io/app
Только серые глифы станут черными — шрифты поддерживают только 1 цвет (без альфа-канала).
Только серые глифы станут черными — шрифты поддерживают только 1 цвет (без альфа-канала).
Сегодня наткнулся на тему для bootstrap, которая использует Мaterial Design, там есть и вебфонт — github.com/FezVrasta/bootstrap-material-design
Отлично, спасибо.
Сейчас играюсь с этой темой — пока не сильно кроссбраузерно (для IE нужно не new CustomEvent, а document.createEvent()), ну и так по мелочи.
К тому же в демке более актуальная версия, чем в репозитории. В итоге для своего less проекта скинул _variables.less, а остальное буду обновлять по мере выхода обновлений.
Но шрифт утянул именно оттуда
К тому же в демке более актуальная версия, чем в репозитории. В итоге для своего less проекта скинул _variables.less, а остальное буду обновлять по мере выхода обновлений.
Но шрифт утянул именно оттуда
Интересно, если эти иконки выполнены в стиле материального дизайна, то что именно в них соответствует данному стилю? Ведь сам Гугл характеризует три аспекта материального дизайна:
1. Реализм в освещении. Добавление легкого объема и теней позволяет сделать элементы интерфейсов более понятными, а аффордансы — более очевидными.
2. Фокус на типографике, иконографике и интернациональности.
3. Единые стандарты анимации для всех приложений и устройств.
С иконками связан только второй и то частично.
Кто-то может объяснить почему эти иконки именно в стиле материального дизайна? Кроме того что они вышли в составе Lollipop?
1. Реализм в освещении. Добавление легкого объема и теней позволяет сделать элементы интерфейсов более понятными, а аффордансы — более очевидными.
2. Фокус на типографике, иконографике и интернациональности.
3. Единые стандарты анимации для всех приложений и устройств.
С иконками связан только второй и то частично.
Кто-то может объяснить почему эти иконки именно в стиле материального дизайна? Кроме того что они вышли в составе Lollipop?
Во-первых, непонятно, почему связан только частично. Слово аспект говорит само за себя и подразумевает, что каждый из аспектов — о разных вещах. Ну да, иконки не относятся к анимациям — и?..
Во-вторых, в официальном введении в Material Design я не увиден деления именно на три указанных пункта. Там слева можно увидеть расклад новой концепции по полочкам, где в разделе Style есть пункт Icons — там описаны все аспекты иконок.
Во-вторых, в официальном введении в Material Design я не увиден деления именно на три указанных пункта. Там слева можно увидеть расклад новой концепции по полочкам, где в разделе Style есть пункт Icons — там описаны все аспекты иконок.
А есть какие-то cdn сервисы бесплатных иконок? (этих в частности)
www.flaticon.com/ Огромная база бесплатных иконок. Большинство доступны в вариантах PNG, PSD, SVG, EPS, Base64, есть плагин для Photoshop/Illustrator, чтобы быстро их искать и добавлять в дизайн.
Пользуюсь ими. Перед скачиванием читайте тип лицензии.
Font Awesome по-ходу соснёт
Хм, а вот тут (http://thenounproject.com/), конечно не бесплатно, но явно больше иконок в очень похожем стиле
Что-то как-то не очень выходит с ассоциацией названия иконки и ее значением. К примеру, reorder иконка — это скорее стопка листочков или фанеры, чем упорядочивание… Вообще тенденция как-то смешать привычные ассоциации и в итоге вообще ничего не будет понятно в этих ваших интерфейсах с плоскими иконками… Нет души в них, к тому же…
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Набор иконок Material Design от Google