مطالب پیشنهادی از سراسر وب

آموزش Origami Studio برای طراحی UX 

دسته بندی ها: آموزش یو ایکس (UX) ، آموزش طراحی وب ، آموزش های لیندا (Lynda)

ترجمه با ویدابیا

ترجمه فارسی این دوره آموزشی رو همین الان از ویدابیا سفارش بده الان سفارش بده
آیا این نوشته را دوست داشتید؟
Origami Studio for UX Design Publisher:Lynda Author:Tom Green Duration:3h 35m Level:Beginner

Learn to use Origami Studio, a free UX prototyping tool, to bring your mobile and web project ideas to life.
Released: 12/7/2017

Developed by the designers at Facebook, Origami Studio is a free UX prototyping tool designed to bring your mobile and web project ideas to life. Join Tom Green as he shows how to create interactive prototypes that work on smartphones, tablets, and desktop computers with Origami. First, learn the fundamentals of using Origami Studio layers and its unique system of patches—plug-and-play components for quickly adding interaction, animation, and behavior to your prototypes. From there you can learn how to add Photoshop, Sketch, and Illustrator content to your Origami Studio project and add interactivity, rich media, and motion. Then discover how to apply what you have learned to create a delightful variety of interactive prototypes and discover how to preview and test those prototypes on your devices.

Topics include:
Using patches
Importing content
Working with shapes and masks
Create scrollable components
Creating motion and animation
Using loops
Adding media and effects
Testing your prototypes
Sharing your project

Introduction
Welcome
2m 49s
Exercise files
1m 18s
1. The Origami Studio Interface
Interface
6m 21s
Target devices
3m 5s
Viewer
4m 38s
Layers
4m
Properties
4m 57s
Patches
4m 6s
More patches
3m 59s
Screens
2m 27s
2. Working with Patches
Patch
3m 51s
Multiple patches
6m 16s
Long press
4m 59s
A ripple effect
5m 5s
Logic
7m 54s
Multiple interaction
5m 15s
Challenge: Wayfinding in an interface
1m 6s
Solution: Wayfinding in an interface
2m 49s
3. Importing Content and Working with Shapes
Photoshop
8m 16s
Sketch
3m 18s
Illustrator
5m 31s
Text
4m 40s
Shapes
4m 14s
Masking
2m 46s
4. Scrolling Content
Vertical scrolling
5m 27s
Horizontal scrolling
9m 52s
5. Animation
Classic animation
4m 17s
Pop animation
8m 24s
Animate a hamburger menu
8m 52s
Repeating animation
4m 45s
Timed animation
4m 29s
6. Creating and Using Loops
Simple loop
8m 1s
More loops
2m 58s
Interactive loops
4m 31s
JSON
6m 29s
7. Media and Effects
Audio
3m 45s
Import video
4m 37s
Video layer
6m 9s
Time and duration
3m 47s
Sliders
5m 21s
Progress ring
4m 38s
Particle
4m 43s
8. Device Testing and Sharings
Device testing iOS
1m 32s
Device testing Android
3m 8s
Share and export
3m 8s
Conclusion
Next steps
2m 49s

پیشنهاد آموزش مرتبط در فرادرس