Tasarımcılar ve Geliştiriciler İçin 34 Material Design Kaynağı |
3 Mesajlar | 1.832 Okunma |
etiketinden önce).
12. Material Design Icon Expanded: SVG ve PNG formatlarında ve çeşitli boyutlarda Material Design'a göre tasarlanmış 1400 ikonun yer aldığı bir ikon seti bulunmaktadır.
13. Free Sketch, Templates and Icons: 424 adet Android Lollipop ikonu, mobil, tablet ve masaüstü şablonları ve Polymer web bileşenleri bulunmaktadır.
14. Material Design Icons: Google tarafından geliştirilen 750 adet Material Design ikonu yer almaktadır. SVG, PNG ve hi-dpi versiyonlarını ve 24 - 48 px boyutlarını içermektedir.
15. The Tiles: CSS tabanlı Material Design yerleşimleri bulunmaktadır.
16. Hover and Click Effect: Material Design standardına uygun çeşitli renklerde üzerine gelme (hover) ve tıklama (click) efektleri yer alıyor.
17. Ripple Click Effect: Bir diğer tıklama (click) efekti.
18. Material Interaction: Material Design prensiplerine uygun interaktif bir deneyim sunmaktadır.
19. Material Icons Deconstruction: Material Design'ın yumuşak ikon geçiş efektleri yer alıyor. HTML ve CSS kullanarak yapabilirsiniz.
20. Material Palette: Önizlemeler ile birlikte Material Design'a uygun renk paletleri bulunmaktadır.
21. Product Icon Anatomy: Google'ın product icon anatomy standardının efektli hali bulunmaktadır.
22. Material Design Buttons: Elementlere otomatik olarak Material Design efekti ekleyen script bulunmaktadır.
23. Animation Timing: Material Design üzerine tasarlanmış geçiş animasyonu bulunmaktadır.
24. Material Design Form: Sade ve hızlı Material Design giriş (login) formu bulunmaktadır.
25. The Morphing Icons: Material Design ile birlikte popüler hale gelen klasik ikon efekti bulunmaktadır. Glif, boyut ve rengine göre değiştirip test edebilirsiniz.
26. Radio Input: Özelleştirilmiş Radio butonları yer almaktadır (sadece CSS).
27. Menu CSS: Material Design hover (üzerine gelme) efektine sahip menü bulunmaktadır. CSS ve HTML kodunu kopyalayıp projelerinizde kullabilirsiniz.
28. Material Shadows: Web bileşenleri olmadan gerçekçi Material Design gölge efektleri verebilirsiniz.
29. PC Icons: Material Design için tasarlanan onlarca masaüstü ikonu yer almaktadır.
30. Switch Theme: Sade ve şık değiştirme (switch) teması bulunmaktadır.
31. Material Design Navigation: Oldukça sade ve hoş bir Material Design menüsü yer almaktadır.
32. Material Design Preloader: Klasik Material Design yükleme (preloader) efektinin yer aldığı eklentidir.
33. Modern Loader: Dört farklı renkte dönen klasik Material Design yükleme (loading) efekti bulunmaktadır.
34. Animated Tabs: CSS3 ve Pure Javascript ile tasarlanmış animasyonlu sekmeler yer almaktadır.
Kaynak: webmasto.com/google-material-design-icin-34-faydali-kaynak