آموزش نمونه سازی با ProtoPie: طرح های برنامه خود را با حرکت زنده کنید!
Prototyping with ProtoPie: Bring Your App Designs to Life with Motion!
یادگیری نحوه نمونه‌سازی برای هر طراح UI/UX بسیار مهم است زیرا به آزمایش، اشتراک‌گذاری و نمایش طرح‌ها کمک می‌کند. به همین دلیل است که نمونه سازی بخشی از بسیاری از متدولوژی های طراحی پرکاربرد مانند Design Thinking، Design Sprint، Lean UX و Rapid Prototyping است. Protopie به شما امکان می‌دهد طرح‌های موجود خود را بردارید و از آنها برای ایجاد سریع همه چیز، از نمونه‌های اولیه ساده تا تعاملات پیشرفته، استفاده کنید. این یک ابزار ساده برای یادگیری است اما دارای بسیاری از ویژگی‌های پیشرفته است - این بدان معناست که پس از تماشای این کلاس شما قادر خواهید بود نمونه‌های اولیه‌ای ایجاد کنید که دقیقاً شبیه برنامه‌های واقعی به نظر می‌رسند و بدون نیاز به نوشتن هیچ کدی به نظر می‌رسند.
Protopie بسیار فراتر از پیوند دادن صفحه‌های مختلف است، و امکان افزودن آن را فراهم می‌کند. حرکت به نمونه های اولیه شما حرکت چیزی است که یک برنامه را عالی می‌کند. فرای بهتر کردن ظاهر محصولات، پتانسیل زیادی برای بهبود تجربه کاربر دارد. با این حال، افراد زیادی نمی دانند که چگونه از آن به درستی استفاده کنند. اگر این کار را یاد بگیرید، حرکت می تواند به ابرقدرت طراحی شما تبدیل شود و شما را از دیگر طراحان متمایز کند!
در این کلاس می‌خواهید یاد بگیرید که چگونه نمونه‌های اولیه پیشرفته ایجاد کنید و حرکت را به طراحی UI خود به روشی طبیعی و مؤثر با استفاده از Protopie اضافه کنید. این کلاس برای هرکسی ساخته شده است که می‌خواهد مهارت‌های طراحی UI/UX خود را به سطح بالاتری برساند. اگر می‌دانید چگونه یک رابط طراحی کنید، این کلاس اصول و ابزارهایی را که برای ایجاد آن نیاز دارید در اختیار شما قرار می‌دهد. نمونه‌های اولیه واقعی بلافاصله.
پس از ایجاد نمونه اولیه، می‌توانید تعاملات را ضبط کنید تا آنها را به صورت آنلاین پست کنید، آن را با هم تیمی‌ها و مشتریان خود به اشتراک بگذارید، و در آخر مهم‌تر از همه، می‌توانید نمونه‌های اولیه را روی یک تلفن واقعی آزمایش کنید. به عنوان یک امتیاز، من همچنین به شما آموزش می‌دهم که چگونه تعاملاتی را که ایجاد کرده‌اید انجام دهید و آنها را به خوبی بسته‌بندی کنید تا بتوانید آنها را در آن پست کنید. رسانه های اجتماعی برای نشان دادن مهارت جدید خود. بیایید شروع کنیم!
ProtoPie
را دریافت کنیدمیتوانید نسخه آزمایشی رایگان ProtoPie را دانلود کنید. دوره آزمایشی معمولاً 10 روز طول می‌کشد، اما برای این کلاس، من با ProtoPie همکاری کردم تا آن را به 120 روز/4 ماه برای شما افزایش دهم. تنها کاری که برای دریافت این افزونه آزمایشی باید انجام دهید، تکمیل پروژه کلاسی است که در زیر توضیح داده شده است.
فایل های منبع
می‌توانید همه فایل‌های منبعی را که در طول کلاس استفاده می‌شوند،
دریافت کنیدپروژه
یک نمونه اولیه برای برنامه مورد نظر خود ایجاد کنید. می توانید از برنامه ای که قبلا طراحی کرده اید یا یکی از فایل هایی که ارائه کرده ام استفاده کنید. Protopie از وارد کردن فایل‌های Adobe XD، Sketch و Figma پشتیبانی می‌کند، بنابراین می‌توانید از هر طراحی ایجاد شده با یکی از آن ابزارها استفاده کنید.
روی یک انتقال/تعامل تمرکز کنید.
مرحله 1: آنچه را که می خواهید نمونه اولیه کنید انتخاب کنید - می توانید از چیزی که طراحی کرده اید یا یکی از فایل هایی که من ارائه کرده ام استفاده کنید.
مرحله 2: نمونه اولیه تعامل - از تکنیک هایی که در طول کلاس یاد گرفتید برای نمونه سازی اولیه تعاملی که در ذهن داشتید استفاده کنید.
مرحله 3: تعامل خود را ضبط کنید - کلاس شامل ویدیویی است که نحوه انجام این کار را به شما نشان می دهد.
مرحله 4: آن را به یک ماکت اضافه کنید - همانطور که در یکی از ویدیوها توضیح دادم تعاملی را که ضبط کرده اید به ماکت انتخابی خود اضافه کنید و آن را رندر کنید.
مرحله 5: پروژه خود را آپلود کنید - یک پروژه ایجاد کنید و ویدیویی را که ایجاد کرده اید آپلود کنید. شما همچنین به یک تصویر جلد نیاز دارید و اگر ویدیوی جایزه را تماشا کرده باشید، نحوه ایجاد آن را نیز خواهید دانست.
منتظر نمانید تا یک برنامه کامل را تکمیل کنید، یک صفحه برای شروع کافی است زیرا می توانید پروژه را با پیشرفت به روز کنید. اگر مایل هستید می توانید بیش از یک نمونه اولیه در پروژه کلاس خود داشته باشید.
منابع
درس ها Lessons
-
کاوش در رابط کاربری Protopie Exploring The Protopie UI
-
اعلامیه Announcement
-
امتیاز: استفاده از موکاپ Bonus: Using a Mockup
-
انتساب پاداش Bonus assignment
-
به اشتراک گذاری پای خود را Sharing Your Pies
-
دنباله ساده Simple Sequence
-
انتقال صحنه Scene Transitions
-
افکار نهایی Final thoughts
-
مبانی حرکت Basics of Motion
-
معرفی ProtoPie Intro to ProtoPie
-
حرکت در طراحی UI Motion in UI Design
-
منوی همبرگر Hamburger menu
-
درباره نمونه سازی About Prototyping
-
صفحه بندی Paging
-
پیمایش Scrolling
-
مقدمه Intro
https://donyad.com/d/44509c
Ljubomir Bardžić
طراح UI/UX • Adobe Certified Expert
اسم من Ljubomir Bardžić است و من یک طراح رابط کاربری/تجربه کاربری و یک متخصص Adobe Certified هستم. در 6 سال گذشته من رابط های زیبا طراحی کرده و تجربیات منحصر به فردی را برای برنامه های موبایل ایجاد کرده ام. من معتقدم که بزرگ‌ترین پیشرفت‌ها از محدودیت‌ها ناشی می‌شوند، بنابراین دوست دارم از سیستم برای طراحی‌هایم استفاده کنم و سپس به دنبال مکان‌هایی باشم که بتوانم قوانین را زیر پا بگذارم تا چیز جدیدی ایجاد کنم.
من همیشه به دانستن هر چه بیشتر در مورد موضوعاتی که به آنها علاقه داشتم معتاد بودم. طراحی بود بنابراین من ادامه دادم و شروع به یادگیری هرچه بیشتر در مورد طراحی کردم و اکنون که اطلاعات زیادی جمع شده است، می‌خواهم آنها را با جهان به اشتراک بگذارم.
نمایش نظرات