В 2014 Google объявил о выпуске Материал Дизайн ". Их первоначальная цель состояла в том, чтобы решать вопросы, связанные с дизайном приложений для устройств Android. Аргументом было то, что " Плоский дизайн "Не отображается хорошо на маленьких экранах. Они чувствовали, что дизайну не хватает четких визуальных подсказок и затрудняет удобство использования мобильными пользователями.

Матиас Дуарте, вице-президент Google Design, объяснил:

«В отличие от настоящей бумаги, наш« Материальный дизайн »может разумно расти и адаптироваться. Материал предлагает физические и плоские поверхности с тенями, которые придают смысл тому, к чему вы можете прикоснуться ».

В основном это и есть дизайн оборудования: способ сделать элементы приложения осязаемыми.

Выпуская новый язык и руководящие принципы Material Design, Google надеется решить проблемы UX (Пользовательский опыт) и растерянность пользователей Android-приложений. Два года спустя их Framework вышла за пределы области мобильных приложений и теперь является принципом, регулярно используемым в веб-дизайне.

Далее я предлагаю вам несколько источников, где вы найдете Ressources чтобы интегрировать Material Design в свой WordPress блог.

1 - Behance

Behance

скачать

Идеальный пример сайта для изучения дизайна приложений с помощью Материал Дизайн ". На Behance есть бесчисленные советы и примеры, которые можно использовать в качестве вдохновения. Behance также использует " Материал Дизайн На собственном сайте, с прямоугольниками, которые слегка выступают из сетки, средними тенями для внимания и четкими маркерами для действий, на которые можно нажимать.

2 - CodePen

codepen

скачать

CodePen, самопровозглашенная «площадка для разработчиков», является золотой жилой для разработчиков, когда дело доходит до « Материал Дизайн ». Вы не только получите несколько действительно интересных примеров, но и увидите CSS, HTML и JavaScript, которые разработчики используют для создания различных веб-сайтов.

3 - Dribbble

капать-ресурсы материально-дизайн

скачать

Если вы не знакомы с последним, Dribble - это социальная сеть для дизайнеров, разработчиков, художников и других лиц, заинтересованных в " Проект ». Поиск " Материал Дизайн В рамках их сайта просто покажет вам, как технологии Материал Дизайн Вездесущ. Здесь вы найдете вдохновение для чего-то столь же простого, как значок, для создания полноценного веб-сайта.

4 - Награда за дизайн материалов от Google

Google-дизайн-награда-ресурсы материально-дизайн

скачать

Через год после того, как Google запустил Material Design, они назвали шесть лучших приложений, использующих Framework вМатериал Design Awards ». Вы узнаете большое количество сайтов в этом почетном списке. Если вы хотите увидеть потенциал Материал Дизайн ”, Мы рекомендуем вам взглянуть на этот список. Если Google не торопится, чтобы пометить источник, то стоит пойти в обход.

5 - Сделано из материала

сделанный с-материалоемкость ресурсосбережения материалоемкости конструкции

скачать

Этот сайт, созданный в ноябре 2014 г., является отличным источником вдохновения для " Материал Дизайн ". На большей части сайта представлены скриншоты с высоким разрешением веб-сайтов и мобильных приложений, использующих " Материал Дизайн ". И хотя в этих вдохновляющих примерах можно легко потеряться, не забудьте проверить документацию, которую они включили для разработчиков в верхнюю правую боковую панель. Эта документация будет полезна, если вы хотите разрабатывать с помощью " Материал Дизайн .

6 - Блог о материальном дизайне

Материально-дизайн-блог-ресурсов материально-дизайн

скачать

Этот блог оказался одним из наших любимых не только потому, что он охватывает целый ряд инструментов и тем, которые могут вас заинтересовать, когда дело доходит до этой темы, но и потому, что он отлично показывает вам техники дизайна с «Материальным дизайном». Если у вас не было возможности увидеть их анимацию в действии, посетите сайт и нажмите на одну из их записей в блоге.

7 - MaterialUp

materialup ресурсов материально-дизайн

скачать

Часть семейства сайтов Uplabs MaterialUp посвящен материальному дизайну: примеры веб-сайтов, скриншоты мобильных приложений, инструменты, советы и многое другое. Даже если вы не можете найти ничего полезного прямо сейчас, взгляните на дизайн их сайта. Макет и внешний вид напоминают Google Диск, верно? Если вы ищете ресурс вы можете доверять, вы можете обратиться к этому сайту?

8 - Pinterest

Pinterest-ресурсов материально-дизайн

скачать

Если когда-либо сайт будет назван главным источником вдохновения для «дизайнеров», Pinterest разделит эту честь с Behance. С быстрым поиском термина "Материал Дизайн У вас есть мгновенный доступ к видео и изображениям с веб-сайтов и приложений, которые используют эту платформу.

Вот и все для этого списка Ressources для " Материал Дизайн ». Не стесняйтесь поделиться им с друзьями в ваших любимых социальных сетях.