آموزش Adobe XD: ساخت کتابخانه Responsive

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

مقدمه Introduction

• ایجاد یک کتابخانه مؤلفه پاسخگو Building out a responsive component library

• درباره پرونده های تمرینی About the exercise files

1- استادان و موارد مؤثر در ساختمان 1. Building Component Masters and Instances

• مؤلفه ها نمادهای شارژ شده هستند Components are supercharged symbols

• بررسی تغییرات طراحی دکمه Exploring button design variations

• تبدیل اشیاء به اجزاء Converting objects to components

• ایجاد و یکپارچه کردن نمونه های مؤلفه Creating and styling component instances

• درک وراثت مؤلفه Understanding component inheritance

2. اجزاء تودرتو و طراحی اتمی 2. Nesting Components and Atomic Design

• مزایای طراحی اتمی The advantages of atomic design

• استفاده از Repeat Grid با قطعات Using Repeat Grid with components

• جایگزینی اجزای تو در تو Replacing nested components

3. استفاده از ایالات و ریزگردها 3. Using States and Microinteractions

• حالات معرفی شده Introducing states

• ایجاد حالتهای مؤلفه برای سازماندهی محتوا Creating component states to organize content

• افزودن گذر معلق بین ایالات Adding a hover transition between states

• اضافه کردن حالت ها و انتقال های سفارشی اضافی Adding additional custom states and transitions

4- استفاده از ایالات برای نمایندگی از نقاط شکست 4. Using States to Represent Breakpoints

• با استفاده از حالت ها برای تغییرات طرح Using states for layout variations

• ایجاد طرح های متناوب با تغییر اندازه پاسخگو Building alternate layouts with responsive resize

• اعمال حالتهای پاسخگو به یک جزء نمایش پرده ای Applying responsive states to a slideshow component

5- همه را با هم جمع کنید 5. Bringing It All Together

• با استفاده از تغییر اندازه پاسخگو در سطح artboard Using responsive resize at an artboard level

• تعیین اندازه پاسخگو در سطح مقوا Defining responsive resize at an artboard level

• تنظیم عناصر برای طرح رایانه لوحی Adjusting elements for a tablet layout

• از اینجا به کجا بروم Where to go from here