آموزش UIUX با Figma و Adobe XD

معرفی Introduction

• معرفی Introduction

• مقدمه ای بر Figma Introduction to Figma

• رابط و فضای کاری Interface and Workspace

• ابزارهای پایه در نوار ابزار Basic Tools in Toolbar

• فریم ها، صفحات و آرت بورد در Figma Frames, Pages and Artboard in Figma

• تایپ ابزار در Figma Type Tool in Figma

• ابزارهای ایجاد در Figma Creation Tools in Figma

• ابزار دستی و اضافه کردن نظر در Figma Hand tool and adding comment in Figma

• رنگ فونت و رنگ Stroke در Figma Font colour and Stroke colour in Figma

• Alingings در Figma Alingings in Figma

• ماسک در Figma Masking in Figma

• سبک ها در Figma Styles in Figma

• اجزاء Components

• اثرات در Figma Effects in Figma

• محدودیت ها و نمادها در Figma Constraints and Icons in Figma

• شبکه طرح‌بندی و انجمن Figma Layout grid and the Figma Community

• گروه بندی، کادربندی، طرح بندی خودکار و کتابخانه تیم Grouping, Framing, Auto layout and Team Library

• سبک های طراحی و کلیدهای میانبر در Figma Design styles and Shortcut keys in Figma

• پروژه طراحی صفحات اپلیکیشن موبایل Project of Designing Mobile app pages

• طراحی صفحه وب با روش Shape blocking Web page designing using Shape blocking method

• نکاتی برای کار در Figma Efficiently Tips to work in Figma Efficiently

• ساخت متن گرد، صادرات و به اشتراک گذاری لینک در Figma Making rounded text, exporting and sharing link in Figma

Adobe XD Adobe XD

• مقدمه INTRO

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

• تفاوت بین UI _ UX Difference between UI _ UX

• Persona _ Task Flow در UX Persona _ Task Flow in UX

• Wireframe (وفاداری بالا _ وفاداری پایین)- Wireframe (High Fidelity _ Low Fidelity)-

• تابلوهای هنری Art Boards

• کار با متن Working With Text

• ایجاد مستطیل، دایره و مثلث و ویرایش آنها در adobe XD برای UI UX Creating rectangle, circle and triangle and edit them in adobe XD for UI UX

• استفاده از رنگ ها در Adobe XD Using Colors in Adobe XD

• Strokes _ Copy pasting ظاهر Strokes _ Copy pasting Appearance

• نمادها Icons

• کیت UI UI KIT

• نمونه سازی Prototyping

• پروژه: سایت آموزشی- Project: Educational Site-

• پروژه: سایت رستوران- Project: Resturant site-