آموزش اصولی و حرفه ای Ui Design

توضیحات دوره


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

این دوره

بعنوان یک دولوپر، طرح هاتون باید تا جای ممکن بی طرف و کاربردی باشن و بر پایه دیزاین سیستم ها و اصول پذیرفته شده ای طراحی شده باشن که به راحتی کد بشن. شما باید روی سرعتتون کار کنید چون که نمیخواید از زمان کد نویسیتون واسه دیزاین بزنید. هدف من اینه که با توضیح اصول پایه طراحی رابط کاربری، کاری کنم با طرح هاتون حال کنید و سیستمی رو برای خودتون درست کنید که به مرور بهتر میشه. بعلاوه تجربه خودم رو درباره تقسیم زمان بین دیزاین و کد رو در اختیارتون میذارم. توی این دروه از آیکون ها و طرح های رایگان از سایت های shape.co و angle.sh استفاده میکنیم.

چیزی که طراحی میکنیم

با یه صفحه سفید شروع میکنیم و با کار کردن مباحث طرح های UI، الهام گرفتن، تایپوگرافی رو یاد میگیریم و ابزار مناسب برای هر مرحله رو میشناسیم. توی این دوره شما یک اپلیکیشن کامل رو از صفر طراحی میکنیم. همه چیز از لندینگ پیج تا نسخه موبایل بعلاوه یک دیزاین سیستم که همه کارارو مرتب کنه.

دیزاین سیستم

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

سازگاری با آیپد و موبایل

یاد میگیریم چجوری بریک پوینت بسازیم و تایپوگرافی، فضاسازی، نویگیشن و اندازه هارو برای آیپد و موبایل شخصی سازی کنیم.

ابزار طراحی فیگما

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

وایرفریم و قالب UI

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

آیکون ها و تصاویر

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

موکاپ های اپلیکیشن

یکی از راه های هیجان زده کردن مخاطبین، نشون دادن محصول به اونا در عمل و تو دنیای واقعیه. اسکرین شات های اپلیکیشن میتونن برای لندینگ پیج ها، قرار دادن اپ توی اپ استور و گوگل پلی، ارائه های پاورپوینتی و محتوا های تبلیغاتی کاربردی باشن.

مسیر اپلیکیشن و ساخت پروتوتایپ

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

سرفصل‌های دوره

  • معرفی دوره
  • UI Design for Developers
  • UI Patterns and Inspiration
  • Colors and Branding
  • Gradients and Backgrounds
  • Stroke and Blobs
  • Illustrations and Mockups
  • Typography and Accessibility
  • Text Styles and Buttons
  • Grid and Spacing
  • Navigation and Components
  • Visual Hierarchy and Depth
  • Cards and Content
  • Flexible List Layout
  • Icons and Customizations
  • Vectors and Booleans
  • Design Transformations
  • Forms and Modals
  • UI States and Background Blur
  • Success Modal and Confetti
  • Redesign and Iterations
  • Organizing your Layers
  • Pages and Nested Components

آموزش اصولی و حرفه ای Ui Design

قیمت دوره: 600,000 تومان
خرید دوره