لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی UI برنامه متحرک با Illustrator
Designing an Animated App UI with Illustrator
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
نمونه اولیه متحرک راهی عالی برای آزمایش طراحی رابط کاربری برنامه ، بدون صرف هیچ گونه منابع مهندسی است. در این دوره ، اندی نیدهم نشان می دهد که چگونه می توانید از Adobe Illustrator برای طراحی اجزای قابل استفاده مجدد و صفحه نمایش برای نمونه اولیه برنامه تلفن همراه استفاده کنید ، که بعداً می تواند در After Effects متحرک شود. او با روند برنامه ریزی شروع می کند ، جایی که شما مواد مرجع را جمع می کنید ، ایده های خود را ترسیم می کنید و سفر کاربر را نقشه می کنید. سپس اندی با انتخاب نوع صحیح سند و سازماندهی تخته های هنری ، نحوه تنظیم صحیح پرونده پروژه را نشان می دهد. در مرحله بعدی ، بیاموزید که چگونه طرح های خود را به اجزای قابل استفاده مجدد در سراسر برنامه ، از جمله سرصفحه ها ، میله های ناوبری و کاشی داشبورد ، تقسیم کنید. اندی نشان می دهد که چگونه اجزای سازنده خود را به نمادهای Illustrator تبدیل کرده و صفحات مختلف برنامه را نمایش می دهد. در آخر ، او نشان می دهد که چگونه پروژه شما را سازماندهی کرده و دارایی ها را برای انیمیشن صادر کنید.
بیاموزید که چگونه با مشاهده دوره پیگیری Andy ، ایجاد یک رابط برنامه موبایل در افتر افکت ، متحرک سازی نمونه اولیه را انجام دهید.
موضوعات شامل:
برنامه ریزی برنامه li>
طرح ایده ها li>
طراحی اجزای قابل استفاده مجدد li>
تبدیل آثار هنری به نمادها li>
تکمیل صفحات برنامه li>
صادرات تابلوهای هنری li>
آماده شدن برای انیمیشن li>
سرفصل ها و درس ها
مقدمه
Introduction
خوش آمدی
Welcome
آنچه باید قبل از تماشا بدانید
What you should know before watching
چگونه این دوره در سری متناسب است
How this course fits into the series
نحوه استفاده از پرونده های تمرینی
How to use the exercise files
1. برنامه ریزی برنامه
1. Planning the App
برنامه را برنامه ریزی کرده و منابع را جمع آوری کنید
Plan the app and gather references
مراجع را مرور کنید
Review references
ایده ها را از طریق طراحی ضبط کنید
Record ideas through sketching
یک سفر کاربر را انتخاب کنید
Choose a user journey
2. تنظیم پروژه در Illustrator
2. Setting Up the Project in Illustrator
چرا از Adobe Illustrator استفاده می کنیم؟
Why use Adobe Illustrator?
قلم این پروژه را نصب کنید
Install the font for this project
پرونده پروژه را تنظیم کنید
Set up the project file
طرح ها را به اجزاء تقسیم کنید
Break down sketches into components
3. طراحی قطعات قابل استفاده مجدد
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. تکمیل صفحه های برنامه
4. Completing the App Screens
صفحه های داشبورد را کامل کنید
Complete the Dashboard screens
صفحه Steps را کامل کنید
Complete the Steps screen
صفحه دوستان را کامل کنید
Complete the Friends screen
5. لمس های پایان
5. Finishing Touches
پرونده پروژه ما را سازماندهی کنید
Organize our project file
صادرات تابلوهای هنری
Export artboards
پرونده ها را برای تحریک کردن آماده کنید
Get files ready to animate
طراح حرکت ، ویراستار ، آهنگساز
Andy Needham یک طراح ، ویراستار و آهنگساز حرکت مستقل است.
از سال 2004 در صنعت موشن گرافیک کار می کند. اندی از After Effects و دیگر برنامه های Adobe ، Final Cut Pro ، CINEMA 4D ، mocha و نوک از مشتریان او می توان به Google ، Sony Ericsson ، X Factor USA و گروه Coldplay اشاره کرد. برای اطلاعات بیشتر به وب سایت وی ، imcalledandy.com مراجعه کنید.
نمایش نظرات