طراحی رابط کاربری متحرک اپلیکیشن با Illustrator

مدرس Andy Needham

انتشار 2018/01/16

مدت زمان 1h 44m

سطح متوسط

فایل تمرینی دارد

آموزش Designing an Animated App UI with Illustrator

یک نمونه اولیه متحرک یک راه عالی برای آزمایش طراحی رابط برنامه، بدون صرف هیچ گونه منابع مهندسی است. در این دوره، اندی نیدهام نشان می‌دهد که چگونه می‌توانید از Adobe Illustrator برای طراحی اجزا و صفحه‌نمایش‌های قابل استفاده مجدد برای یک نمونه اولیه برنامه تلفن همراه استفاده کنید، که بعداً می‌تواند در After Effects متحرک شود. او با فرآیند برنامه ریزی شروع می کند، جایی که شما مطالب مرجع را جمع آوری می کنید، ایده های خود را ترسیم می کنید و سفر کاربر را ترسیم می کنید. سپس اندی نحوه تنظیم صحیح فایل پروژه را با انتخاب نوع سند صحیح و سازماندهی تابلوهای هنری نشان می دهد. در مرحله بعد، یاد بگیرید که چگونه طرح های خود را به اجزایی تقسیم کنید که می توانند در سراسر برنامه مجددا استفاده شوند، از جمله هدرها، نوارهای پیمایش و کاشی های داشبورد. اندی نشان می‌دهد که چگونه اجزای خود را به نمادهای Illustrator تبدیل کنید و صفحه‌های مختلف برنامه را بچینید. در نهایت، او نحوه سازماندهی پروژه و دارایی های صادراتی خود را برای انیمیشن نشان می دهد.\r\n\r\n

Adobe Illustrator After Effects Interaction Design

Introduction

Welcome ()

What you should know before watching ()

How this course fits into the series ()

How to use the exercise files ()

1. Planning the App

Plan the app and gather references ()

Review references ()

Record ideas through sketching ()

Choose a user journey ()

2. Setting Up the Project in Illustrator

Why use Adobe Illustrator? ()

Install the font for this project ()

Set up the project file ()

Break down sketches into components ()

3. Designing Reusable Components

Create the header ()

Create the title bar ()

Create the goal area ()

Create a dashboard tile ()

Create the bar chart ()

Create a data item ()

Create a friend item ()

Create the navigation bar ()

Converting artwork to symbols ()

4. Completing the App Screens

Complete the Dashboard screens ()

Complete the Steps screen ()

Complete the Friends screen ()

5. Finishing Touches

Organize our project file ()

Export artboards ()

Get files ready to animate ()

Conclusion

Next steps ()

Ex_Files_AI_Animated_App_UI.zip (43.1 MB)

دانلود فایل فشرده

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

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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