دیزاین سیستم (Design System)

گروه اساتید
اخرین بروزرسانی 7 تیر 1401
2 نفر ثبت نام کرده اند

درباره این دوره

دیزاین سیستم و کتابخانه‌های الگو : افزایش کیفیت طراحی تجربه کاربری، سازگاری و کارایی طراحان

دیزاین سیستم یک راهنمای جامع برای طراحی پروژه است. در واقع می‌شود گفت که مجموعه‌ای از قوانین، اصول، محدودیت‌ها و فرصت‌ها برای طراحی است. عنصر اصلی دیزاین سیستم اغلب یک کتابخانه از مؤلفه‌های UI است که با اصول اتمیک دیزاین طراحی شده و ویژگی‌هایی مانند: فونت و رنگ و اشکال به آن اضافه شده‌است.

دیزاین سیستم که به‌عنوان «کتابخانه‌های الگو» یا «کتابخانه‌های کامپوننت» نیز شناخته می‌شوند، کیفیت و طراحی تجربه کاربری سازگار را در بین محصولات ارتقا می‌دهند و کار طراحان، توسعه‌دهندگان و هر کسی که روی وب سایت، برنامه و نرم‌افزار یا هر طرح دیجیتالی کار می‌کند را سرعت می‌بخشد. این دوره، نحوه ساختن، مدیریت، ارتباط برقرار کردن و اداره کتابخانه‌های کامپوننت را برای دستیابی به حداکثر موفقیت در کار آموزش می‌دهد.

در این دوره یاد می‌گیرید که چگونه همه توکن‌های طراحی مورد نیاز را ارائه کنید، مثلاً…

  • چگونه شبکه‌بندی، طرح‌بندی و فاصله‌گذاری را تعریف کنید؟  
  • چگونه آیکون‌ها و تصاویر را مدیریت کنید؟
  • چگونه مقیاس‌های رنگی و تایپوگرافی را انتخاب و ایجاد کنید؟
  • و در نهایت چگونه عناصر پرکاربرد یک وب سایت همچون دکمه‌ها، ورودی‌ها، کادرهای نوشتن، کادرهای تأیید، دکمه‌های رادیویی را طراحی کنید؟
  • همچنین فرا می‌گیریم چگونه برایشان نام صحیح و متناسب با کاربردشان تعیین کنیم که برای دسترس‌پذیری کاربران بسیار مهم است.
  • و در انتها با نحوه استفاده از دیزاین سیستم و چگونگی اعمال آن در پروژه‌ها یا حتی شرکت خود را می‌آموزید.

در پایان دوره شما قادرید دیزاین سیستم کامل خود را ایجاد کنید و با اطمینان در هر مکانی از آن استفاده کنید.

اگرچه در این دوره ما با فیگما کار می‌کنیم، اما فرایندی که در اینجا توضیح می‌دهیم در نرم‌افزارهای دیگر مانند Sketch یا Adobe XD هم می‌توانیم پروژه‌های خود را انجام دهیم. پس اگر از فیگما استفاده نمی‌کنید، نگران نباشید آنقدر این نرم‌افزار جذاب است که به‌راحتی می توانید ابزار جدید را یاد بگیرید. ما با استفاده از پتانسیل کامل فیگما برای ایجاد دیزاین سیستم خود با تنوع و گوناگونی و طرح خودکار بهره می‌گیریم.

 

سرفصل:

  • طرح‌های بهینه شده
  • طراحی سریعتر
  • پیشرفت سریعتر
  • دیدگاه مشترک با طراحان و ذینفعان
  • سازگاری طراحی​

  • چه زمانی برای شروع ایجاد یک سیستم طراحی مناسب است؟
  • تطبیق برای تیم‌ها در اندازه‌ها و ترکیب‌های مختلف
  • نیروی انسانی و مجموعه‌های مهارت‌ها​

  • شیوه‌های کاربرد کتابخانه‌های موجود در وب
  • سفارشی کردن کتابخانه‌های موجود در وب یا در سازمان
  • استفاده از ابزارهای موجود برای ایجاد کتابخانه
  • ایجاد یک کتابخانه از ابتدا​

  • نحوه ساختن سطح کامپوننت اتمیک تا صفحات و سیستم‌ها​

  • چارچوب‌ها: زاویه‌دار، تعاملی، و بیشتر
  • مدیریت نرم‌افزار
  • ابزارهای بهینه‌ سازی​

  • طراحی
  • بازخورد داخلی و خارجی
  • ارتباط برقرار کردن
  • آموزش دادن
  • اطمینان از موفق شدن و جلوگیری از عدم موفقیت​

  • نظارت
  • مدیریت نقش‌ها و مسئولیت‌ها با مهندسی کردن نرم‌افزار
  • به‌روزرسانی
  • ازکارافتادن​

  • نقش‌ها و موارد قابل دسترسی
  • زمان به‌روزرسانی یک الگو و طرح
  • قواعد به روزرسانی
  • الگوهای تست قابلیت کاربردپذیری
  • بررسی کد

  • تیم اجزای متمرکز در مقابل غیرمتمرکز: جوانب مثبت و منفی (موافق و مخالف)
  • کار متمرکز فرانت-اند در مقابل کار غیرمتمرکز فرانت-اند: جوانب مثبت و منفی​

 

اهداف یادگیری

در پایان دوره شما قادرید دیزاین سیستم کامل خود را ایجاد کنید و با اطمینان در هر مکانی از آن استفاده کنید.

موارد ارائه شده

  • تاریخ شروع :
  • تاریخ پایان :

اساتید دوره

گروه اساتید

5.0/5
32 دوره
3 دیدگاه
6 دانشجو
مشاهده بیشتر

یک نظر بنویسید

بنر نمونه

تماس بگیرید

سطح
همه سطح‌ها
مدت زمان 4 ساعت

موارد ارائه شده

  • تاریخ شروع :
  • تاریخ پایان :
Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Click outside to hide the compare bar
Compare