دیزاین سیستم (Design System)
درباره این دوره
دیزاین سیستم و کتابخانههای الگو : افزایش کیفیت طراحی تجربه کاربری، سازگاری و کارایی طراحان
دیزاین سیستم یک راهنمای جامع برای طراحی پروژه است. در واقع میشود گفت که مجموعهای از قوانین، اصول، محدودیتها و فرصتها برای طراحی است. عنصر اصلی دیزاین سیستم اغلب یک کتابخانه از مؤلفههای UI است که با اصول اتمیک دیزاین طراحی شده و ویژگیهایی مانند: فونت و رنگ و اشکال به آن اضافه شدهاست.
دیزاین سیستم که بهعنوان «کتابخانههای الگو» یا «کتابخانههای کامپوننت» نیز شناخته میشوند، کیفیت و طراحی تجربه کاربری سازگار را در بین محصولات ارتقا میدهند و کار طراحان، توسعهدهندگان و هر کسی که روی وب سایت، برنامه و نرمافزار یا هر طرح دیجیتالی کار میکند را سرعت میبخشد. این دوره، نحوه ساختن، مدیریت، ارتباط برقرار کردن و اداره کتابخانههای کامپوننت را برای دستیابی به حداکثر موفقیت در کار آموزش میدهد.
در این دوره یاد میگیرید که چگونه همه توکنهای طراحی مورد نیاز را ارائه کنید، مثلاً…
- چگونه شبکهبندی، طرحبندی و فاصلهگذاری را تعریف کنید؟
- چگونه آیکونها و تصاویر را مدیریت کنید؟
- چگونه مقیاسهای رنگی و تایپوگرافی را انتخاب و ایجاد کنید؟
- و در نهایت چگونه عناصر پرکاربرد یک وب سایت همچون دکمهها، ورودیها، کادرهای نوشتن، کادرهای تأیید، دکمههای رادیویی را طراحی کنید؟
- همچنین فرا میگیریم چگونه برایشان نام صحیح و متناسب با کاربردشان تعیین کنیم که برای دسترسپذیری کاربران بسیار مهم است.
- و در انتها با نحوه استفاده از دیزاین سیستم و چگونگی اعمال آن در پروژهها یا حتی شرکت خود را میآموزید.
در پایان دوره شما قادرید دیزاین سیستم کامل خود را ایجاد کنید و با اطمینان در هر مکانی از آن استفاده کنید.
اگرچه در این دوره ما با فیگما کار میکنیم، اما فرایندی که در اینجا توضیح میدهیم در نرمافزارهای دیگر مانند Sketch یا Adobe XD هم میتوانیم پروژههای خود را انجام دهیم. پس اگر از فیگما استفاده نمیکنید، نگران نباشید آنقدر این نرمافزار جذاب است که بهراحتی می توانید ابزار جدید را یاد بگیرید. ما با استفاده از پتانسیل کامل فیگما برای ایجاد دیزاین سیستم خود با تنوع و گوناگونی و طرح خودکار بهره میگیریم.
سرفصل:
مزایای دیزاین سیستم
- طرحهای بهینه شده
- طراحی سریعتر
- پیشرفت سریعتر
- دیدگاه مشترک با طراحان و ذینفعان
- سازگاری طراحی
سازمان
- چه زمانی برای شروع ایجاد یک سیستم طراحی مناسب است؟
- تطبیق برای تیمها در اندازهها و ترکیبهای مختلف
- نیروی انسانی و مجموعههای مهارتها
استراتژی و ابزارها
- شیوههای کاربرد کتابخانههای موجود در وب
- سفارشی کردن کتابخانههای موجود در وب یا در سازمان
- استفاده از ابزارهای موجود برای ایجاد کتابخانه
- ایجاد یک کتابخانه از ابتدا
اتمیک دیزاین
- نحوه ساختن سطح کامپوننت اتمیک تا صفحات و سیستمها
Determining technology stack
- چارچوبها: زاویهدار، تعاملی، و بیشتر
- مدیریت نرمافزار
- ابزارهای بهینه سازی
استقرار کتابخانه کامپوننت
- طراحی
- بازخورد داخلی و خارجی
- ارتباط برقرار کردن
- آموزش دادن
- اطمینان از موفق شدن و جلوگیری از عدم موفقیت
حفظ و نگهداری از کتابخانه کامپوننت
- نظارت
- مدیریت نقشها و مسئولیتها با مهندسی کردن نرمافزار
- بهروزرسانی
- ازکارافتادن
افزودن و ویرایش الگوها
- نقشها و موارد قابل دسترسی
- زمان بهروزرسانی یک الگو و طرح
- قواعد به روزرسانی
- الگوهای تست قابلیت کاربردپذیری
- بررسی کد
مدل سازمانی برای تیم
- تیم اجزای متمرکز در مقابل غیرمتمرکز: جوانب مثبت و منفی (موافق و مخالف)
- کار متمرکز فرانت-اند در مقابل کار غیرمتمرکز فرانت-اند: جوانب مثبت و منفی
اهداف یادگیری
موارد ارائه شده
- تاریخ شروع :
- تاریخ پایان :