ورکشاپ Prototype کردن UI با Adobe XD

اهداف ورکشاپ Prototype کردن UI با Adobe XD:

یکی از مراحل مهم فرآیند User Experience Design، طراحی است. بی شک یکی از اهداف طراحی ، گرفتن بازخورد از کاربران در خصوص طرحها و روشهای بهبود آنها است. یکی از نرم افزارهای مطرح در این خصوص، Adobe XD می باشد. Adobe XD نرم افزار جدید شرکت Adobe است که در سال ۲۰۱۷ اولین نسخه اصلی آن روانه بازار شد. با استفاده از این برنامه، طراحان UI و UX می توانند اقدام به طراحی واسط کاربری و ساخت Prototype کنند. نام کامل Adobe XD ، Adobe Experience Design می باشد که هم برای ویندوز و هم مک منتشر شده است. موجود بودن این نرم افزار برای هر دو platform ویندوز و مک یکی از دلایل رشد روز افزون محبوبیت این نرم افزار می باشد. در این کارگاه 8 ساعته، ضمن مرور مفاهیم Adobe XD به ایجاد wireframe ها و mockup هایی با استفاده از آن می پردازیم و از قابلیتهای پیشرفته آن استفاده می کنیم.

مدت ورکشاپ :

8 ساعت

مخاطبین ورکشاپ Prototype کردن UI با Adobe XD:

طراحان User Interface و طراحان تجربه کاربری (User Experience)

مدرس دوره:

فائزه بهمنی
متخصص طراحی User Experience، فوق لیسانس رشته Human Computer Interaction (که رشته تخصصی طراحی UX می باشد) از دانشگاه ایالتی اوروگون آمریکا و لیسانس مهندسی نرم افزار از دانشگاه شهید بهشتی، دارای بیش از 8 سال سابقه مشاوره، تدریس، طراحی و تولید نرم افزار و طراحی UX در شرکت های مپنا، همراه اول و ایرانسل می باشد.

سرفصل ورکشاپ Prototype کردن UI با Adobe XD:

مقدمه
ایجاد وایرفریمهای Low Fidelity
ایجاد وایرفریمهای Low Fidelity در Adobe XD
کار کردن با UI Kit های موجود در Adobe XD
کار کردن با type در وایرفریمهای XD
چگونگی ایجاد فرمها، دکمه ها و چک باکسها در Adobe XD
آیکن های رایگان برای پروژه های UX UI در Adobe XD
پروتوتایپ کردن (اضافه کردن تعامل) به Adobe XD
نحوه ایجاد و استفاده از سمبلها در Adobe XD
استفاده از repeat grid در Adobe XD
ایجاد Mockup برای یک app در Adobe XD
نحوه استفاده از XD app روی گوشی های Android و iPhone
به اشتراک گذاری وایرفریمها جهت دریافت فیدبک در Adobe XD
ایجاد وایرفریم های High Fidelity
منابع Mood Board جهت High Fidelity UI Design در Adobe XD
Grid های 12 ستونه در Adobe XD
کار کردن با رنگ ها در Adobe XD
استفاده از فونت های Web safe یا فونت های خاص Android و iOS در Adobe XD
استفاده از Character Styles در Adobe XD
ایجاد دکمه های واقعی در Adobe XD با paste properties
نحوه کشیدن icon های custom در Adobe XD
نحوه ایجاد gradient blur در Adobe XD
مزایا و معایب کار کردن با تصاویر در Adobe XD
کار کردن با Photoshop، Illustrator و InDesign در Adobe XD
Mask کردن در XD
نحو ایجاد popup model با پیش زمینه blurred در Adobe XD
ایجاد card dashboard 12 ستونه با استفاده از ابزار repeat grid در Adobe XD
ایجاد یک mobile app mockup با Adobe XD و Photoshop
ایجاد یک ورژن app ازپروژه UX در Adobe XD
قابلیت های پنهان ابزار Repeat Grid در Adobe XD
Prototyping پیشرفته با استفاده از دکمه ها و منوهای drop-down در Adobe XD
نحوه export کردن تصاویر و کد از Adobe XD برای developer ها

جزئیات سرفصل آموزشی ورکشاپ Prototype کردن UI با Adobe XD را از طریق لینک زیر دریافت کنید: