آموزش طراحی یک صفحه فرود موثر با استفاده از Adobe XD
Designing an effective landing page using Adobe XD
سلام، از آشنایی با شما خوشحالم!
سلام، من زکری ساتون هستم. من یک طراح چند رشته ای با تجربه در طراحی گرافیک، تصویرسازی و طراحی UX/UI هستم. من ده سال گذشته را به صورت حرفه ای به عنوان طراح UX/UI برای شرکت هایی مانند SAP، SAP Ariba و VMware گذرانده ام. من در حال حاضر مدیر طراحی تجربه کاربری در VMware هستم.
در این کلاس، نحوه ایجاد یک صفحه فرود جذاب و موثر را یاد خواهید گرفت. ما یاد خواهیم گرفت که چرا صفحات فرود ضروری هستند و چگونه یک صفحه فرود را از ابتدا تا انتها ساختار دهیم. در طول این کلاس، من به شما اصول اساسی UX و UI را آموزش می دهم که به شما کمک می کند صفحه فرود خود را ایجاد کنید! من شما را در جریان کار خود از طوفان فکری، سوار شدن بر خلق و خو، طراحی، وایرفریم و در نهایت طراحی یک ماکت راهنمایی خواهم کرد.
این کلاس برای هر کسی است که می خواهد یاد بگیرد که یک صفحه فرود ایجاد کند و همچنین اصول طراحی UX و UI ضروری را بیاموزد. دانش آموزان باید با Sketch، Adobe XD، InVision Studio یا Figma آشنایی داشته باشند. اگر با این برنامه ها آشنایی ندارید، اشکالی ندارد! من در Adobe XD کار خواهم کرد. من برخی از اصول اولیه برنامه را با شما مرور خواهم کرد.
اگر مایلید فرآیند فکری که در پس چگونگی ایجاد یک صفحه فرود، وب‌سایت یا برنامه وجود دارد را بیاموزید، این کلاس ضروری است. اصولی که یاد خواهید گرفت می توانند در حوزه های مختلف اجرا شوند. در پایان این کلاس، می‌توانید یک تابلوی خلق و خو، وایرفریم، و یک صفحه فرود طراحی کنید.
برای این کلاس، Adobe XD مورد نیاز است، اما همانطور که قبلاً گفتم اگر Sketch، InVision Studio یا Figma دارید، همچنان می‌توانید آن را دنبال کنید.
همچنین، برای یک حساب رایگان در ثبت نام کنید. این یک منبع عالی برای ایجاد تابلوهای خلق و خو یا پایین آوردن ایده های شما است!
برای پروژه کلاس، می خواهم یک صفحه فرود ایجاد کنید که با یک طرح شروع می شود و با یک صفحه فرود کاملاً طراحی شده پایان می یابد. اکنون صفحه فرود شما می تواند برای خودتان، یک دوست، یک مشتری یا یک شرکت ساختگی باشد. این به شما بستگی دارد! ما مراحل زیر را طی خواهیم کرد.
- صفحه فرود چیست؟ چرا صفحه فرود مهم است؟
- ایده پردازی ( تولید ایده ها)
- غواصی
- ابزارهای طراحی
- Lo-fi Wireframe
- طراحی یک ماکت از صفحه فرود ما
هنگامی که این فرآیند را طی کردیم، یک صفحه فرود ایجاد خواهیم کرد. از فرآیند خود عکس بگیرید تا در پروژه خود به اشتراک بگذارید! اشتراک گذاری مراقبت است! می‌دانم که کمی ساده است، اما وقتی کارمان را به اشتراک می‌گذاریم، به دیگران الهام می‌دهیم تا خلق کنند و همچنین بازخوردی به ما می‌دهیم که به ما کمک می‌کند طراحان بهتری شویم!
منابع
پیوندها
فایل‌ها
شما را از درون می بینم!
درس ها Lessons
-
کیت Wireframe Platforma 2 Platforma 2 Wireframe Kit
-
مقدمه Intro
-
صفحه فرود چیست؟ What is a landing page?
-
الهام گرفتن Inspiration
-
اصول Adobe XD Adobe XD Basics
-
مودبردینگ Moodboarding
-
UX Deisgn چیست؟ What is UX Deisgn
-
خدا حافظ Bye
-
وایرفریم با وفاداری بالا High Fidelity Wireframe
-
ابزارهای طراحی Sketching Tools
-
موکاپ با وفاداری بالا High Fidelity Mockup
-
تکلیف شما Your Assignment
-
وایرفریم با کیفیت پایین Low Fidelity Wireframe
https://donyad.com/d/7460
Zachery Sutton
طراح UX
یک طراح تجربه کاربری است که در آتلانتا، GA است. او با شرکت هایی مانند SAP، VMware، TNT و TBS به عنوان طراح UX/UI و طراح گرافیک کار کرده است.
نمایش نظرات