آموزش طراحی اولیه UX/UI Wireframes و نمونه سازی
Basic UX/UI Design Wireframes and Prototyping Tutorial
فرآیند مدرن طراحی UX/UI و نحوه ترسیم وایرفریم برای یک برنامه تلفن همراه را بیاموزید. ما کار را ساده شروع می‌کنیم و از پایه‌های طراحی اپلیکیشن در مراحل اولیه می‌گذریم و به ایجاد قاب‌های سیمی دقیق و کم وفاداری می‌پردازیم که سپس می‌توانیم به یک حساب رایگان InVision انتقال دهیم تا یک نمونه اولیه قابل کلیک ایجاد کنیم.
می توان انتظار یادگیری داشت:
- اصول فرآیند طراحی UX/UI
- نحوه تعیین تکلیف و جریان کاربر برای مفهوم برنامه
- نحوه ترسیم وایرفریم های کم وفاداری برای مفهوم برنامه
- نحوه ایجاد یک نمونه اولیه قابل کلیک در InVision
آنچه ایجاد خواهید کرد:
- طراحی کم وفاداری برای یک برنامه
- نمونه اولیه InVision قابل کلیک
این کلاس برای کسانی است که تجربه بسیار کمی در طراحی UX/UI دارند، اما به یادگیری علاقه دارند.
مجموعه‌ای از فریم‌های سیمی ایجاد کنید که حاوی یک جریان کاربر برای مفهوم برنامه تلفن همراه باشد. کلاس من را تماشا کنید و با ایجاد مجموعه‌ای از قاب‌های سیمی برای یک برنامه سفر همراه همراه باشید. برای ایجاد وایرفریم برای یک ایده برنامه متفاوت احساس راحتی کنید، اما سعی کنید مطمئن شوید که وایرفریم هایی ایجاد می کنید که وظیفه ای را نشان می دهد که کاربر ممکن است با استفاده از برنامه شما انجام دهد (به عنوان مثال، مجموعه ای از وایرفریم ایجاد کنید که نشان می دهد کاربر چگونه یک فروشگاه آنلاین را مرور می کند، انتخاب یک محصول، و بررسی یک برنامه تجارت الکترونیک). اگر ایده خود را ندارید، فقط هر ویدیو را تماشا کنید، و ما آن را با هم یک مرحله در یک زمان انجام خواهیم داد!
آنچه شما نیاز دارید
شما به ، یک دوربین برای مستندسازی قاب‌های سیمی خود، یک مداد پاک کن و یک خط‌کش نیاز دارید.
اختیاری : و برنامه اسکنر .
منابع
نرم افزار
ابزارها
وبلاگ ها
درس ها Lessons
-
وایرفریمینگ Wireframing
-
مقدمه Introduction
-
جریان وظیفه کاربر چیست؟ What's a User Task Flow?
-
نتیجه Conclusion
-
ابزارهای Wireframing Wireframing Tools
-
نمونه اولیه چیست؟ What's a Prototype?
-
اسکن و آپلود وایرفریم های شما Scanning and Uploading Your Wireframes
-
نمونه سازی در InVision (Invisionapp.com) Prototyping in InVision (Invisionapp.com)
-
فرآیند طراحی The Design Process
-
وایرفریم چیست؟ What's a Wireframe?
https://donyad.com/d/0a11
Sarah Bannister
طراح UX/UI | علاقه مندان به سگ
اگر برای یادگیری طراحی آماده هستید – چه UX، چه رابط کاربری یا دیجیتال – در مکان خوبی قرار گرفته اید! چه به دنبال چگونگی به دست آوردن یک کار طراحی باشید یا امیدوار باشید که مهارت های خود را در مورد موضوع مورد علاقه خود تقویت کنید، خوشحال می شوم چیز جدیدی به شما آموزش دهم.
من سارا بنیستر هستم، یک طراح UX که به استفاده از وب جهانی برای ارتقاء سطح مهارت‌های خود و در عین حال کمک به دیگران در انجام این کار علاقه دارد. من برای بسیاری از سازمان‌ها از جمله نایک، نیروی هوایی ایالات متحده، فورد، VMLY R و بسیاری دیگر در حرفه‌ام کار طراحی انجام داده‌ام. در حالی که من عاشق کار با مارک های معتبر هستم، اما علاقه زیادی به آموزش و یادگیری دارم، به همین دلیل است که شما مرا در Skillshare پیدا کردید!
از حضورتان متشکرم، و حتماً من را دنبال کنید تا از کلاس‌های طراحی بیشتری که در آینده نزدیک در راه است مطلع شوید :)
نمایش نظرات