با این درحال حاضر، اینها تنها مفاد نخستین میباشند. از آن جا که
طراحی اپلیکیشن در مشهد متریال صفحه آرایی یک پروژه open-source میباشد، پیشرفتدهندگان دیگر نیز ابزارهای خویش را با تقلید از اصول متریال صفحه آرایی ساختهاند. دراین نوشتهی علمی ما شایسته ترین کتابخانههای کامپوننت رابط کاربری متریال صفحه ارایی را عدهآوری کردهایم که می تواند در پروژههای آینده وب یا این که گوشیتان به شما امداد متعددی نماید.
اصول متریال صفحه آرایی
پیش از معرفی شایسته ترین کتابخانههای کامپوننت رابط کاربری (UI) متریال صفحه ارایی، بیایید یک نگاه سریع به مهمترین اصول متریال طراحی صفحه داشته باشیم. آن ها به تفصیل تحت میباشند:
پالتهای رنگی متریال از یک رنگ مهم و ثانویه استعمال مینمایند.
رنگها می بایست شرایط کامپوننتها و ارتباط میان آنهارا علامت دهند.
متن و آیکونها بایستی استانداردهای خوانایی را رعایت نمایند.
حرکات در برگه مدام می بایست معنادار باشد.
کامپوننتها بایستی قابل به کار گیری دوباره باشند.
پیاده سازی آیکونها می بایست بهتر و بدیهی باشد.
و بخش اعظمی مفاد دیگر.
گوگل برای ساخت سیستم متریال صفحه ارایی پژوهش ها جامعی را اجرا داده میباشد و مقداری مجال میبرد تا دستورالعلها را دنبال نمایید. و در اینجا، ما میخواهیم لیستی از شایسته ترین کتابخانههای کامپوننت رابط کاربری را به شما معرفی کنیم که می تواند امداد متعددی به شما نماید. همینطور درصورتیکه شما موردی را پیدا کردید که به آن عشق و علاقه دارید، مایحتاج وجود ندارد یک دارای تخصص در مورد متریال صفحه آرایی باشید تا بتوانید نرم افزارهایی را بسازید که راهبردهای متریال گوگل را دنبال مینمایند.
Materialize .1
Materialize یک قابورک CSS ریسپانسیو میباشد که از اصول متریال طراحی صفحه تاسی مینماید. این قابورک چند کامپوننت فراهم از قبیل badges، buttons، breadcrumbs، cards، icons، navigation bars و موردها دیگر را ارائه می دهد. Materialize ضمن موادسازنده ساده برای اینترنتوبسایتها، دربرگیرنده کامپوننتهای اپ موبایل مانند هشدارهای (alert) دوست داستنی گوشی میباشد.
کلیه کامپوننتهای Materialize با مثال کدهایی ارائه می گردند که شما تنها می بایست به شیت HTML خویش اضافه فرمائید. ضمن کامپوننتهای HTML و CSS، به تنی چند از عنصرها قابل سفارشیسازی جاوااسکریپت مثل carousel، modals، parallax effects و مفاد دیگر نیز دسترسی خواهید داشت. گروه Materialize همینطور تمهایی ارائه میدهند که با کتابخانه کامپوننت ساخته شده است، ولی آنها مجانی نیستند.
2. Material Design for Bootstrap
Material Design for Bootstrap یک کتابخانه کامپوننت همگیکاره میباشد که به شما اذن میدهد نرم افزارهای اینترنتوبسایتهای mobile-first ریسپانسیو را بسازید. این کتابخانه برای قابورک بوتاسترپ 4 ساخته شده است تا به شما یاری دهد هم زمان از تکنولوژیهای front-end استعمال فرمائید. تنظیمات پیشفرض آن از jQuery برای تعاملات به کارگیری مینماید، با این درحال حاضر، این کتابخانه دارنده تنظیماتی برای سه کادرورک دوست داستنی JS: Angular، React و Vue میباشد.
این کتابخانه هم ورژن بدونپول و هم مبلغی داراست. شما میتوانید material UI kit مجانی را از گیتهاب دانلود نمائید. اکنون، مشتمل بر بیشتراز 400 عنصر رابط کاربری متریال، بیش تر از 600 آیکون متریال، 74 برنامه کودکان CSS، یادگرفتنها و پوستههای از پیش تاسیس شده است. اگرچه کتابخانه بدونپول برای بیشتر اپها کافی میباشد، ورژن ماهر آن مشمول بیش تر از 4500 کامپوننت، بیش تر از 50 نصیب، افزونه و JS ماژولار که کلیه مبلغی میباشند هست.
3. Material UI (برای React)
Material UI کتابخانه دوست داستنی کامپوننت رابط کاربری برای قابورک React میباشد. در صورتیکه می خواهید هر نوع نرم افزار Reactای را با با متریال ساختوساز فرمایید، دیگر نیازی وجود ندارد ادامه مطالب را بخوانید و این آیتم برای شما کافی میباشد. کامپوننتهای Material UI سوای پیکربندی خاصی فعالیت مینمایند، آنها به تنظیمات مازاد نیاز ندارند. این کتابخانه دربرگیرنده کامپوننتهای طرحبندی، همگی نواع عنصر ورودی، نوارهای پیمایش، و موردها دیگر میباشد. برای لیست بی نقص کامپوننتها، می توانید به مستندات آن نگاهی بیاندازید.
Material UI ضمن دسترسی به یکسری کامپوننت از پیش پیاده سازیگردیده، Component APIهای بزرگای را در دست شما قرار میدهد. به شما اذن می دهد تمامی کامپوننتها را سفارشیسازی فرمایید. مستندات Material UI حقیقتا عالی می باشند و به راحتی می توانید از آنها به کار گیری نمایید، و یاروهمدم با نمونههای متعددی، قطعه کدها، و اشکال دموها میباشد، بدین ترتیب شما سریعا میتوانید مثالسازی نخستین را با آن استارت نمائید.
4. Vue Material
Vue Material یک کتابخانه کامپوننت UI متریال صفحه آرایی مدل وزن برای قابورک Vue.js است. سازندگان آن افتخار مینمایند که همگی کامپوننتهای آن دقیقا بر طبق با خصوصیات متریال صفحه ارایی گوگل ایجاد شده است. Vue Material با اکثری از ارکان رابط کاربری از پیش پیاده سازیگردیده مثل avatars، buttons، cards، dialogs، forms، icons، lists، toolbars و اکثری مفاد دیگر ارائه می شود.
ازآنجاکه Vue Material به طور کامل بهتر مستندسازی گردیدهاست، در صورتیکه پیش از این با HTML، CSS و Vue فعالیت کرده باشید، عمل با آن برای شما راحت میباشد. هر کامپوننت به طور live منتشر گردیده است، بدین ترتیب شما میتوانید کدها را آنلاین تغییرو تحول دهید و نتیجه ها را در لحظه ملاحظه کنید. این کتابخانه مجانی میباشد که با دو تم همپا میباشد: Vue Material Dashboard Free دربرگیرنده 16 کامپوننت و Vue Material Dashboard Pro با خصوصیتهای بدون نقص که 59 دلار می باشد.