توضیحات "آموزش ساخت رابط کاربری متحرک با افتر افکت و ایلوستریتور" : در آموزش ساخت رابط کاربری متحرک قصد داریم بصورت پروژه محور به آموزش طراحی رابط کاربری در ایلوستریتور و مت...
در آموزش ساخت رابط کاربری متحرک قصد داریم بصورت پروژه محور به آموزش طراحی رابط کاربری در ایلوستریتور و متحرک سازی رابط کاربری در افتر افکت بپردازیم.
می توان به جرات گفت که یکی از ابزارهای جدید و نوین در طراحی وب حرکت و انیمیشن است که توانسته در زمینه طراحی رابط کاربری نیز جا باز کند. اما تعداد دوره آموزشی در این حوزه محدود بوده، بنابراین تصمیم گرفتیم یک دوره کامل را تهیه کنیم که در آن بصورت اصولی صفر تا صد انیمیت کردن رابط کاربری را آموزش دهیم. لازم به ذکر است که در این دوره آموزشی بصورت پروژه محور پیش خواهیم رفت و شما در ابتدا با طراحی رابط کاربری در ایلوستریتور آشنا خواهید شد و سپس به انیمیشن پرداخته می شود.
در دوره طراحی رابط کاربری متحرک می خواهیم با ایلوستریتور یک اپلیکیشن یا وب را طراحی و پس از آن با افتر افکت موشن کنیم. ابتدا در مورد صفر تا صد طراحی اپلیکیشن در ایلوستریتور صحبت می کنیم و کلیت کار را شرح می دهیم. پس از آن در مورد طراحی وب و ترفنده های آن خواهیم گفت و در نهایت تمام المان هایی که در ایلوستریتور طراحی کردیم را با افتر افکت متحرک کرده و از کار خود خروجی می گیریم. با نگاه به سرفصل های دوره می توان گفت که با یک دوره کامل که در آن تکنیک های کار بیان می شود روبرو هستید.
آنچه در آموزش ساخت رابط کاربری متحرک با افتر افکت و ایلوستریتور خواهید آموخت:
• ایجاد Artboard در ایلوستریتور
• طرح اولیه و تنظیمات نقشه راه
• انتخاب اپ فیتنس به عنوان نمونه
• تنظیمات خطوط راهنما
• طراحی سر تیترهای هر صفحه
• طراحی قسمت هدف اپلیکیشن
• طراحی کاشی های صفحات داشبورد
• طراحی قسمت دوستان و نمودار پیشرفت
• طراحی اسکرول صفحه پیشرفت و نویگیشن
• جداسازی لایه ها به صورت تفکیکی در هر صفحه
• ذخیره کردن صفحات به صورت مجزا
• تفکیک هر لایه برای انیمیت کردن
• تنظیمات وب برای دستگاه های مختلف
• تنظیم دکمه و تنظیمات گرافیک دیزاین
• نقشه راه وب
• تنظیمات و مرتب سازی افتر افکت و import فایل ها در افترافکت
• ایجاد کامپوزیشن برای هر لایه
• طراحی کاشی های داشبورد ها
• تغییر رنگ ها
• مرتب سازی کاشی و طراحی نقطه ها
• انیمیت کردن کاشی ها
• انیمیشن کردن کل صفحات
• اسکرول کردن کاشی ها
• اسکرول Step
• اضافه کردن فرندز
• رندر گرفتن
هنوز نظری ثبت نشده است.
