آموزش Total ProtoPie - نمونه سازی پیشرفته بدون کد را یاد بگیرید - آخرین آپدیت
Total ProtoPie - Learn advanced prototyping without code
درباره من
سلام، نام من دارن است و علاقه زیادی به نمونه سازی دارم. ProtoPie ابزار انتخابی من برای نمونه سازی است و من از ProtoPie استفاده کرده و به طراحان در بسیاری از سازمان ها از جمله NatWest، Sainsbury's، Channel 4 و در حال حاضر مایکروسافت آموزش داده ام.
من از نزدیک با تیمی که ProtoPie را از طریق برنامه ProtoPioneers خود ایجاد کردهاند، کار میکنم، گروه کوچکی از طراحان و مربیان که مستقیماً با تیم ProtoPie همکاری نزدیک دارند، ایدهها و ویژگیهای جدیدی را آزمایش میکنند که هنوز منتشر نشده است.
ProtoPie چیست؟
اگر ابزاری میخواهید که بتواند نمونههای اولیه پیشرفته را بدون نیاز به دانش پیشرفته ایجاد کند، ProtoPie برای شما مناسب است!
ProtoPie یک ابزار طراحی تعاملی است که به شما امکان میدهد نمونههای اولیه ایجاد کنید که بتوانید آنها را در iOS، Android و وب آزمایش کنید. راستش شما نمی توانید تفاوت بین نمونه های اولیه و برنامه های واقعی را تشخیص دهید!
آنچه خواهید آموخت
در این دوره، به هیچ دانش قبلی یا تجربه کدنویسی نیاز ندارید، زیرا، خوب، هیچ کدی وجود ندارد!
ProtoPie از یک مدل مفهومی ساده و قابل درک استفاده می کند و برای طراحان طراحی شده است.
من آنچه را که برای زنده کردن ایدههای برنامهتان نیاز دارید به شما آموزش میدهم و آنها را با کاربران در دستگاههای واقعی آزمایش میکنم.
شما سفر خود را با ProtoPie با ساختن یک نمونه اولیه از یک برنامه اشتراکگذاری عکس به نام Pieterest آغاز خواهید کرد.
ابتدا یاد خواهید گرفت که چگونه گرافیک را از ابزار طراحی مورد علاقه خود مانند Figma، Sketch و Adobe XD وارد کنید.
سپس یاد خواهید گرفت که چگونه با مدل مفهومی ساده ProtoPie و طیف وسیعی از ویژگیهای تعامل، حرکت و تعامل ایجاد کنید.
میآموزید که چگونه روی دستگاههای واقعی آزمایش کنید و نمونههای اولیه خود را با دیگران به اشتراک بگذارید. ProtoPie را می توان بر روی هر دو سیستم عامل iOS و Android مستقر کرد، در واقع، اگر می خواهید از آن ویژگی های سخت افزاری جالب مانند دوربین، لمسی و غیره استفاده کنید، این یک الزام است.
به شما نشان خواهم داد که چقدر آسان است که تعاملات محبوبی ایجاد کنید که بتوانید از آنها در پروژه های واقعی استفاده کنید و همچنین نحوه ساختاردهی و مدیریت نمونه های اولیه بزرگ را به گونه ای که بتوانید تجربیات قابل باوری ایجاد کنید.
میآموزید که چگونه انتقالهای واقعی و تعاملات خرد سفارشی ایجاد کنید تا نمونههای اولیه خود را معتبر و غیرقابل تشخیص از یک برنامه واقعی بسازید.
شما ویژگیهای شخصیسازی شدهای ایجاد خواهید کرد، مانند تصاویر دلخواه که واقعاً کار میکنند، بدون نیاز به نمونههای اولیه خطی «روی ریل» در اینجا.
یکی از مواردی که در ProtoPie منحصر به فرد است، ادغام سخت افزار است و ما از دوربین دستگاه شما برای افزودن یک عکس واقعی به برنامه Pieterest استفاده خواهیم کرد.
ما انگشتان پا را در فرمولها فرو میبریم، روشی ProtoPies برای ایجاد ویژگیهای پیشرفته شگفتانگیز که سر شما را منفجر نمیکند!
قبل از اینکه متوجه شوید، نمونههای اولیه ایجاد میکنید که مانند برنامههای واقعی بدون پیچیدگی و هزینه زیاد یادگیری کدنویسی کار میکنند. چیزهایی که معمولاً چند روز طول می کشد تا ساخته شوند، می توانید ظرف چند ساعت ایجاد کنید.
من مشتاقانه منتظر دیدار شما در دوره هستم
- دارن
ساخت برنامه اشتراکگذاری عکس
در طول این دوره، ما یک برنامه جعلی به نام Pieterest خواهیم ساخت - یک برنامه اشتراکگذاری عکس که به عکسهای کیک اختصاص داده شده است، منظورم این است که چه کسی پای را دوست ندارد؟
من فایلهای طراحی را اینجا قرار دادهام تا بتوانید در طول دوره با من همراه باشید، اما شاید بتوانید نسخه خود را از برنامه اشتراکگذاری عکس ایجاد کنید؟
من دوست دارم ببینم چه چیزی به ذهن شما خطور می کند. شما می توانید به سادگی طرح من را دوباره به عقب برگردانید یا به تنهایی چیزی را به دست آورید، انتخاب با شماست!
چند چیزهایی که باید در مورد آنها فکر کنید
- بهترین راه برای نمایش جریان عکس از تصاویر چیست؟ 2 ستون می روید یا 1؟
- روش جالبی برای انتقال بین تصویر کوچک تصویر و نمای جزئیات چیست؟
- بهترین راه برای کاربران شما برای انتخاب تصاویر دلخواهشان چیست؟
- میخواهیم یک ویژگی عکسبرداری در برنامه ایجاد کنیم، آیا میتوانید این طراحی را بهبود ببخشید؟
چند راه برای به جریان انداختن خلاقیتهایتان
- سایر برنامههای عکس را بررسی کنید، اما همچنین برنامههایی را که برنامه عکس نیستند، بررسی کنید. همیشه چیزهایی وجود دارد که می توانید از برنامه هایی که کارهای متفاوتی انجام می دهند بیاموزید
- به نحوه استفاده از برنامه های عکس یا برنامه های رسانه های اجتماعی خود فکر کنید. چه چیزی را تغییر می دهید یا فکر می کنید می توانید در آن پیشرفت کنید؟
- در نهایت همه ایده های خود را ترسیم کنید و به یاد داشته باشید که هیچ ایده بدی وجود ندارد
- به همکاران، دوستان و خانواده خود نشان دهید تا نظر آنها را دریافت کنید. آزمایش ایده های خود از طریق نمونه سازی مهم ترین کاری است که می توانید برای اعتبارسنجی ایده های خود انجام دهید.
- از آن لذت ببرید، چه ایده دیوانه کننده ای برای یک برنامه اشتراک گذاری عکس می توانید تصور کنید؟
درس ها Lessons
-
انجام ورود به سیستم با استفاده از شرایط Making Login work using Conditions
-
رسیدگی به حالت های خطا در ورود Handling error states on Login
-
ایجاد صفحه بندی بین نماهای جزئیات Creating paging between detail views
-
3 گشت و گذار سریع در استودیو ProtoPie 3 A quick tour of ProtoPie Studio
-
ایجاد جریان عکس قابل پیمایش Creating the scrollable photostream
-
متحرک سازی ورود Animating the Login
-
واردات از Figma Importing from Figma
-
معرفی Total ProtoPie Total ProtoPie Introduction
-
وارد کردن از سیستم فایل Importing from the file system
-
افزودن یک انیمیشن به نوار برگه Adding an animation to the tab bar
-
ایجاد یک انیمیشن سفارشی Creating a custom animation
-
ایجاد پیشخوان اعلان Creating a notification counter
-
ناوبری سفارشی به صفحه جزئیات Custom navigation to the detail screen
-
در حال نصب ProtoPie Installing ProtoPie
-
استفاده از فرمول ها برای ردیابی موقعیت Using Formulas to track position
-
ایجاد اجزا Creating components
-
استفاده از متغیرها برای ورود Using variables for Login
-
ساخت نوار برگه - راه اندازی Building the tab bar - the setup
-
ایجاد یک دوربین واقعی درون برنامه ای Creating a real in-app camera
-
ایجاد نوار برگه قابل استفاده مجدد در پروژه های دیگر Making the tab bar reusable in other projects
-
کتابخانه های ProtoPie ProtoPie libraries
-
افزودن پیمایش به ورود Adding navigation to login
-
ایجاد یک ویژگی برای پذیرش درخواست دوستی Creating a feature to accept friend requests
-
انتخاب برگه ها برای جابجایی بین صفحات Selecting tabs to move between pages
-
ساخت نمادهای اجزای قابل تعویض Making component icons hot swappable
-
ایجاد انیمیشن بارگذاری برنامه Componentising the app load animation
-
این یک بسته بندی است! از اینجا به کجا برویم It’s a wrap! Where to go from here.
-
سازماندهی فایل های خود - بهترین روش ها Organising your files - best practices
-
ایجاد ویژگی علاقه مندی به عکس Creating a photo favouriting feature
-
ایجاد فرم ورود Creating a login form
-
ایجاد کار دلخواه با کامپوننت ها Making Favouriting work with components
-
ایجاد اولین تعامل شما Creating your first interaction
-
ایجاد برگه های اسکرول با Chain Creating scrolling tabs with Chain
-
افزودن بازخورد لمسی با حسگرهای دستگاه Adding haptic feedback with device sensors
-
انتقال داده به اجزا Passing data into components
-
افزودن عکس گرفته شده توسط دوربین درون برنامه Adding a photo taken by the in-app camera
-
ذخیره یک عکس به عنوان تصویر کوچک Saving a photo as a thumbnail
-
واردات از Sketch Importing from Sketch
-
ایجاد یک تغییر صفحه نمایش جزئیات سفارشی Creating a custom detail screen transition
-
دستور العمل های تعامل آشپزی Cooking Interaction Recipes
-
ایجاد انتقال سفارشی با استفاده از Reset و Timeline Creating custom transitions using Reset and the Timeline
-
تست بر روی دستگاه های واقعی Testing on real devices
-
مدیریت حالت ها با متغیرها و شرایط Managing states with variables and conditions
-
وارد کردن از Adobe XD Importing from Adobe XD
-
مدل مفهومی ProtoPie The ProtoPie concept model
-
ProtoPie Cloud و اشتراک گذاری ProtoPie Cloud & sharing
https://donyad.com/d/005fc5
Darren Bennett
سلام، نام من دارن است و من یک طراح با 30 سال تجربه در صنعت طراحی هستم، من در تجربه کاربری و طراحی محصول تخصص دارم.
من با برندهایی مانند RBS، Lloyds Bank، Sainsbury's و Adobe و Microsoft کار کردهام و تیمهای UX و طراحی محصول پیشرو در طراحی برای تلفنهای همراه و دستگاهها تخصص دارند.
مهارت ها و تجربه من طیف گسترده ای را شامل می شود، از جمله، تحقیقات کاربر و طراحی رفتاری، طراحی تعامل و حرکت و طراحی رابط
علاقه من در طراحی تعامل است و ابزار انتخابی من ProtoPie، جالبترین ابزار طراحی تعامل در بازار است
من نویسنده ProtoPilot در YouTube و Medium هستم که در آن وبلاگ و وبلاگی درباره نمونهسازی اولیه و UCD مینویسم و جلسه ProtoPie لندن را با هم سازماندهی میکنم، یک گروه ماهانه که دور هم جمع میشوند تا درباره ProtoPie، ابزار طراحی تعامل صحبت کنند.
نمایش نظرات