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

Adobe XD: Building a Responsive Component Library

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: با استفاده از Adobe XD کاوش کنید تا یک کتابخانه م componentلفه ایجاد کنید که به راحتی از پروژه به پروژه دیگر سازگار و به روز شود. مربی Dani Beaumont شامل طراحی موثر برای چندین وضوح صفحه ، اصلاح سلسله مراتب و رفتار تغییر اندازه پاسخگو برای تقلید از سناریوهای دنیای واقعی ، ایجاد و مدیریت حالت ها (sprites) و موارد دیگر است. به علاوه ، دنی نکات و ترفندهای مختلفی را در این راه به اشتراک می گذارد.
موضوعات شامل:
  • استادان و موارد سازنده ساختمان
  • تبدیل اشیا به م componentsلفه ها
  • اجزای تودرتو
  • روش طراحی اتمی
  • استفاده از شبکه تکرار با اجزا
  • استفاده از حالات و تعاملات خرد
  • ایجاد حالتهای م componentلفه برای سازماندهی مطالب
  • استفاده از حالت ها برای نشان دادن نقاط شکست
  • تنظیم عناصر برای طرح قرص

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

مقدمه 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

نمایش نظرات

نظری ارسال نشده است.

آموزش Adobe XD: ساخت کتابخانه Responsive
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
1h 1m
21
Linkedin (لینکدین) lynda-small
07 اسفند 1398 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
2,411
- از 5
ندارد
دارد
دارد
Dani Beaumont

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Dani Beaumont Dani Beaumont

مدیریت برنامه های نوآورانه در فضای وب و طراحی برای بیش از 25 سال

Dani Beaumont بیش از 25 سال است که برنامه‌های نوآورانه را در فضای وب و طراحی مدیریت می‌کند.

او در حال حاضر مدیر محصول اصلی در Adobe XD است که مسئول ارائه ویژگی‌های جدید است و قبلاً مدیر اصلی آن بود. مدیر محصول در Adobe Muse. Dani چندین دوره آموزشی LinkedIn برای Adobe Muse ایجاد کرده است، از جمله Muse Essential Training و طراحی سایت های تجارت الکترونیک با Muse. او ساکن واشنگتن دی سی است.

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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