Игра с «материальными» цветами стала ещё проще

в 9:25, , рубрики: android, Google, дизайн, Дизайн в IT, цвета

Игра с «материальными» цветами стала ещё проще - 1

Не так давно вышла пятая по счёту версия Android, к которой разработчики системы подошли весьма кардинально. Было обновлено и добавлено множество функционала и API. Но для пользователей и разработчиков релиз всё таки наиболее отличился своим редизайном. Дизайнеры из Google быстро покорили сердца пользователей новым Material design.

Но для разработчиков это стало не столько новшеством, сколько головной болью, ибо свой идеально вылизанный дизайн с Holo уже никому не нужен. Для меня лично составляло трудность выбрать как правильный макет для активности в приложении, так и выбор палитры для него. И если с первым мне помогли официальные гайдлайны от Google, то с цветами у меня всё очень плохо. Но вчера сайт MaterialUp анонсировал новый сервис — Material Palette.

Игра с «материальными» цветами стала ещё проще - 2

Сервис очень прост в использовании: выбираем основной цвет, цвет «плавающей» кнопки, и готово! Сайт генерирует вам полную палитру!

Игра с «материальными» цветами стала ещё проще - 3

Палитру можно как скачать, так и поделиться ней через Twitter. Скачать же можно в CSS, SASS, SVG, XML или PNG.
Вот что можно найти в XML файле:

<!-- Palette generated by Material Palette - materialpalette.com/teal/amber -->
<?xml version="1.0" encoding="utf-8"?>
<resources>
  <color name="primary">#009688</color>
  <color name="primary_dark">#00796B</color>
  <color name="primary_light">#B2DFDB</color>
  <color name="accent">#FFC107</color>
  <color name="primary_text">#212121</color>
  <color name="secondary_text">#727272</color>
  <color name="icons">#FFFFFF</color>
  <color name="divider">#B6B6B6</color>
</resources>

Можно запросто вставить в свой проект Android-приложения без лишних телодвижений. Прелесть!

Сервис довольно таки удобный для экспериментов, и его уже успели прорекламировать Google Design в своём Twitter. А, как мы знаем, эти ребята плохого не посоветуют. Всем удачной «материализации»!

Автор: dniHze

Источник


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js