В 2014 Google объявил о выпуске Материал Дизайн ". Их первоначальная цель состояла в том, чтобы решать вопросы, связанные с дизайном приложений для устройств Android. Аргументом было то, что " Плоский дизайн "Не отображается хорошо на маленьких экранах. Они чувствовали, что дизайну не хватает четких визуальных подсказок и затрудняет удобство использования мобильными пользователями.
Матиас Дуарте, вице-президент Google Design, объяснил:
«В отличие от настоящей бумаги, наш« Материальный дизайн »может разумно расти и адаптироваться. Материал предлагает физические и плоские поверхности с тенями, которые придают смысл тому, к чему вы можете прикоснуться ».
В основном это и есть дизайн оборудования: способ сделать элементы приложения осязаемыми.
Выпуская новый язык и руководящие принципы Material Design, Google надеется решить проблемы UX (Пользовательский опыт) и растерянность пользователей Android-приложений. Два года спустя их Framework вышла за пределы области мобильных приложений и теперь является принципом, регулярно используемым в веб-дизайне.
Далее я предлагаю вам несколько источников, где вы найдете Ressources чтобы интегрировать Material Design в свой WordPress блог.
1 - Behance
Идеальный пример сайта для изучения дизайна приложений с помощью Материал Дизайн ". На Behance есть бесчисленные советы и примеры, которые можно использовать в качестве вдохновения. Behance также использует " Материал Дизайн На собственном сайте, с прямоугольниками, которые слегка выступают из сетки, средними тенями для внимания и четкими маркерами для действий, на которые можно нажимать.
2 - CodePen
скачать
CodePen, самопровозглашенная «площадка для разработчиков», является золотой жилой для разработчиков, когда дело доходит до « Материал Дизайн ». Вы не только получите несколько действительно интересных примеров, но и увидите CSS, HTML и JavaScript, которые разработчики используют для создания различных веб-сайтов.
3 - Dribbble
Если вы не знакомы с последним, Dribble - это социальная сеть для дизайнеров, разработчиков, художников и других лиц, заинтересованных в " Проект ». Поиск " Материал Дизайн В рамках их сайта просто покажет вам, как технологии Материал Дизайн Вездесущ. Здесь вы найдете вдохновение для чего-то столь же простого, как значок, для создания полноценного веб-сайта.
4 - Награда за дизайн материалов от Google
Через год после того, как Google запустил Material Design, они назвали шесть лучших приложений, использующих Framework вМатериал Design Awards ». Вы узнаете большое количество сайтов в этом почетном списке. Если вы хотите увидеть потенциал Материал Дизайн ”, Мы рекомендуем вам взглянуть на этот список. Если Google не торопится, чтобы пометить источник, то стоит пойти в обход.
5 - Сделано из материала
Этот сайт, созданный в ноябре 2014 г., является отличным источником вдохновения для " Материал Дизайн ". На большей части сайта представлены скриншоты с высоким разрешением веб-сайтов и мобильных приложений, использующих " Материал Дизайн ". И хотя в этих вдохновляющих примерах можно легко потеряться, не забудьте проверить документацию, которую они включили для разработчиков в верхнюю правую боковую панель. Эта документация будет полезна, если вы хотите разрабатывать с помощью " Материал Дизайн .
6 - Блог о материальном дизайне
Этот блог оказался одним из наших любимых не только потому, что он охватывает целый ряд инструментов и тем, которые могут вас заинтересовать, когда дело доходит до этой темы, но и потому, что он отлично показывает вам техники дизайна с «Материальным дизайном». Если у вас не было возможности увидеть их анимацию в действии, посетите сайт и нажмите на одну из их записей в блоге.
7 - MaterialUp
Часть семейства сайтов Uplabs MaterialUp посвящен материальному дизайну: примеры веб-сайтов, скриншоты мобильных приложений, инструменты, советы и многое другое. Даже если вы не можете найти ничего полезного прямо сейчас, взгляните на дизайн их сайта. Макет и внешний вид напоминают Google Диск, верно? Если вы ищете ресурс вы можете доверять, вы можете обратиться к этому сайту?
8 - Pinterest
Если когда-либо сайт будет назван главным источником вдохновения для «дизайнеров», Pinterest разделит эту честь с Behance. С быстрым поиском термина "Материал Дизайн У вас есть мгновенный доступ к видео и изображениям с веб-сайтов и приложений, которые используют эту платформу.
Вот и все для этого списка Ressources для " Материал Дизайн ». Не стесняйтесь поделиться им с друзьями в ваших любимых социальных сетях.