40 Ingyenes Anyagszerű megjelenés összeállítás tervezőknek

Az anyagszerű megjelenés az utóbbi két év legforróbb trendjei közé tartozik. A Google-szolgáltatások útmutató sorozataként kezdődött, amely a felhasználói felületek egységesítését szolgálta. De ma már sok professzionális tervező alkalmazza ezen elveket - hiszen a felhasználhatóságra fókuszál és sokkal szebben mutat, mint az egyszerű flat dizájn.

Ha olyan anyagszerű weboldalakat és alkalmazásokat szeretnél kezdeni, mint egy igazi profi, először nézd meg, mit mond a Google erről a trendről, majd keresd meg ezt az ingyenes forrásokat tartalmazó galériát, és válassz valamit magadnak. Az itt megjelenő 40 freebie bármilyen horderejű projekthez használható.

A gyűjtemény 4 részre oszlik: hátterek, felhasználói felületek, ikonok és keretek. Mindegyik alapvető fontosságú, ha az anyagszerű tervezést szeretnéd elsajátítani. Ha netán el szeretnéd olvasni az eredeti angol bejegyzést, csak kattints ide: 40 Free Material Design Resources for Designers

Anyagszerű megjelenés hátterek

40+ Anyagszerű tervezés háttér

40 ingyenes anyagszerű tervezés háttérkép készlet nagy felbontásban. Raszteres (.JPG) és vektoros (.AI) változatokban is elérhető. Ezek a hátterek különböző formákban és színekben érkeznek, lehetővé téve bármilyen változtatás nélküli alkalmazásukat a webes vagy nyomtatott projektekhez.

***

100 anyagszerű megjelenés

Böngészd végig a 100 professzionális hátteret és találd meg a megfelelőt legújabb projektedhez.

***

Ingyenes Vektor kereső

Ezzel az ingyenes vektor letöltő keresőmotorral pár perc alatt találhatsz bármilyen dizájnt vagy bármilyen más freebie-t. A fájlok hatalmas adatbázisával mindössze annyit kell tenned, hogy megadod a keresési kifejezést és élvezed a találatokat!

***

10 anyagszerű megjelenés háttér

Ez a csomag 2 háttérmintát tartalmaz, szorozva 5 színkombinációval. Nagy felbontású (5000 * 3000 px) és (300 dpi), személyes és kereskedelmi használatra ingyenes.

***

Anyagszerű megjelenés hátterek

Ez az ingyenes készlet 5 elképesztő, kék, rózsaszín, zöld, narancssárga és sárga színű dizájnt tartalmaz, amelyek a .JPG formátumban állnak rendelkezésre.

***

30 anyagszerű megjelenés háttér csomag

Ez a hatalmas gyűjtemény 30 hátteret tartalmaz, gondosan kiválasztott színekkel, széles körű formákkal: négyzetek, téglalapok, háromszögek és körök. Elérhető .PNG és .AI formátumban.

***

Ingyenes anyagszerű megjelenés hátterek

Ezeket a háttereket javasoljuk a blogbejegyzések bannerekkel ellátott képeinek elkészítéséhez, gyémánt alakú területei tökéletesen megfelelnek erre a célra.

***

Ingyenes anyagszerű megjelenés háttér csomagok

Újabb kreatív mini-csomag, amely 5 elképesztő hátteret tartalmaz.

***

Színes, modern dizájnok vektoros háttérrel

Ez az anyagszerű megjelenés háttér .EPS formátumban a Creative Commons (Attribution 3.0) licence alatt jelenik meg. Mivel vektoros objektumokon alapul, könnyen testre szabható a formája és színe.

***

5 ingyenes anyagszerű megjelenés háttér

Egy kis ingyenes színes csomag, amely 5 nagy felbontású .JPG fájlt tartalmaz. Prémium verziója 40 ilyen hátteret kínál 5 dollárért.

***

Anyagszerű bannerek

5 anyagszerű megjelenés banner 1140x600px felbontásban. Használd kiemelt képek, fejlécek, hátterek készítéséhez, vagy akár asztali háttérképekhez.

***

Anyagszerű megjelenés minták ingyenes csomagja

8 rendkívül részletes mintázat. A listán szereplő más hátterekkel ellentétben ezek zökkenőmentesek, azaz bármely méretű felületre alkalmazhatók, anélkül, hogy feláldoznánk a minőséget.

***

Anyagszerű megjelenés UI készletek

Android anyagszerű dizájn

Ez az ingyenes UI készlet számos felhasználói felület elemet kínál: menüket, gombokat, beszédbuborékokat, stb.

***

Anyagszerű UI készlet

Ez a kis méretű UI készlet mind a Photoshop, mind a Sketch felhasználók számára használható. Élénk és energikus, így szabadon felhasználható a zenével kapcsolatos alkalmazásokhoz vagy a weboldal mobil verziójának megtervezéséhez.

***

Cisco App UI

A Cisco egy prémium PSD UI készlet, amely 30+ Android-képernyőt tartalmaz, 100% -os vektoros formában. A demó 10 képernyőt tartalmaz, és ingyen letölthető.

***

5 elképesztő infografika sablon

***

Do App UI készlet

Az InvisionApp mögött álló srácok pontosan tudják, hogyan reklámozhatják szolgáltatásaikat freebieken keresztül: ingyenes UI készletük egyszerűen elképesztő. 130 képernyő, 10 előkészített téma és 250+ tervezőelem. És ez mind ingyenes, nem vicc!

***

150 ikon + 24 dizájn sablon

A benne szereplő ikonok és sablonok nem csak gyönyörűen rajzoltak - konceptuálisak is, így a projekthez való alkalmazás rendkívül egyszerű lesz. Mi több, teljesen szerkeszthető és 100% -ban vektoros.

***

"BankTag" - ingyenes UI készlet

A BankTag egy tiszta Sketch UI készlet pénzügyi mobil alkalmazásokhoz. 13 szépen megtervezett, különféle elemekkel ellátott képernyőt tartalmaz.

***

DiscoMusica - ingyenes Web UI készlet

A DiscoMusica egy többcélú színes UI készlet, amely alkalmas mind a web, mind az alkalmazások számára. Szerkezetének köszönhetően internetes tanfolyamok oktatási weboldalának létrehozására használható. Ez a freebie elérhető a Sketchhez.

***

Komponens alapú anyagszerű dizájn UI készlet

Ez az ingyenes anyagszerű UI készlet Photoshopban egy újabb nagyszerű és egyszerű módja a mobilalkalmazás tervezésének.

***

Crystallize ingyenes Ui készlet

A Crystallize egy ragyogó, nõies UI készlet, amely kiválóan megfelel zenei és szépségipar weboldalaknak. .PSD formátumban áll rendelkezésre.

***

Ingyenes anyagszerű megjelenés UI készlet

Nagyszerű indító csomag a következő mobil design projektedhez.

***

Sepia UI készlet

Ez az UI készlet egy olyan palettával van megtervezve, amely nem szokványos az anyagszerű megjelenésben. Magában foglalja mindazt, amire szükséged van egy lenyűgöző mobil alkalmazás tervezéséhez.

***

Ikonok

Google ikonok

A legtöbb anyagszerű ikon a Google-tól származik. A Google Material Icons alapértelmezett gyűjteménye több százat tartalmaz, folyamatosan új pixel-tökéletes piktogramokkal frissülve. Ezek az ikonok egyszerűek és hatékonyak, támogatják a tervezést.

***

Anyagszerű webes ikonok

Ez a készlet 6 részletes lapos ikonnal rendelkezik, amelyek különféle anyagi érzetekkel rendelkeznek. Összecsomagoltuk ezeket egy réteges .PSD fájlba a te kényelmed érdekében.

***

1000 dizájn ikon

Egy lenyűgöző ikonkészlet, amely több mint 1000 különböző ikonból áll, 9 kategóriára osztva; és minden ikon 7 méretben kerül forgalomba.

***

Anyagszerű dizájn ikonok

Ez az egyszerű névvel rendelkező weboldal ingyenes hozzáférést biztosít 1000+ anyagszerű ikonhoz. Tartalmazza a Google Material Icons alapértelmezett készletét, valamint a felhasználó által megadott piktogramokat. az összes ikon letölthető többféle formátumban, beleértve a .PNG és .SVG fájlokat.

***

Android Lollipop ikonok

Egy másik színes lapos ikon, ezúttal - Android-témájú. 12 miniatúrával rendelkezik, lapos kialakítással és hosszú árnyékokkal.

***

Google Material Design – ingyenes ikon csomag

Ez az ikonkészlet 40 időjáráshoz kapcsolódó kerek formájú ikont tartalmaz mobilalkalmazásokhoz. 3 méretben érkeznek: 64x64, 128x128 és 256x256, és elérhetők .PNG formátumban.

***

Nova Ikonok

Itt van egy ingyenes változata a Nova Icon csomagnak, amely megfelel bármilyen fejlesztési környezetnek, a fájlformátumok sokfélesége miatt: .Sketch, .AI, .SVG, .PDF, .EPS és .Iconjar. 350 ikonból áll, míg a fizetett verzió 4000+ darabot tartalmaz.

***

Szerver/Tárhely anyagszerű megjelenés ikonok

Ez a csomag színes ikonokat kínál a tárhely szolgáltatók számára. 12 hosszú árnyékot tartalmazó ikon, .PSD és .PNG formátumban áll rendelkezésre.

***

Ingyenes anyagszerű ikonok mester csomagja

Ez a készlet különböző alkalmazás- és fájlhoz kapcsolódó kerek ikonokat tartalmaz, mint például a Steam, az Adobe Illustrator, az Adobe Photoshop, a Google Chrome stb., És ezért alkalmas az alkalmazások fejlesztésére. Az archívumban 35 ikon található a .PNG, .ICO és. ICNS formátumokban.

***

Anyagszerű megjelenés ikon sablonok

Ez a freebie nem egy hagyományos értelemben vett ikon, hanem vektoros sablon Adobe Illustrator formátumban. Segítségével pillanatok alatt elkészítheted saját pixel-tökéletes anyagszerű megjelenés ikonjaidat.

***

Keretrendszerek

Materialize

A Materialize egy rendkívül népszerű CSS keretrendszer azok számára, akik szeretik az anyagszerű tervezést. Átfogó dokumentációval rendelkezik és összességében nagyon felhasználóbarát, ezért vált gyorsan számos webfejlesztő kedvenc frontend keretévé.

***

Material UI

A Material UI, valamint a Materialize a leggyakrabban említett keretrendszerek közé tartozik. React-on van felépítve - egy JS könyvtár a felhasználói felületek felépítéséhez, és fel van tuningolva, hogy könnyebb legyen az anyagszerű weboldalak létrehozása.

***

Material Design Lite

Mint a neve is jelzi, a Material Design Lite könnyű és használatában egyszerű megoldás. Ez a tulajdonság azonban nem korlátozza a funkcionalitást. Az összetevők könyvtára biztosítja az olyan modern tervezési elemek megvalósítását, mint a kártyák, a csúszkák, a váltógombok és még sok más.

***

MUI

Az MUI egy könnyű CSS keret, amely követi a Google Material Design irányelveit. Csakúgy, mint a Material UI, React JS könyvtáron dolgozik, így nincs probléma a MUI elsajátításában, ha ismered ezt az eszközt.

***

Angular Material

Az Angular Material egy UI keretrendszer a AngularJS felhasználók számára. Ez megadja a felhasználói felületek hatalmas gyűjteménye feletti irányítást.

***

Polymer

A Polymer egy olyan Google projekt, amelynek tartalmi lapja "Papír" (Md jelöléssel) teljesen orientált a formatervezésben.

***

Material Foundation

A ZURB Foundation egy különösen kedvelt keretrendszer a Magento fejlesztők körében. Ez a keret az anyagszerű megjelenés egy változata. Összevonja az eredeti ZURB kódolási elvét, de optimalizálva van az anyagi ihletésű webhelyek létrehozásához.

***

Anyagszerű megjelenés Bootstraphoz

Azok számára, akik úgy gondolják, hogy a Bootstrap az egyetlen életképes keretrendszer (igen, Bootstrap sovinizmus, de semmi baj nincs vele), bemutatjuk ezt az anyagszerű megjelenést Bootstrap témákhoz.

***

LumX

A LumX egy front-end keret, amely a Google Material Designon alapul.

***

Ionic Material

Az Iconic Material az Ionic mobilalkalmazás keretrendszerének bővítési könyvtára.

***

Nehéz találni ingyenes (vagy prémium) anyagszerű megjelenés erőforrásokat, amelyek követik a Google irányelveit. De ez nem annyira fontos. Végül is a tervezés a kreativitásról szól, és nincs kreativitás, ha követünk minden szabályt.

Légy kreatív!



Ingrid Almási

Csodálatos dolognak tartom az írást, mellyel új világokat, különleges embereket teremthetünk. Akikért az olvasó izgulhat, szeretheti vagy gyűlölheti őket. Vagyis annak a fantáziáját szereti, aki megalkotta a művet. Ha csak egy írásom elgondolkodtat, elszomorít vagy megnevettet valakit, már megérte tollat ragadnom.