زمانی که مشغول به کار با سیستم عامل اندروید یا 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 در رابط کاربری
- جمع‌بندی و اتمام پروژه
مفید برای رشته‌های
- مهندسی کامپیوتر - نرم‌افزار
- طراحی و گرافیک
آنچه در این آموزش خواهید دید:
نرم افزارهای مرتبط با آموزش
پیش نمایش‌ها
۱.
شبیه‌سازی رابط کاربری موبایل
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۳۰ مگابایت -- (کلیک کنید +))
۲.
مباحث و مفاهیم اولیه در افتر افکت
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۰ مگابایت -- (کلیک کنید +))
۳.
مفاهیم اولیه در حرکت موضوعات
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۴ مگابایت -- (کلیک کنید +))
۴.
شبیه‌سازی آلبوم تصاویر و بزرگ‌نمایی در رابط کاربری موبایل
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت
(+) است.
۵.
شبیه‌سازی کلیدها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت
(+) است.
۶.
مسیریابی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت
(+) است.
۷.
پروژه عملی طراحی رابط کاربری و تجربه استفاده از UI, UX
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت
(+) است.
راهنمای سفارش آموزش‌ها
.svg)
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
اطلاعات تکمیلی
| نام آموزش | آموزش پروژه محور افتر افکت - طراحی تجربه کاربری اندروید |
|---|---|
| ناشر | فرادرس |
| کد آموزش | FVAE9908 |
| مدت زمان | ۵ ساعت و ۳۲ دقیقه |
| زبان | فارسی |
| نوع آموزش | آموزش ویدئویی (لینک دانلود) |
| حجم دانلود | ۴۳۱ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس) |
نظرات