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