دوره آموزشی نمونه سازی یک پروژه وردپرس در Adobe XD

دوره آموزشی نمونه سازی یک پروژه وردپرس در Adobe XD

⏱️ 2 ساعت 40 دقیقه📈 متوسط📅 2019-10-14

مدرسین

Emily Kay

Emily Kay

Web Developer and Graphic Designer

جزئیات دوره

یاد بگیرید که چگونه از Adobe XD برای ایجاد یک نمونه اولیه وب سایت وردپرس استفاده کنید که می توانید آن را با مشتریان، توسعه دهندگان و سایر سهامداران به اشتراک بگذارید. فرآیند UX (تجربه کاربر) را کاوش کنید و نحوه ایجاد نقشه سایت، پرسونا، وایرفریم و راهنماهای سبک را ببینید. نحوه استفاده از این دارایی‌ها برای برنامه‌ریزی طرح‌بندی و ایجاد ماکت‌های واکنش‌گرا، ترکیب دارایی‌های Photoshop و Illustrator، و تعاملی کردن نمونه‌های اولیه خود را کشف کنید. در طول این فرآیند، ببینید چگونه می توانید به طور موثر مقاصد خود را با مشتریان و سایر ذینفعان ارتباط برقرار کنید و همچنین با دیگران همکاری کنید. در نهایت، یاد بگیرید که چگونه یک نمونه اولیه را از Adobe XD در اندازه‌ها و قالب‌های مختلف صادر کنید و جهت و دارایی‌های خاصی برای استفاده در وردپرس داشته باشید.
اهداف یادگیری شروع به کار در Adobe XD ایجاد یک گردش کار ایجاد وایرفریم ایجاد تابلوی هنری راهنمای سبک ایجاد مناطق پویا و تعاملی ساخت نسخه صفحه نمایش بزرگ استفاده مجدد از دارایی ها ایجاد و به اشتراک گذاری یک نمونه اولیه نکات و ترفندهای Adobe XD صادرات از Adobe XD

مهارت ها

WireframingAdobe XDWordPressUX DesignUser ExperienceProjectAdobeWeb DevelopmentOpen Source

سرفصل ها

0. مقدمه

  • 01 - ایجاد یک سایت وردپرس ابتدا آن را در Adobe XD نمونه سازی کنید
  • 02 - آنچه باید بدانید
  • 03 - نحوه استفاده از فایل های تمرینی

1. با پروژه آشنا شوید

  • 04 - UX چیست
  • 05 - UI چیست
  • 06 - گردش کار UX
  • 07 - پروژه وب سایت مشتری خود را در نظر بگیرید
  • 08 - نیازهای کاربر نهایی را مشخص کنید
  • 09 - موجودی دارایی های موجود را تهیه کنید
  • 10 - نقشه سایت ایجاد کنید
  • 11 - با قالب های وردپرس آشنا شوید

2. به پروژه نزدیک شوید

  • 12 - ابتدا از طراحی محتوا استفاده کنید
  • 13 - با وایرفریم یا کیت های رابط کاربری شروع کنید

3. با Adobe XD شروع کنید

  • 14 - Wireframes ایجاد کنید
  • 15 - استفاده از کتابخانه Adobe
  • 16 - بخش های چیدمان با برچسب
  • 17 - استفاده از دارایی ها برای ثبات
  • 18 - ایجاد اجزا
  • 19 - نادیده گرفتن مؤلفه

4. گردش کار برای ساخت سایت

  • 20 - یک تابلوی هنری راهنمای سبک ایجاد کنید
  • 21 - ابتدا موبایل را راه اندازی کنید
  • 22 - صفحه آرایی با محتوا
  • 23 - شبکه را تکرار کنید
  • 24 - واردات محتوا
  • 25 - پلاگین ها

5. تعامل ساختمان

  • 26 - نمای کلی انیمیشن
  • 27 - انیمیشن منو
  • 28 - چرخ و فلک
  • 29 - لایت باکس
  • 30 - چرخ و فلک قابل کشیدن

6. نهایی کردن نمونه اولیه

  • 31 - با استفاده مجدد از دارایی ها، طرح بندی صفحه را تبدیل کنید
  • 32 - نمونه اولیه خود را دقیق کنید

7. اشتراک گذاری و صادرات

  • 33 - فایل Adobe XD خود را به اشتراک بگذارید
  • 34 - با استفاده از ابر با دیگران همکاری کنید
  • 35 - استفاده از دارایی های مرتبط
  • 36 - صادرات دارایی ها از XD

نتیجه

  • 37 - مراحل بعدی

مشاهده دوره کامل

رفتن به دوره