آموزش Adobe XD: طراحی وب سایت

Adobe XD: Design a Website

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: با ساخت یک نمونه اولیه با کیفیت بالا ، می توانید قبل از اینکه زمان زیادی را در طرحی که نیاز آنها را برآورده نمی کند ، از سهامداران و کاربران بازخورد بگیرید Adobe XD - یک پلتفرم طراحی UX برای ایجاد تجربه با استفاده از یک فرایند طراحی تکراری - برای سهولت در همکاری و به اشتراک گذاشتن ایده های شما طراحی شده است. در این دوره ، اولین قسمت از یک مجموعه دو بخشی ، بیاموزید که چگونه با استفاده از Adobe XD در برنامه های وب و تلفن همراه ایجاد و همکاری کنید. مربی Dani Beaumont ، مدیر اصلی محصولات در Adobe XD ، نحوه راه اندازی یک پروژه طراحی و استفاده از طرح ها و ابزارهای فضای کار را نشان می دهد. او همچنین نحوه استفاده از قابلیت های نیرو مانند تکرار شبکه و صفحه دارایی ها را نشان می دهد. ایجاد یک کتابخانه م componentلفه با حالتها و موارد اضافه شده و موارد دیگر.

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

مقدمه Introduction

  • با سرعت فکر طراحی کنید Design at the speed of thought

  • خوش آمدی Welcome

  • آنچه باید قبل از تماشای این دوره بدانید What you should know before watching this course

  • با استفاده از پرونده های تمرینی Using the exercise files

1. ایجاد گرافیک 1. Creating Graphics

  • درک فضای کاری Understanding the workspace

  • ایجاد گرافیک Creating graphics

  • واردات گرافیک برداری Importing vector graphics

  • واردات و دستکاری گرافیک bitmap Importing and manipulating bitmap graphics

1. با Adobe XD شروع کنید 1. Get Started with Adobe XD

  • ایجاد سند جدید Creating a new document

  • افزودن تابلوهای هنری Adding artboards

  • باز کردن یک سند موجود Opening an existing document

  • ذخیره سند ابر Saving a cloud document

  • کار با سابقه سند Working with document history

2. اضافه کردن متن و جلوه ها 2. Adding Text and Effects

  • افزودن متن و فونت Adding text and fonts

  • اضافه کردن شفافیت و سایه های رها Adding transparency and drop shadows

  • اضافه کردن زمینه های تاری Adding blurred backgrounds

2. بررسی رابط کاربری 2. Exploring the User Interface

  • طرح بندی های فضای کاری Workspace layouts

  • به بوم طراحی بروید Navigate the design canvas

  • تابلوها Panels

3. ایجاد صفحات اضافی 3. Creating Additional Pages

  • ایجاد صفحات اضافی Creating additional pages

  • طراحی برای اندازه و سیستم عامل های مختلف صفحه نمایش Designing for different screen sizes and platforms

  • با استفاده از گرافیک از کیت های UI Using graphics from UI kits

3. اصول طراحی حالت 3. Design Mode Basics

  • کار با پرونده های تمرینی Working with the exercise files

  • مستطیل و بیضی ابزار Rectangle and Ellipse tool

  • ویژگی ها را جای گذاری کنید Paste attributes

  • تبدیل اشکال به مسیرها Converting shapes to paths

  • ابزار قلم Pen tool

  • مسیر در مقابل خط Path vs. line

  • عملیات بولی Boolean operations

  • ماسک و تصاویر قرار داده شده Masks and placed images

  • متن در مقابل نقطه Area vs. point text

  • یک ظاهر طراحی شده متن Text styling

  • رنگ ها را پر و حاشیه کنید Fill and border colors

4- تکرار محتوا با استفاده از تکرار شبکه 4. Repeating Content Using Repeat Grid

  • ساخت یک شبکه تکراری Making a Repeat Grid

  • اضافه کردن تصاویر منحصر به فرد برای هر عنصر شبکه تکرار Adding unique images for each Repeat Grid element

  • با استفاده از تکرار شبکه برای صفحه درباره Using Repeat Grid for an About page

  • ایجاد چندین صفحه برای نمونه سازی Creating multiple pages for prototyping

4. تکنیک های چیدمان 4. Layout Techniques

  • راهنماها Guides

  • شبکه ها Grids

  • تراز کردن اشیا Aligning objects

  • جای خود را بچسبانید Paste in place

  • لایه گذاری Padding

  • پشته ها Stacks

  • پاسخگو تغییر اندازه Responsive Resize

  • شبکه را تکرار کنید Repeat Grid

5- نمونه سازی 5. Prototyping

  • نمونه سازی یک تعامل ساده Prototyping a simple interaction

  • نمونه سازی یک وب سایت کامل Prototyping an entire website

5. کار با قطعات 5. Working with Components

  • تعریف م componentsلفه ها Defining components

  • مبادله قطعات را انجام دهید Swap components

  • تعریف و استفاده از حالت های م componentلفه Defining and leveraging component states

6. اشتراک و صادرات 6. Sharing and Exporting

  • ایجاد یک فیلم از تعامل Creating a video of interactions

  • به اشتراک گذاری نمونه اولیه Sharing a prototype

  • صادرات artboard و دارایی Exporting artboards and assets

6. همکاری در طراحی 6. Design Collaboration

  • گردش کار Illustrator Illustrator workflows

  • نرم افزار آدوبی فتوشاپ Adobe Photoshop

  • برنامه طرح Sketch app

  • ادغام کتابخانه CC CC Library integration

  • هماهنگی Coediting

نتیجه Conclusion

  • خداحافظ Goodbye

  • مراحل بعدی Next steps

7. سیستم های طراحی و سازمان دارایی 7. Design Systems and Asset Organization

  • فیلتر ، مرتب سازی و جستجو در صفحه دارایی ها Filter, sort, and search in the Assets panel

  • استخراج رنگها و سبک های کاراکتر برای استفاده مجدد Extracting colors and character styles for reuse

  • آشکار کردن دارایی ها روی بوم طرح Revealing assets on the design canvas

  • معرفی سیستم های طراحی Design systems introduction

  • پیوند دارایی ها Linking assets

  • تبدیل کتابخانه های طرح Converting Sketch Libraries

نمایش نظرات

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

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

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Paul Trani Paul Trani

پروژه های تعاملی را برای آژانس ها و شرکت ها توسعه می دهد

در 15 سال گذشته، پل ترانی پروژه‌های تعاملی را برای آژانس‌ها و شرکت‌ها توسعه داده است.

او از ابتدایی ساده با Play-Doh و مداد رنگی تکامل یافت تا تبدیل به مردی برای توسعه خلاق و آموزش شود. . پل به دلیل توانایی های فنی و علاقه اش به صنعت، مستقیماً با Adobe و سایر شرکت ها به عنوان مجری و مربی کار کرده است. او سمینارهای الکترونیکی Adobe متعددی ایجاد کرده است که از آنها برای ارزیابی خود استفاده می کند و دائما در حال یادگیری سخت افزار و نرم افزار جدید است.

Dani Beaumont Dani Beaumont

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

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

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

Linkedin (لینکدین)

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

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

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