در اولین قسمت از اموزش رایگان فلاتر مقدماتی با دیزاین سیستم متریال اشنا میشیم و نحوه پیاده سازیش رو در فلاتر بررسی میکنیم.
دیزاین سیستم (Design System) مجموعهای از اجزا و قواعد طراحی است که برای ایجاد یکپارچگی و انسجام در تجربه کاربری (UX) در تمام محصولات دیجیتال یک شرکت یا سازمان به کار میرود. این اجزا شامل موارد زیر هستند:
دکمهها، فرمها، ورودیها، ناوبری و سایر عناصر بصری که کاربران با آنها تعامل دارند.
رنگها، فونتها، تصاویر و سایر عناصر که هویت برند را نشان میدهند.
نحوه استفاده از اجزا و زبان بصری در چارچوب یکپارچه.
با استفاده از اجزای از پیش ساخته شده، طراحان و توسعهدهندگان میتوانند به سرعت و به آسانی رابطهای کاربری را ایجاد کنند.
دیزاین سیستم تضمین میکند که تمام محصولات دیجیتال یک شرکت یا سازمان ظاهری و احساسی مشابه دارند، که این امر به نوبه خود باعث ایجاد یک تجربه کاربری یکپارچه برای کاربران میشود.
زمانی که نیاز به تغییر یا بهروزرسانی یک جزء باشد، به راحتی میتوان آن را در سراسر سیستم اعمال کرد.
دیزاین سیستم به طراحان، توسعهدهندگان و سایر ذینفعان کمک میکند تا به طور موثر با یکدیگر همکاری کنند.
دیزاین سیستم متریال (Material Design System) مجموعهای از اجزا و قواعد طراحی است که بر اساس زبان طراحی متریال گوگل ساخته شده است. این زبان طراحی برای ایجاد رابطهای کاربری (UI) زیبا، بصری و کاربرپسند در پلتفرمهای مختلف، از جمله برنامههای اندروید، وب و Flutter طراحی شده است.
مجموعه کاملی از ویجتهای UI از پیش ساخته شده که مطابق با زبان طراحی متریال هستند. این ویجتها شامل دکمهها، فرمها، ورودیها، ناوبری، برگهها، کادرهای محاورهای و موارد دیگر میشوند.
مجموعه از رنگها، فونتها و سایر عناصر بصری که هویت برند متریال را نشان میدهند.
نحوه استفاده از ویجتها و تمهای متریال در چارچوب یکپارچه.
با استفاده از ویجتهای متریال از پیش ساخته شده، میتوانید به سرعت و به آسانی برنامههای Flutter با ظاهری مطابق با زبان طراحی متریال ایجاد کنید.
دیزاین سیستم متریال تضمین میکند که تمام برنامههای Flutter شما ظاهری و احساسی مشابه و مطابق با دستورالعملهای گوگل دارند، که این امر به نوبه خود باعث ایجاد یک تجربه کاربری یکپارچه و آشنا برای کاربران میشود.
زمانی که نیاز به تغییر یا بهروزرسانی یک ویجت متریال باشد، به راحتی میتوان آن را در سراسر برنامههای خود اعمال کرد.
دیزاین سیستم متریال به طور کامل مستند شده و به صورت رایگان در دسترس است، که یادگیری و استفاده از آن را آسان میکند.
برای استفاده از دیزاین سیستم متریال در فلاتر، باید مراحل زیر را انجام دهید:
پکیج material به طور پیش فرض در Flutter موجود است، بنابراین نیازی به نصب جداگانه آن نیست.
ویجتهای متریال را میتوان مانند هر ویجت دیگری در Flutter استفاده کرد.
میتوانید از تمهای متریال پیش فرض استفاده کنید یا تمهای خود را با استفاده از کلاس ThemeData ایجاد کنید.
برای اطمینان از اینکه برنامه شما با زبان طراحی متریال مطابقت دارد، قواعد و دستورالعملهای متریال را دنبال کنید.
وبسایت رسمی متریال دیزاین: https://m3.material.io/
