آموزش Adobe XD UI/UX طراحی، نمونه اولیه و انتقال از ابتدا

Adobe XD UI/UX Design, prototype, and handoff from scratch

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: نحوه طراحی و نمونه‌سازی اولیه برنامه‌ها و صفحات وب با استفاده از Adobe XD را یاد خواهید گرفت که چگونه از Adobe XD برای طراحی و نمونه‌سازی اولیه برنامه‌ها استفاده کنید. برای ترکیب بهترین شیوه ها در استفاده مجدد از عناصر و سبک های طراحی برای افزایش کارایی پیش نیازها: شما باید بدانید که چگونه در مک یا رایانه شخصی خود حرکت کنید، باید Adobe XD را روی رایانه خود نصب کنید. می توانید نسخه بتای رایگان را برای مک یا ویندوز دانلود کنید.

Adobe XD ابزاری قدرتمند برای طراحان UI/UX است که به شما قدرت طراحی و نمونه‌سازی کامل یک برنامه را، همه از یک برنامه، می‌دهد.

این دوره با مبانی Adobe XD شروع می‌شود و به سرعت در طراحی و نمونه‌سازی یک برنامه کامل با تصاویر، رنگ‌ها و انیمیشن‌های شگفت‌انگیز سرعت می‌گیرد.

یاد خواهید گرفت:

  • نحوه پیمایش در اطراف رابط و روشن/خاموش کردن پانل هایی که می خواهید استفاده کنید

  • نحوه راه‌اندازی تابلوهای هنری برای جمع‌آوری سریع قاب‌های سیمی

  • چگونه با استفاده از تغییر اندازه خودکار تابلوهای هنری خود را پاسخگو کنیم

  • نحوه طراحی نمادها با استفاده از ابزار قلم و جلوه های بولی

  • نحوه تبدیل نمادها و دکمه ها به نمادها برای استفاده مجدد در کل پروژه

  • نحوه اعمال از پیش تنظیم متن و سبک رنگ و تغییر در لحظه

  • نحوه استفاده از شبکه تکرار برای ایجاد ستون‌ها و/یا ردیف‌های سریع و تکرار شونده

  • نحوه نمونه سازی و آزمایش نمونه اولیه خود در عرض چند ثانیه

  • نحوه اشتراک گذاری پروژه ها، نمونه های اولیه و دارایی های طراحی

  • و خیلی چیزهای دیگر

وقتی این دوره را تمام کردید، می‌توانید یک طرح کامل و نمونه اولیه را با دوستان و همکاران خود به اشتراک بگذارید که آنها بتوانند مستقیماً در تلفن یا دسکتاپ خود با آن تعامل داشته باشند.

این دوره برای چه کسانی است:

  • طراحان UI/UX که می خواهند مهارت های خود را بهبود بخشند و جدیدترین ابزارهای طراحی را یاد بگیرند

  • کاربران Photoshop یا Illustrator که می‌خواهند به برنامه‌ای که منحصراً برای طراحی UX اختصاص داده شده است سوئیچ کنند

  • کاربران SketchApp که یک راه حل همه کاره برای طراحی و نمونه سازی می خواهند

  • مدیران محصولی که می خواهند مهارت های طراحی خود را برای ایجاد محصولات بهتر و ارتباط موثرتر با توسعه دهندگان افزایش دهند


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

شروع کار با این دوره Getting started with this course

  • Adobe XD چیست؟ What is Adobe XD?

  • نصب Adobe XD Installing Adobe XD

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

آشنایی با Adobe XD Getting Familiar with Adobe XD

  • در مورد این بخش About this section

  • صفحه شروع The Start Screen

  • یادگیری رابط Learning the Interface

  • یادداشتی برای کاربران ویندوز A note to Windows users

  • ورق میانبر صفحه کلید Keyboard Shortcut Sheet Sheet

  • نوار منو The Menu Bar

  • پنل ابزار The Tools Panel

  • پنل خواص The properties panel

  • با استفاده از قالب Wireframe UI Using The Wireframe UI Template

  • پنل لایه ها The Layers Panel

  • پنل دارایی ها The Assets Panel

  • استفاده از میانبرهای صفحه کلید Using Keyboard Shortcuts

  • کپی و جایگذاری ظواهر Copy & Paste Appearances

  • فضای کار نمونه اولیه The Prototype Workspace

  • به اشتراک گذاری نمونه اولیه Prototype Sharing

  • با استفاده از پیش نمایش دستگاه Using Device Preview

با پروژه شروع کنید Get Started with The Project

  • معرفی اپلیکیشن DoLocal Introduction to the DoLocal App

  • ایجاد تابلوهای هنری Creating Artboards

  • شبکه‌ها و طرح‌بندی‌ها Grids & Layouts

  • ایجاد وایرفریم محتوا Creating Content Wireframes

  • طراحی وایرفریم های شما Designing Your Wireframes

  • با استفاده از شبکه های تکراری Using repeat grids

  • اضافه کردن و قالب بندی متن Adding and formatting text

  • افزودن تصاویر Adding Images

  • کار با Object Styles Working with Object Styles

  • کار با رنگ Working with color

  • استفاده از دارایی های رنگی Using Color Assets

  • استفاده از سبک کاراکترها Using Character Styles

کار با تصاویر و وکتورها Working with images and vectors

  • وارد کردن آیکون ها Importing Icons

  • پوشاندن تصاویر Masking images

  • آماده سازی تصاویر در فتوشاپ Preparing Images in Photoshop

  • آماده سازی آیکون ها در ایلاستریتور Preparing Icons in Illustrator

ایجاد محتوا در Adobe XD Creating Content in Adobe XD

  • ایجاد یک لوگو Creating a Logo

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

  • با استفاده از نمادها Using Symbols

  • چالش طراحی Design Challenge

  • تکمیل طراحی ما Completing our Design

نمونه سازی و اشتراک گذاری Prototyping and Sharing

  • چرا نمونه سازی می کنیم؟ Why Do We Prototype?

  • افزودن تعاملات به نمونه اولیه Adding Interactions to your Prototype

  • اضافه کردن پوشش ها به نمونه اولیه شما Adding Overlays To Your Prototype

  • ضبط نمونه اولیه خود در ویدیو Recording Your Prototype to Video

  • استفاده از پیش نمایش دستگاه تلفن همراه Using Mobile Device Preview

توسعه دهنده Handoff Developer Handoff

  • صادرات طرح ها و دارایی های شما Exporting Your Designs and Assets

  • ایجاد مشخصات طراحی برای توسعه دهندگان Creating Design Specs for Developers

  • کار با برنامه های شخص ثالث مانند Zeplin و ProtoPie Working with 3rd Party Apps like Zeplin and ProtoPie

Adobe XD برای کاربران قدرتمند Adobe XD for Power Users

  • وارد کردن فایل های اسکچ و فتوشاپ به XD Importing Sketch & Photoshop Files into XD

  • وارد کردن نمادها از وب و ابزارهای شخص ثالث Importing Icons from the Web and 3rd Party Tools

  • استفاده از کتابخانه های CC برای نمادها و تصاویر Using CC Libraries for Icons & Images

نتیجه Conclusion

  • نتیجه Conclusion

نمایش نظرات

آموزش Adobe XD UI/UX طراحی، نمونه اولیه و انتقال از ابتدا
جزییات دوره
3.5 hours
52
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
9,119
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Caleb Kingston Caleb Kingston

معلم رابط کاربر www.appdesigntips.com با بازگشت به سال 2010 ، من با تمایل به طراحی برنامه های جذاب و جذاب مغز مغزی را شروع کردم. برای بیش از 7 سال ، من بسیاری از برنامه های کاربردی وب و آیفون با مشخصات بالا را طراحی کرده ام. این برنامه ها از برنامه های تحت وب با کمک پزشکی سه بعدی تا برنامه های مدیریت پروژه برای صنایع طاقچه را شامل می شوند. من همچنین بنیانگذار یک سازمان بزرگ طراحی محلی ، Salt Lake Designers هستم ، جایی که من و دیگر تأثیرگذاران محلی از طریق کارگاه ها و بحث های میزگرد به پرورش استعدادهای طراحان UX آینده و آینده کمک می کنیم.