آموزش استوری‌برد برای UI/UX با Adobe XD
Storyboards for UI/UX with Adobe XD
در این کلاس، نحوه ساخت سریع استوری‌بردها در Adobe XD، بدون نیاز به پیش‌زمینه هنری یا طراحی را بررسی خواهیم کرد!
استوری‌بردها در ابتدا توسط صنعت فیلم به‌عنوان ابزاری برای روایت داستان ساخته شدند، اما در فرآیند توسعه محصول نیز برای انجام همان کار مورد استفاده قرار گرفتند. ساخت یک استوری بورد به ما این امکان را می دهد که بدون سرمایه گذاری هنگفت زمان یا پول، ایده ها را به سرعت تجسم و به ذینفعان منتقل کنیم. مشکل این است که برای آن دسته از ما که استعداد هنری کمتری داریم، واقعاً سخت است که یکی را کنار هم بگذاریم، اما امروز تغییر می کند!
ما از افزونه unDraw (رایگان و شگفت‌انگیز است) استفاده می‌کنیم تا یک تابلوی داستانی را برای فرآیند ارسال آمازون گرد هم بیاوریم و متحرک کنیم. ما از قبل یک چارچوب ساده را بررسی خواهیم کرد که شامل یادداشت برداری از هر قسمت یا "قاب" استوری بورد است و بقیه از آنجا بسیار آسان و سریع خواهند بود!
چند نمونه را در زیر ببینید!
برای این پروژه کلاسی سعی کنید استوری‌بورد خود را برای هر مشکل یا منطقه‌ای که فکر میکنید بسازید! حتماً آنچه را که می‌خواهید تجسم کنید (حداقل سه مرحله) برای گفتن داستان/مشکل خود از قبل یادداشت کنید. با افزونه unDraw در Adobe XD چند تصویر شگفت انگیز پیدا کنید و داستان خود را کنار هم قرار دهید!
و هنگامی که آن را جمع کردید، سعی کنید آن را مانند استوری‌بورد کلاس ما متحرک کنید:
درس ها Lessons
-
متحرک سازی استوری برد I Animating the Storyboard I
-
ایجاد استوری برد Creating the Storyboard
-
متحرک سازی Storyboard II و صادرات Animating the Storyboard II & Exporting
-
مقدمه Intro
Matt Ward
نمایش نظرات