آموزش طراحی و ساخت نمونه اولیه برنامه موبایل با Adobe XD

Designing and Prototyping a Mobile App with Adobe XD

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: در این دوره ، نحوه طراحی یک برنامه تلفن همراه را بیاموزید ، و سپس نمونه اولیه آن را مستقیماً در Adobe Experience Design (XD) CC تهیه کنید. پل ترانی نحوه ایجاد طرح روی صفحه را نشان می دهد ، نحوه ایجاد گرافیک و استفاده از متن و همچنین نحوه وارد کردن گرافیک برداری و بیت مپ را به یک طرح توضیح می دهد. او نحوه ایجاد طرح های پیچیده صفحه نمایش را نشان می دهد ، همراه با لیست ها و شبکه های مكرر ، كه تغییر آنها به همان سادگی است كه ایجاد می شود. وقتی طرح خود را تمام کردید ، Paul نشان می دهد که چگونه می توان صفحات مختلف را به هم پیوند داد تا از برنامه شما نمونه اولیه بگیرد - با تعاملاتی که به صفحه های مختلف و عقب منتقل می شوند. نتیجه نهایی یک نمونه اولیه کاملاً طراحی شده است که می تواند به عنوان راهنمای برنامه واقعی مورد استفاده قرار گیرد. بعلاوه ، او نشان می دهد که چگونه برنامه شما را برای دریافت بازخورد به اشتراک بگذارید و نحوه صادرات محتوا - تابلوهای هنری ، صفحه ها و دارایی ها - را برای استفاده در مکان های دیگر انجام دهید.
موضوعات شامل:
  • ساخت چندین صفحه با اندازه های مختلف
  • ایجاد گرافیک و متن در Adobe XD
  • وارد کردن گرافیک
  • استفاده از شبکه تکراری برای نمونه سازی آسان لیست ها و عناصر تکرار شونده
  • افزودن تعاملات به عناصر
  • ایجاد انتقال بین صفحات
  • اشتراک و دریافت بازخورد
  • صادرات تابلوهای هنری و دارایی ها

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

مقدمه Introduction

  • خوش آمدی Welcome

  • آنچه باید قبل از تماشای این دوره بدانید What you should know before watching this course

  • با استفاده از پرونده های تمرینی Using the exercise files

1. ایجاد گرافیک 1. Creating Graphics

  • درک فضای کاری و ایجاد پرونده اول خود Understanding the workspace and creating your first file

  • ایجاد گرافیک Creating graphics

  • با استفاده از ابزار ترسیم Using the drawing tools

2. اضافه کردن متن و تصاویر 2. Adding Text and Images

  • افزودن متن Adding text

  • واردات گرافیک برداری Importing vector graphics

  • وارد کردن گرافیک bitmap Importing bitmap graphics

  • نقاشی های گرافیکی Masking graphics

3. ایجاد صفحه های اضافی 3. Creating Additional Screens

  • ایجاد صفحه نمایش های اضافی Creating additional screens

  • ایجاد صفحه نمایش برای اندازه ها و سیستم عامل های مختلف Creating screens for different sizes and platforms

4- ایجاد عناصر UI 4. Creating UI Elements

  • ایجاد آیکون ها Creating icons

  • با استفاده از گرافیک از کیت های UI iOS Using graphics from iOS UI kits

  • سفارشی سازی گرافیک از کیت های UI Customizing graphics from UI kits

5- تکرار محتوا با استفاده از تکرار شبکه 5. Repeating Content Using Repeat Grid

  • ساخت یک شبکه تکراری Making a repeat grid

  • اضافه کردن تصاویر منحصر به فرد برای هر عنصر شبکه تکراری Adding unique images for each repeat grid element

  • اضافه کردن چند ستون به یک شبکه تکراری Adding multiple columns to a repeat grid

6. با استفاده از جلوه ها و تکرار شبکه خلاقانه 6. Using Effects and Repeat Grid Creatively

  • اضافه کردن سایه های افت و زمینه های تاری Adding drop shadows and blurred backgrounds

  • استفاده از شبکه تکراری برای پروفایل Using repeat grid for profiles

  • استفاده از شبکه تکراری برای یک سیستم رتبه بندی Using repeat grid for a ratings system

7. نمونه سازی اولیه 7. Prototyping

  • استفاده و استفاده مجدد از نمادها Using and reusing symbols

  • ایجاد چندین صفحه برای نمونه سازی Creating multiple screens for prototyping

  • اضافه کردن فعل و انفعالات و انتقال Adding interactions and transitions

  • ایجاد یک منو Creating a menu

8- اشتراک و صادرات 8. Sharing and Exporting

  • اشتراک گذاری و گرفتن بازخورد Sharing and getting feedback

  • صادرات artboard و دارایی Exporting artboards and assets

نتیجه Conclusion

  • خداحافظ Goodbye

نمایش نظرات

آموزش طراحی و ساخت نمونه اولیه برنامه موبایل با Adobe XD
جزییات دوره
1h 24m
28
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
76,773
- از 5
ندارد
دارد
دارد
Paul Trani
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Paul Trani Paul Trani

پروژه های تعاملی را برای آژانس ها و شرکت ها توسعه می دهد

در 15 سال گذشته، پل ترانی پروژه‌های تعاملی را برای آژانس‌ها و شرکت‌ها توسعه داده است.

او از ابتدایی ساده با Play-Doh و مداد رنگی تکامل یافت تا تبدیل به مردی برای توسعه خلاق و آموزش شود. . پل به دلیل توانایی های فنی و علاقه اش به صنعت، مستقیماً با Adobe و سایر شرکت ها به عنوان مجری و مربی کار کرده است. او سمینارهای الکترونیکی Adobe متعددی ایجاد کرده است که از آنها برای ارزیابی خود استفاده می کند و دائما در حال یادگیری سخت افزار و نرم افزار جدید است.