آموزش طراحی ، نمونه سازی و ارائه رابط های کاربری بوسیله Adobe XD

در این دوره آموزشی با Adobe XD آشنا شده و یاد می گیرید که چطور بوسیله آن طراحی ، نمونه سازی و ارائه رابط های کاربری را انجام دهید.

عنوان اصلی : Adobe XD from Beginner to Expert: Design, Prototype, and Deliver

سرفصل ها :

مقدمه ای بر Adobe XD:
Adobe XD را دانلود و نصب کنید
به روز رسانی ها و ویژگی های آینده در XD
صفحه خوش آمدید - رابط Adobe XD
نوار بالا - رابط Adobe XD
نوار ابزار سمت چپ - رابط Adobe XD
پنل ویژگی ها - رابط Adobe XD
تفاوت های مک و ویندوز در نسخه های Adobe XD
تمرین ← طراحی ساده در مورد خودتان ایجاد کنید
اصول اولیه Adobe XD در جزئیات:
Artboards و Grids در Adobe XD
8 ابزار در Xd
با استفاده از ابزار Rectangle
ابزار Ellipse و نحوه استفاده از آن برای برش سریع
Blur پس زمینه و Object Blur
اصول اولیه Pen Tool
ایجاد آیکون با ابزار Pen
ابزار خط
ابزار چند ضلعی - به روز رسانی
ابزار متن
استفاده از رنگ ها و تولید پالت ها
ایجاد گرادینت در XD
ایجاد طرح‌های رنگی با استفاده از Coolors.io
ماسک های سفارشی در Adobe XD
راهنماها در Adobe XD
سبک کاراکترها در XD
Grid را در XD تکرار کنید
میانبرهای رایج صفحه کلید در Adobe XD
میانبرهای صفحه کلید بیشتر
اجزای قابل استفاده مجدد در Adobe XD - UPDATE
استفاده از دارایی های مرتبط و سیستم طراحی -UPDATE
همه چیز درباره کاغذ و نمونه سازی تعاملی:
طراحی در سطح بلوک چیست؟
اولین ایده طراحی خود را با استفاده از تکنیک طراحی بلوک ترسیم کنید
اضافه کردن جزئیات به طرح بلوک ترسیم شده شما
نمونه های اولیه عمودی، افقی، T و محلی چیست؟
نمونه‌های اولیه استاتیک و تعاملی ← طراحی کم، متوسط و با کیفیت بالا
افزودن جزئیات به طراحی بلوک با استفاده از Adobe XD
استفاده از کیت های رابط کاربری و کتابخانه های الگو برای سرعت بخشیدن به گردش کار طراحی
تمرین ← طراحی صفحه ثبت نام با استفاده از کیت IOS UI
طراحی صفحه نمایش اپلیکیشن پزشکی آیفون در دنیای واقعی در Adobe XD:
آماده سازی برای طراحی → دانلود دارایی ها و منابع
دریافت ایده ها و الهامات طرح رنگ
حل مشکلات UX (تجربه کاربر) اپلیکیشن پزشکی قدیمی
طراحی صفحه خوش آمدگویی اپلیکیشن پزشکی
طراحی صفحه ورود به سیستم
طراحی صفحات ورود فعال
طراحی صفحه ثبت نام
طراحی صفحه داشبورد قسمت 1
طراحی صفحه نمایش داشبورد قسمت 2
طراحی صفحه منوی نوار کناری همبرگر
طراحی صفحه نمایش فعالیت ها
طراحی همگام سازی با صفحه ابری
طراحی صفحه وضعیت همگام سازی
استفاده از گریدها برای تنظیم دقیق صفحات برنامه
اصلاح راهنمای سبک خود در XD
دستورالعمل های طراحی IOS، مشخصات و اندازه گیری هایی که باید یاد بگیرید
نمونه سازی در Adobe XD - ایجاد، اشتراک گذاری و استفاده از Design Inspect:
رفع Tap Targets و روی ناحیه مرزی در طرح های خود
نمونه سازی صفحات ورود و ثبت نام
نمونه سازی داشبورد، فعالیت ها و صفحه های همگام سازی
به اشتراک گذاری نمونه اولیه خود با دیگران در Adobe XD
ضبط ویدئو از نمونه اولیه خود در MAC
استفاده از Design Inspect در Adobe XD with me
متحرک سازی خودکار در نمونه سازی (ویژگی جدید)
نمونه های اولیه را بکشید (ویژگی جدید)
نمونه اولیه با کنترل صوتی در Adobe XD (ویژگی جدید)
Artboard ها و دارایی های خود را در اندازه های 1X، 2X و 3X صادر کنید:
چرا ما نیاز به صادرات در اندازه های 1X، 2X و 3X داریم؟
مثال عالی برای درک مفهوم 1X 2X 3X
Artboards را صادر کنید و Device Mockups را در Adobe Photoshop ایجاد کنید
صادرات دسته ای تمام دارایی های طرح های خود را از برنامه شما
استفاده از فایل های موکاپ فتوشاپ با XD (سخنرانی درخواست دانشجو)
توسعه دهنده Handoff با استفاده از Zepling و Avocode و بسیاری از ادغام های XD:
پیش نمایش زنده نمونه اولیه برنامه شما در آیفون شما
با استفاده از ابزار Zeplin با توسعه دهندگان همکاری کنید
استفاده از آووکد برای تحویل طرح های خود به توسعه دهندگان
باز کردن فایل های Sketch، Photoshop و Illustrator در XD
به روز رسانی های Adobe XD؟ چیزهای جدید در Adobe XD:
به روز رسانی های جدید Adobe XD (آوریل مه 2018)
عناصر ثابت و روکش‌ها به‌روزرسانی ژوئن 2018 Adobe XD
کنترل بهتر برای پر کردن تصاویر و طراحی با استفاده از محاسبات ریاضی ژوئن 2018
Time Trigger در نمونه سازی (به روز رسانی جدید)
اندازه گیری پاسخگو در XD (به روز رسانی جدید سپتامبر 2018)
کار بعدی چیه