آموزش طراحی UI برنامه متحرک با Illustrator

Designing an Animated App UI with Illustrator

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

بیاموزید که چگونه با مشاهده دوره پیگیری Andy ، ایجاد یک رابط برنامه موبایل در افتر افکت ، متحرک سازی نمونه اولیه را انجام دهید.
موضوعات شامل:
  • برنامه ریزی برنامه
  • طرح ایده ها
  • طراحی اجزای قابل استفاده مجدد
  • تبدیل آثار هنری به نمادها
  • تکمیل صفحات برنامه
  • صادرات تابلوهای هنری
  • آماده شدن برای انیمیشن

سرفصل ها و درس ها

مقدمه 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

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش طراحی UI برنامه متحرک با Illustrator
جزییات دوره
1h 44m
28
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
41,517
- از 5
ندارد
دارد
دارد
Andy Needham
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Andy Needham Andy Needham

طراح حرکت ، ویراستار ، آهنگساز Andy Needham یک طراح ، ویراستار و آهنگساز حرکت مستقل است.

از سال 2004 در صنعت موشن گرافیک کار می کند. اندی از After Effects و دیگر برنامه های Adobe ، Final Cut Pro ، CINEMA 4D ، mocha و نوک از مشتریان او می توان به Google ، Sony Ericsson ، X Factor USA و گروه Coldplay اشاره کرد. برای اطلاعات بیشتر به وب سایت وی ، imcalledandy.com مراجعه کنید.