آموزش طراحی اپلیکیشن موبایل: از طرح ها تا نمونه های اولیه تعاملی
Mobile App Design: From Sketches to Interactive Prototypes
به روز رسانی: بخش جدید! (بخش 2)
- فقط بخش جدیدی اضافه شد که در آن به مدرن ترین ابزارهای طراحی و نمونه سازی می پردازیم.
- ما درباره ابزارهای طراحی مانند Sketch 3، Photoshop و Illustrator بحث می کنیم، بنابراین شما می توانید تصمیم بگیرید که از چه چیزی استفاده کنید.
- مروری بر ابزارهای نمونه سازی ثابت مانند برنامه Marvel و Invision
- مروری بر ابزارهای نمونه سازی انیمیشن دانه ای مانند Pixate، Flinto، FramerJS
- ما یک جریان طراحی ساده با استفاده از Sketch ایجاد می کنیم!
- ما نمونه اولیه خود را در مارول قرار دادیم
////////////////////////////////////////////////////////////////////////////////////////////
نمای کلی
یک دوره آموزشی سریع و عملی برای تبدیل طرح‌های وایت برد یا کاغذ به نمونه‌های اولیه موبایل. یاد بگیرید که از انیمیشن‌ها و انتقال‌ها برای تبدیل طرح‌های استاتیک خود به جریان‌ها، محصولات یا ویژگی‌های کاربر با درک آسان استفاده کنید.
شما به مهارت‌های طراحی، دانش نرم‌افزاری یا حتی بلد نبودن نقاشی نیاز ندارید. تنها چیزی که نیاز دارید مقداری کاغذ، یک قلم و یک ایده است—داستانی که در انتظار گفتن است.
5 دلیل برای شرکت در این دوره
- نمونه سازی قدرتمند است. با اجازه دادن به کاربران برای بازی با ایده به توضیح خود کمک می کند.
- طراحی سریع و ساده است. گاهی اوقات جعبه‌ها، خطوط و دایره‌ها تنها چیزی است که برای توصیف یک محصول نیاز دارید.
- از شرکت در آن لذت خواهید برد. این دوره برای شما طراحی شده است تا آن را در سریع ترین زمان ممکن به پایان برسانید و از سواری لذت ببرید.
- شما همکاران خود را تحت تاثیر قرار خواهید داد. همه ما می خواهیم خودمان را بیان کنیم، این دوره مهارت های ارتباطی شما را تقویت می کند.
- رایگان است و بد نیست! به طور جدی، من کمی تلاش کردم تا چیزهایی را که لازم ندارید برش دهم و فقط چیزهای آبدار را نگه دارم ;)
بنابراین، آیا این دوره برای شما مناسب است؟
- هدف از این دوره آموزش این است که چگونه طرح های خود را، چه روی تخته سفید یا روی کاغذ، به یک نمونه اولیه سریع و کثیف روی گوشی خود تبدیل کنید.
- من این دوره آموزشی را برای مهندسان، طراحان، مدیران محصول یا هر کسی که علاقه مند به بیان یک ایده است ساخته ام.
- این برای سازندگانی است که در مراحل اولیه ساخت یک برنامه یا ویژگی هستند - تیم‌هایی که می‌خواهند ایده‌ها را به سرعت کاوش کنند یا رویکردهای متفاوتی را برای یک مشکل امتحان کنند
- این برای افرادی است که می خواهند مفهوم خود را آزمایش کنند و آن را به کاربران بالقوه نشان دهند
من کی هستم؟
من در 15 سال گذشته به عنوان طراح کار کرده ام. اکنون من روی طراحی محصولات وب و موبایل متمرکز شده ام، اما حتی با این همه تجربه، گاهی اوقات توضیح یک مفهوم با وایرفریم های ساده می تواند چالش برانگیز باشد. نمونه سازی به من کمک کرد که این شکاف ارتباطی را پر کنم.
آنچه این دوره شامل نمی شود
این دوره به جزئیات در مورد قابلیت استفاده یا سایر مشکلات UX نمی پردازد. فکر می‌کنم تا الان واضح است، اما این دوره به شما نحوه کدنویسی را آموزش نمی‌دهد. به یاد داشته باشید، این برای افرادی است که در مراحل اولیه ساخت یک محصول یا ویژگی هستند.
اگر می خواهید کمی بیشتر در مورد UX موبایل بدانید یا اگر می خواهید یک رابط کاربری با وفاداری بالا طراحی کنید، توصیه می کنم دوره دیگر من "طراحی و نمونه سازی اولیه یک برنامه موبایل iOS در Illustrator" را بگذرانید
چه چیزی نیاز دارید؟
- برای این دوره فقط به یک نشانگر و یک تخته سفید یا یک مداد و کاغذ نیاز دارید
- یک تلفن هوشمند. یک دستگاه Android یا یک iPhone.
- دانلود برنامه رایگان Marvel
این دوره سریع و کاربردی است و هدف من این است که از اتمام آن لذت ببرید. نمونه سازی تاثیر زیادی در کار من گذاشته است. این قدرتمند است. مطمئنم به شما هم کمک خواهد کرد.
بنابراین، آیا برای شروع آماده هستید؟ بیایید آن را انجام دهیم!
نمونه سازی مبارک :)
مقدمه - آنچه از این دوره به دست خواهید آورد Introduction—What you'll get from this course
-
مقدمه - آنچه از این دوره به دست خواهید آورد Introduction—What you'll get from this course
طرح های کاغذی را به یک نمونه اولیه موبایل تبدیل کنید Turn paper sketches into a mobile prototype
-
مقدمه - آنچه شما یاد خواهید گرفت و آنچه برای این بخش نیاز دارید Introduction—What you'll learn and what you need for this section
-
بیایید شروع به کشیدن وایرفریم های خود کنیم Let's start drawing our wireframes
-
نحوه استفاده از اپلیکیشن مارول How to use Marvel App
-
عکس گرفتن از طرح ها با اپلیکیشن مارول Taking pics of the sketches with Marvel App
-
ایجاد نمونه اولیه - پیوند صفحه‌ها با نقاط داغ و افزودن انتقال Creating your prototype—Linking screens with hotpoints and adding transitions
-
ببینیم چقدر خوب شدی! Let's see how good you got!
-
تبریک - بیایید جشن بگیریم! Congratulations - Let's celebrate!
طراحی و معرفی نمونه اولیه Design and Prototype Introduction
-
مقدمه ای بر ابزارهای طراحی و نمونه سازی Introduction to Design and Prototyping Tools
-
ابزار طراحی Design Tools
-
ابزارهای نمونه سازی Prototyping Tools
-
ابزارهای نمونه سازی متحرک Animated Prototyping Tools
-
ایجاد یک جریان ساده سریع با استفاده از Sketch Creating a Quick Simple Flow using Sketch
-
ایجاد یک نمونه اولیه با استفاده از مارول Creating a Prototype using Marvel
ایجاد یک نمونه اولیه از نقاشی های روی تخته سفید Creating a prototype from drawings on a whiteboard
-
مقدمه - آنچه شما یاد خواهید گرفت و آنچه برای این بخش نیاز دارید Introduction—What you'll learn and what you need for this section
-
ترسیم جریان ثبت نام خود روی تخته سفید Drawing your signup flow on a whiteboard
-
ساخت نمونه اولیه با اپلیکیشن مارول Creating the prototype with Marvel App
-
ایجاد نمونه اولیه با برنامه Marvel (صفحه نمایش جزئیات) Creating the prototype with Marvel App (detail screen)
-
ببینیم چقدر خوب شدی! Let's see how good you got!
-
[منسوخ شده] نکات سریع در مورد نحوه گذراندن این دوره [OUTDATED] Quick tips on how to take this course
https://donyad.com/d/8d81d2
Pablo Stanley
طراح محصول
نمایش نظرات