آموزش Motion Graphics برای طراحان رابط کاربری با استفاده از Principle برای Mac
Motion Graphics for UI Designers using Principle for Mac
در این کلاس Skillshare شما یاد خواهید گرفت که چگونه از Principle برای Mac برای افزودن طراحی حرکتی به رابط های کاربری خود استفاده کنید.
این کلاس برای طراحان با تجربه رابط کاربری است که می‌خواهند طرح‌های خود را با انیمیشن‌ها به سطح بالاتری برسانند.
در این کلاس می‌توانید:
- اصول انیمیشن و نحوه استفاده از آنها در طراحی UI را بدانید.
- نحوه استفاده از درایورها در اصل برای ایجاد جلوه‌های پیمایش عمودی و افقی.
- نحوه استفاده از رویدادها و جدول زمانی متحرک در Principle برای ایجاد افکت های شناور.
- نحوه کار با چندین صفحه برای ایجاد انتقال.
- چگونه نمونه اولیه خود را صادر و به اشتراک بگذارید.
برای این کلاس، اجزای یک صفحه فرود را متحرک می‌کنیم، در پایان این دوره می‌توانید این دانش را در هر طراحی رابط کاربری، چه برای وب‌سایت یا تلفن همراه، اعمال کنید.
در اینجا چند نمونه از کارهایی که در این کلاس انجام خواهید داد آورده شده است:
در این کلاس، الگویی برای صفحه فرود ساخته شده در Figma و فایل نهایی برای مقایسه کارتان در اختیار شما قرار می گیرد.
برای دنبال کردن تمرین‌ها به این فایل‌ها نیاز دارید، با این حال می‌توانید اجزا، سبک‌ها و رنگ‌ها را به دلخواه تغییر دهید و همه چیزهایی را که اینجا یاد می‌گیرید آزمایش کنید!
در پایان کلاس، صفحه فرود با انیمیشن‌هایی مانند جلوه‌های پیمایش عمودی و افقی، انتقال بخش و جلوه‌های شناور ایجاد خواهید کرد.
درس ها Lessons
-
اصل: کارت های تعاملی Principle: Interaction cards
-
توهم یک رابط کاربری The illusion of a user interface
-
اصل: جلوه های اسکرول (قسمت 1) Principle: Scroll effects (part 1)
-
اصل: فایل ما را وارد کنید Principle: Import our file
-
اصل: پیمایش تعامل (قسمت 1) Principle: Interaction scroller (part 1)
-
به کلاس خوش آمدید! Welcome to the class!
-
نتیجه Conclusion
-
اهداف یادگیری Learning objectives
-
اصل: جلوه های اسکرول (قسمت 2b) Principle: Scroll effects (Part 2b)
-
اصل: جلوه های اسکرول (قسمت 4) Principle: Scroll effects (part 4)
-
اصل: جلوه های اسکرول (قسمت 2a) Principle: Scroll effects (Part 2a)
-
اصل: بارگذاری صفحه Principle: Page load
-
اصل: پیمایش تعامل (قسمت 2) Principle: Interaction scroller (part 2)
-
فایل کاری Working file
-
اصل: جلوه های شناور Principle: Hover effects
-
درک انیمیشن Understanding animation
-
اصول خلاصه نویسی انیمیشن Principles of animation recap
-
اصل: پیمایش خودکار Principle: Auto scroller
-
مدت زمان Duration
-
اصل: پیمایش صفحه Principle: Page scroll
-
تسهیل Easing
-
اصل: جلوه های اسکرول (قسمت 3) Principle: Scroll effects (part 3)
https://donyad.com/d/9dfb
Bettsina Walkinson
طراح محصول
سلام من بتسینا هستم! من یک طراح محصول هستم که در حال حاضر در اپل کار می کنم.
پس از تحصیل در مکزیک و کانادا، فرصتی برای ورود به دنیای استارت آپ برای مدت کوتاهی با همکاری Orbits، یک نرم افزار همکاری بلادرنگ، داشتم. بعداً بیش از 4 سال در صنعت آموزش الکترونیکی کار کردم و وب‌سایت‌های زیادی ایجاد کردم، روی فیلم‌های گرافیکی و موشن گرافیک کار کردم و داشبورد آموزشی قوی طراحی کردم. اخیراً من در صنعت کریپتو در Blockchain کار کردم و نرم‌افزاری را ایجاد کردم تا بتوانم رمزنگاری را در دسترس همه قرار بدهم.
در سال‌های گذشته من با طراحی UX/UI و گرافیک حرکتی کار کرده‌ام. دوست دارم به شما در شروع طراحی کمک کنم :)
نمایش نظرات