×
۴۰,۰۰۰ تومان ۲۴,۰۰۰ تومان

آموزش پروژه محور افتر افکت - طراحی تجربه کاربری اندروید

آموزش پروژه محور افتر افکت - طراحی تجربه کاربری اندروید

تعداد دانشجو
۵۰ نفر
مدت زمان
۵ ساعت و ۳۲ دقیقه
هزینه عادی آموزش
۴۰,۰۰۰ تومان
در طرح تخفیف
۲۴,۰۰۰ تومان

(کسب اطلاعات بیشتر +)
محتوای این آموزش
آموزش پروژه محور افتر افکت - طراحی تجربه کاربری اندروید

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

آموزش پروژه محور افتر افکت - طراحی تجربه کاربری اندروید

تعداد دانشجو
۵۰ نفر
مدت زمان
۵ ساعت و ۳۲ دقیقه
هزینه عادی آموزش
۴۰,۰۰۰ تومان
در طرح تخفیف
۲۴,۰۰۰ تومان

(کسب اطلاعات بیشتر +)
محتوای این آموزش
مدرس
امیررضا نیک خواه

کارشناسی مهندسی کامپیوتر - نرم‌افزار

مهندس امیررضا نیک‌خواه کارشناس نرم‌افزار هستند. وی مدیر پروژه و مدیر تولید نرم‌افزارهای آموزشی دیجیتال (بر روی CD , DVD) در چند شرکت نرم‌افزاری معتبر تهران، از سال 1385 تاکنون بوده و دارای بیش از 1700 ساعت آموزش محتوای دیجیتال مطابق با استانداردهای مرکز رسانه‌های دیجیتال و اخذ هولوگرام و مجوزهای لازم (وزارت ارشاد) از سال 1385 تاکنون هستند.

چکیده آموزش


توضیحات تکمیلی

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

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

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

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: شبیه‌سازی رابط کاربری موبایل
    • آشنایی با الگوهای مختلف در طراحی UI
    • بررسی اجزای مختلف در رابط کاربری
    • مدیریت طرح در فتوشاپ و ایلوستریتور
    • ایجاد سند طراحی و Artboard در فتوشاپ
    • صفحه‌بندی سند طراحی
    • شبیه‌سازی رابط کاربری بر اساس یک الگوی آماده
    • استفاده از Smart Object در طراحی
    • شبیه‌سازی صفحه Login
    • شبیه‌سازی صفحه ساخت حساب کاربری
    • شبیه‌سازی صفحه خوش‌آمدگویی
    • مروری بر ساختار یک UI
  • درس دوم: مباحث و مفاهیم اولیه در افتر افکت
    • نحوه ساخت یک Composition
    • بررسی تنظیمات لازم در Composition
    • بررسی تایم‌لاین و شیوه‌های کنترل ویدئو
    • مروری بر مبحث Shape Layers برای کنترل ترسیمات
    • ویرایش شکل‌های ترسیم شده
    • آشنایی با Key Frames و متحرک‌سازی موضوعات
    • ویرایش حرکت‌های موضوعات
    • آشنایی با قابلیت Easy Ease
    • بررسی تفکیک‌پذیری اجزای پروژه
  • درس سوم: مفاهیم اولیه در حرکت موضوعات
    • مدیریت امکانات تام‌لاین
    • بررسی روابط بین موضوعات متحرک
    • ایحاد ارتباط والد و فرزندی بین موضوعات متحرک
    • بررسی مبحث هماهنگ‌سازی اندازه تصاویر و Composition
    • بررسی مبحث ماسک‌ها و خصوصیات آن‌ها
    • افزودن پس‌زمینه به طرح UI در فتوشاپ
    • ویرایش پس‌زمینه UI در فتوشاپ
    • وارد نمودن طرح UI در افتر افکت
    • شبیه‌سازی حالت ضربه‌ زدن روی صفحه موبایل
    • شبیه‌سازی حالت Long Press روی آیکون یک برنامه
    • سه‌بعدی نمودن یک لایه در افتر افکت
    • تغییر اندازه آیکون برنامه در رابط کاربری
  • درس چهارم: شبیه‌سازی آلبوم تصاویر و بزرگ‌نمایی در رابط کاربری موبایل
    • اضافه نمودن تصاویر به برنامه
    • جای‌گذاری و تغییر انداره تصاویر
    • شبیه‌سازی آلبوم تصاویر در اندروید
    • تغییر اندازه و شفافیت تصاویر
    • شبیه‌سازی نمایش تصاویر در آلبوم به صورت متحرک
    • شبیه‌سازی تعویض تصاویر در گالری موبایل
    • معکوس کردن حرکت‌ها
    • شبیه‌سازی قابلیت لمس دو انگشتی در موبایل
    • ساخت حرکت‌های نمایش تصویر
    • شبیه‌سازی قابلیت Zoom تصاویر
  • درس پنجم: شبیه‌سازی کلیدها
    • استفاده از اسکرین‌شات گوشی برای شبیه‌سازی کلیدها
    • استفاده از طرح موکاپ گوشی در پروژه
    • طراحی سوییچ در طرح اصلی
    • حرکت دادن به سوئیچ
    • تغییر رنگ و شبیه‌سازی حالت خاموش یا روشن بودن سوئیچ
    • کنترل حرکت‌های سوئیچ
    • جای‌گذاری سوئیچ در طرح اصلی UI
    • طراحی و ساخت نوار پیشرفت خطی
    • طراحی و ساخت نوار پیشرفت دایره‌ای
    • ترکیب نوارهای پیشرفت در طرح اصلی UI
  • درس ششم: مسیریابی
    • طراحی و ساخت نوار پیشرفت دایره‌ای با تغییر رنگ
    • طراحی و ساخت نوار پیشرفت دایره‌ای خط‌چین
    • استفاده از Expression و کدنویسی برای تعیین میزان پیشرفت
    • بررسی مبحث شبیه‌سازی مسیریابی در افتر افکت
    • استفاده از طرح یک برنامه مسیریاب
    • درج پین روی نقشه
    • انیمیت کردن پین روی نقشه
    • نمایش یک محل خاص روی نقشه
    • نمایش مبدا و مقصد روی نقشه
    • نمایش مسیر بین دو نقطه روی نقشه به صورت انیمیشن
    • استفاده از کدنویسی در شبیه‌سازی مسیریابی
  • درس هفتم: پروژه عملی طراحی رابط کاربری و تجربه استفاده از UI و UX
    • تهیه اسکرین‌شات برای طرح رابط کاربری
    • طراحی و ساخت صفحه ورود به برنامه
    • طراحی و ساخت ورود نام کاربری و کلمه عبور
    • طراحی و ساخت صفحه انتخاب موضوعات
    • کلیک روی موضوع انتخاب شده و نمایش صفحه بعدی
    • طراحی و ساخت حالت انتخاب روی موبایل
    • طراحی و ساخت صفحه Sidebar در رابط کاربری
    • جمع‌بندی و اتمام پروژه

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

آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس
فایل برنامه ها و پروژه های اجرا شده

نرم افزارهای مرتبط با آموزش

After Effects 2020, Photoshop 2020



پیش نمایش‌ها

۱. شبیه‌سازی رابط کاربری موبایل

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۳۰ مگابایت -- (کلیک کنید +))

۲. مباحث و مفاهیم اولیه در افتر افکت

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۰ مگابایت -- (کلیک کنید +))

۳. مفاهیم اولیه در حرکت موضوعات

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۴ مگابایت -- (کلیک کنید +))

۴. شبیه‌سازی آلبوم تصاویر و بزرگ‌نمایی در رابط کاربری موبایل
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۵. شبیه‌سازی کلیدها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶. مسیریابی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷. پروژه عملی طراحی رابط کاربری و تجربه استفاده از UI, UX
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.

راهنمای سفارش آموزش‌ها

آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

(راهنمایی بیشتر +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش پروژه محور افتر افکت - طراحی تجربه کاربری اندروید
ناشر فرادرس
کد آموزش FVAE9908
مدت زمان ۵ ساعت و ۳۲ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (لینک دانلود)
حجم دانلود ۴۳۱ مگابایت (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)


نظرات

تا کنون ۵۰ نفر از این آموزش استفاده کرده اند و هنوز هیچ نظری ثبت نشده است.

برچسب‌ها:
After Effects | aftereffect | Design UI | Design UX | Illustrator | iOS | Key Frames در افتر افکت | Long Press در افتر افکت | mobile UI interface | Mookup | Shape Layers در افتر افکت | Timeline افتر افکت | UI | User Experience Design | افتر افکت | تنظیمات Composition در افتر افکت | رابط کاربری اندروید | رابط کاربری موبایل | سیستم عامل اندروید | طراحی UX | طراحی رابط کاربری | طراحی رابط کاربری موبایل | طراحی فضای گرافیکی اپلیکیشن | موکاپ گوشی
مشاهده بیشتر مشاهده کمتر