|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/ui-animation/
课程评论：没有评论
课程名称：使用Sketch 3、Principle应用和Flinto进行UI动画 课程概述： 本课程由设计师Pablo Stanley主持，旨在教授如何使用Sketch 3设计网页和移动产品，并通过Flinto、Principle、Marvel App和Invision的Craft插件创建原型和微交互。课程内容涵盖多个模块，适合不同技能水平的学习者，使学员能够从零基础开始进行设计，并通过高级项目实践提高技能。 课程更新包括： - 嵌套符号的使用，创建按钮系统和左侧导航栏。 - 用Flinto和Sketch制作引导页面视差动画及节日特别项目。 - 学习Sketch的常用快捷键和实用插件。 - 如何为Flinto添加悬停效果，适用于网页设计原型。 - 使用Principle制作角色动画、视差效果及各种连续交互。 - 通过Flinto创建用户界面卡片流动动画并为原型添加声音等。 课程内容包含超过12个视频，持续一个小时以上，旨在帮助学生掌握设计工具的使用，实际操作并完成酷炫的项目和验证原型。Sketch 3以其简单易学的特性使得用户界面和用户体验设计变得更为高效，而Flinto、Principle和Marvel则为设计师提供了便捷的互动原型制作工具。 通过本课程，学生将能够创建详细的UI动画，并将这些动画应用于个人项目中，让他们的原型看起来更加真实。
UPDATE June 2017 - Nested Symbols!Creating a Button System with Nested SymbolsCreating a Left Bar Navigation with Nested SymbolsUPDATE December 27 2016 - New projects! Creating an on-boarding parallax animation using Flinto and SketchDrawing Santa on Sketch (Holiday Special)The most useful keyboard shortcuts on SketchMy Favorite practical Sketch Plugins! UPDATE July 11th 2016 - New content! Added How to add Hover effects on Flinto - Mouse Over / Mouse Out. Great for web design prototypesCreating a Parallax UI Animation Using Flinto. UPDATE July 5th 2016 - New content! Added a section covering Principle for Mac.12 videos (over an hour of content)How to create character animationsParallax Effect using PrincipleDrag And Drop InteractionContinuous Interactions like Paging, Scrolling, Dragging.Many more! UPDATE June 18th 2016 - New content! Added a section covering Flinto for Mac. 9 videos (over an hour of content) Connecting Layers, Complex TransitionsUser Interface Cards Flow AnimationAdding Sound to Your Prototype (and many more) ////////////////////////////////////// IntroductionHola, my name is Pablo Stanley. I've been a designer for almost 18 years- And I have worked with different startups for quite a while. I want to teach you how to apply the tools I use every day-and I'll give you some insight into my workflow and process as a product designer. On this course you'll learn how to design web and mobile products using Sketch 3. We'll also learn how to prototype full flows and micro-interactions using the most current apps in the industry like Flinto, Principle, Marvel App, and Invision's Craft Plugin. And the coolest part about this course? We'll learn how to create detailed UI animations and how to apply them to your projects. This course is designed in different sections so you can jump around depending on your skill level. You'll be able to learn how to use the tools to make your own designs from scratch. And we'll also learn by doing, getting hands-on with more advanced projects. So, Why Sketch?Sketch 3 is a design tool focused on user interface and user experience design. Because of its simplicity, it's really easy to understand; anyone with little to no training can learn Sketch. It's perfect for designing for multiple mobile devices, working on responsive web design, delivering assets in an easy way, and makes collaboration with developers amazing. It also costs a fraction of the price of Adobe Suite (goodby monthly payment). So yeah, it's pretty cool. Why Flinto, Principle, Marvel App and Craft by InVisionPrinciple makes it easy to create animated and interactive user interface designs. Great for Multi-screen app, or new interactions and animations. Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.with custom animations, gestures, and Sketch import This simple editor in Marvel allows you to link all your designs together in seconds, then add gestures and transitions to make your prototype feel just like a real app or website. This CourseThis course covers the basics, but also goes into detail on some advanced features, tricks, and plugins that I use in my daily workflow. We'll also work on some cool projects that we'll be able to prototype and share on our mobile devices and the web. We'll even do some UI animation and micro-interactions that will make your prototypes look pretty realistic.
