Malzeme Tasarımı son 2 yıl en sıcak trendlerinden biridir. Kullanıcı arayüzlerini birleştirmenin bir aracı olarak Google hizmetleri için bir kural seti oldu. Ancak bugün birçok profesyonel tasarımcı kullanılabilirlik odaklı basit tasarımdan daha havalı göründüğü için bu ilkelerini benimsiyorlar. Bir pro gibi web siteleri ve uygulamalar tasarlamaya başlamak isterseniz, ilk olarak, Google'ın bu trend hakkında ne söylediğini kontrol edin, sonra ücretsiz malzeme tasarım kaynakları galerisine göz atın ve işinize en uygun olanı seçin. Burada sunulan 40 ücretsiz kaynağı herhangi bir boyutta bir proje için güzel bir çözüm olacak.
Özet, arka planlar, UI kitleri, simgeler ve çerçeveler gibi 4 bölümü içermektedir. Materyal tasarımında kendi geliştirmek istiyorsanız her biri çok detaylı inceleyin.
Materyal arka planları
40 ' dan fazla Malzeme Tasarımı Arka Planı
Burda yüksek çözünürlükte 40 ücretsiz malzeme tasarımı arka planı görebilirsiniz. Raster (.JPG) ve vektör (.AI) varyasyonlarında kullanılabilir, böylece onları uygun gördüğünüz şekilde düzenleyebilirsiniz. Bu arka planlar, çeşitli şekil ve renklerinde gelmektedir. Bu yüzden herhangi bir değişiklik yapmadan onları web veya basılı bir projeye uygulayabilirsiniz.
100 Materyal Arka Planı
En yeni projeleriniz için doğru görünümü bulmak isterseniz, 100 profesyonel arka planına göz atın.
Ücretsiz Vektör Bulucu
Bu ücretsiz vektörleri kullanarak arama motoru indirin ve birkaç dakika içinde herhangi bir malzeme tasarımı veya başka bir freebie'yi bulun. Büyül bir dosya veritabanına sahip olursanız, tek yapmanız gereken arama terimi eklemek ve keyfini çıkarmaktır.
10 Malzeme Tasarımı Arka Planı
Bu paket, 5 renk kombinasyonu ile çarpılan 2 arka plan tasarımını içerir. Yüksek çözünürlük (5000 x 3000 piksel) ve yüksek nitelik (300 dpi) özelliklerine sahiptir ve kişisel ve ticari kullanım için ücretsizdir.
30 Malzeme arka plan yeni seti
30 arka planından oluşan bu büyük koleksiyonu, özenle seçilmiş renkleri, şık dokuları ve kareler, dikdçrtgenler, üçgenler gibi çeşitli şekilleri içerir. PNG ve .AI formatılarında kullanılmaktadır.
Ücretsiz Malzeme Tasarımı Promosyon Arka Planları
Blog yazılarınız için banner özellikli resimler yapmak için bu materyal arka planlarını kullanmanızı öneririz.
Malzeme Tasarımı Arka Planlarının Ücretsiz Seti
Bu, 5 parlak malzeme duvar kağıdını içeren bir başka yaratıcı mini paketidir.
Renkli Modern Malzeme Tasarımı Vektör Arka Planı
.EPS formatında gelen bu materyal arka planı, Creative Commons (Attribution 3.0) lisansı altında yayınlanır. Vektör nesnelerini temel olarak aldığından, şekil ve renk açısından kolayca özelleştirilebilir.
5 Ücretsiz Malzeme Tasarımı Arka Planı
5 yüksek çözünürlüklü .JPG dosyası içeren renkli bir materyal arka planıdır. Onun premium sürümü 40 arka planı sunmaktadır. Sadece 5 dolar ödeyerek ona sahip olabilirsiniz.
Material Banners
1140x600px çözünürlükte 5 adet malzeme tasarım banneridir. Sanat eserleri için öne çıkan görseller, başlıklar, arka planlar veya masaüstü duvar kağıtları oluşturmak için bunları kullanın.
Malzeme Tasarım Desenlerin Ücretsiz Seti
8 son derece ayrıntılı desenler. Bu listedeki diğer arka planlarının aksine, kaliteden ödün vermeden bunları herhangi bir boyuttaki yüzeye uygulayabilirsiniz.
Material UI Kits
Android Malzeme Tasarımı oluşturmak için UI Kit Araç Seti
Google, web tasarım dünyasında önemli bir trend belirleyici. Bu yüzden, Sketch için malzeme tasarım feebielerinin mevcut olduğu için şaşırmayın.
Bu ücretsiz UI seti, menüler, butonları, konuşma balonları gibi çeşitli kullanıcı arabirimi öğeleri sunar.
Material UI Kit
Bu küçük UI Kit seti hem Photoshop hem de Sketch kullanıcıları için uygundur. Canlı ve enerjik görünmektedir. Bu yüzden bir müzik uygulama veya bir web sitenin mobil sürümünü tasarlamak için ücretsiz kullanılabilir.
Cisco Uygulaması Arayüzü
Cisco, %100n vektör şekilleri dayalı 30'den fazla Android ekranı içeren premium bir PSD UI Kit aracıdır. Demo 10 ekran içerir. Onu ücretsiz indirebilirsiniz.
Do App UI Kit
InvisionApp'in kullanan tasarımcılar, hizmetlerini freebieleri aracılığıyla nasıl tanıtacağını biliyorlar. Do App UI Kit seti bu amacı için mükemmel bir çözümdür. 130 ekran, 10 hazır teması ve 250'den fazla bileşeni içermektedir. Buücretsiz bir seti.
"BankTag" — Ücretsiz UI Seti
BankTag, finansal mobil uygulamalar için temiz bir Sketch UI Kitidir. Çeşitli unsurlar ile birlikte gelen 13 adet özenle taasarlanmış ekrana sahiptir.
DiscoMusica — Ücretsiz Web UI Seti
DiscoMusica, hem web hem de uygulama tasarımları için uygun çok amaçlı renkli bir UI takımdır. Yapısından dolayı online kurslarla bir eğitim sitesi oluşturmak için kullanılabilir. Bu freebie, Sketch için de kullanılabilir.
Bileşen Tabanlı Malzeme Tasarım UI Seti
Photoshop için bu ücretsiz UI Seti, bir mobil uygulamanın sorunsuz bir şekilde tasarlamanın bir başka harika ve kolay yoludur.
Crystallize Ücretsiz UI Kit Seti
Cryastallize, müzik ve güzellik web siteleri için bu parlak UI seti en iyi seçenektir. .PSD formatında kullanılabilir.
Ücretsiz Malzeme Tasarımı UI Kit Seti
Aptly adlı, bu malzeme tasarımı uygulamsı ekran seti, bir sonraki mobil tasarım projeniz için harika bir çözüm olacaktır.
Malzeme Tasarım Simgeleri
Google Malzeme Tasarım Simgeleri
En önemli simge seti, Google tarafından oluşturmaktadır. Google Materyal Simgelerinin varsayılan koleksiyonu sürekli olarak yeni piksel piktogramlarla güncellenmektedir. Bu simgeler basit ve verimlidir, bu yüzden tasarımı destekliyorlar ve kesintiye uğramıyorlar.
Materyal Tasarım Web Simgeleri
Bu seti, 6 detaylı düz simgesi içerir. Rahatlığınız için tek katmanlı bir .PSD dosyası olarak paketlenmiştir.
Malzeme Tasarım Simgeleri
Basit bir isme sahip olan bu web sitesi size 1000'den fazla materyal simgesine ücretsiz erişim hakkı verir. Varsayılan Google Materyal Simgeleri Setini ve kullanıcı tarafından sağlanan piktogramları içerir. Tüm simgeler, .PNG ve .SVG dahil olmak üzere çeşitli formatlarında indirilebilir.
Android Lollilop Simgeleri
Android Temalı renkli düze simgeleri içeren başka bir setidir. Düz tasarım ve uzun gölgeler ile 12 minyatür sunmaktadır.i
Google Malzeme Tasarımı — Ücretsiz Simge Seti
Bu simge seti, mobil uygulamalar için hava durumuyla ilgili 40 yuvarlak simge içerir. 64x64, 128x128 ve 256x256, ve .PNG formatında gelmektedirler.
Nova Simgeler
Nova Simge Seti herhangi bir geliştirme ortamı için uygun olan ücretsiz bir versiyonudur. Sketch, .AI, .SVG, .PDF, .EPS ve .Iconjar gibi çeşitli fırmatları için uygundur. Bu seti hem özetlenen hem de doldurulmuş olan 350 simgesi içerir.
Sunucu / Hosting Malzemesi Tasarımı Simgleri
Bu renkli malzeme simgeleri paketi, bandırma sağlayıcıları için tasarlanmıştır. Bu seti uzun gölgeler ile birlikte 12 simgesi içerir ve .PSD ve .PNG formatlarında kullanılabilir.
Malzeme Tasarımı Simgeleri Ücretsiz Seti
Bu set, Steam, Adobe Illustrator, Adobe Photoshop, Google Chrome vb. gibi çeşitli uygulama ve yuvarlak simgeleri içerir. Uygulama geliştirme için uygundur. Arşivde .PNG, .ICO ve İCNS formatlarında 35 simgesi bulacaksınız.
Malzeme Tasarımı Simgesi Şablonları
Bu freebie geleneksel anlamda bir simge değil, Adobe Illustrator formatında bir vektör şablonudur. Onun yardımıyla kendi piksel mükemmel malzeme tasarım simgelerinizi istediğiniz şekilde tasarlayabilirsiniz.
Malzeme tasarımı çerçeveleri
Materialize
Materialize, malzeme tasarımı sevenler için son derece popüler bir CSS çerçevesidir. Kapsamlı dokümantasyonu ile birlikte gelir ve genel olarak çok kullanıcı dostu olmasının yanı sıra, pek çok web geliştirici için hızla bir en sevdiği çerçevesi haline gelmiştir.
Material UI
Material UI, Materialize ile birlikte en çok popüler çerçeveler arasındadır. React üzerinde oluşturulan kullanıcı arayüzleri oluşturmak için JS kütüphanesi ve web siteleri oluşturmayı daha kolay hale getirmek için ayarlanmıştır.
Material Design Lite
Adından da anlaşılacağı gibi, Material Design Lite hafif ve kullanımı kolay. Ancak bu özellik onu işlevsellikte sınırlandırmaz. Bu bileşen kütüphanesi, kartlar, sürgü, anahtar ve daha birçok gibi modern tasarım öğelerinin uygulamasında size yardımcı olur.
MUI
MUI, Google'ın Malzeme Tasarım yönergelerini takip eden hafif bir CSS çerçevesidir. React JS Kütüphanesinde de çalışır. Bu araca aşina iseniz, MUİ ile çalışmalarınızda hiç bir sorun olmayacaktır.
Angular Material
Angual Material, Angular JS kullanıcıları için bir UI çerçevesidir. Google’ın malzeme tasarımıyla ilgili yönergilerine uygun çok sayıda kullanıcı arayüzü bileşeni üzerinde kontrol sağlar.
Polymer
Polymer, ‘Paper’ (Md olarak işaterlenmiş) içerik sekmesi tamamen malzeme tasarımına yönellik bir Google’ın projesidir.
Bootstrap için Malzeme Tasarımı
Bootstrap'in tek geçerli olduğu düşünenler için Materyal Tasarım'ı sunuyoruz. Bu malzem tamamen Bootstap içindir. Başka neye ihtiyacınız var ki?
LumX
LumX, Google Malzeme Tasarımına dayanan ön üç çerçevesidir.
İonik Material
İonik Material, İonik mobil uygulama çerçevesinin eklenti kütüphanesidir. Tüm Google'ın Malzeme Tasarım yönergelerini takip eden ücretsiz (hatta premium) malzeme tasarım kaynakları bulmak zordur. Ama başka taraftan, bu çok önemli değil. Sonuçta, tasarım tamamen yaratıcılık ile ilgildir ve tüm kuralları takip ederseniz yaratıcı olamazsınız.
Yaratıcı olun!