Mobile Apps designen: Einfache Interaktionen und Animationen für jede App
Johny Vino, Specialized in Humanizing UX
Schau dir diesen Kurs und Tausende anderer Kurse an
Schau dir diesen Kurs und Tausende anderer Kurse an
Einheiten dieses Kurses
-
-
1.
Introduction
1:30
-
2.
Humanizing App Design
4:54
-
3.
Great Apps IRL
4:36
-
4.
Preparing Your Concept
8:46
-
5.
Testing Your Design
3:30
-
6.
Adding Personality
5:31
-
7.
Creating Simple Transitions
11:10
-
8.
Customizing Animations
10:42
-
9.
Adding Surprising Details
4:42
-
10.
Sharing Your App Design
9:19
-
11.
Final Thoughts
0:51
-
12.
Explore More Classes on Skillshare
0:35
-
-
- --
- Beginner level
- Intermediate level
- Advanced level
- All levels
Community Generated
The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.
4,236
Students
10
Projects
Über diesen Kurs
Möchten Sie Designs entwerfen, die die Menschen nicht mehr weglegen wollen? Verwandeln Sie Ihre große Idee in eine interaktive App – Programmierkenntnisse sind nicht erforderlich!
Begleiten Sie den Produktdesigner Johny Vino bei einer Einführung in das Design mobiler Anwendungen, die sich speziell an visuelle Designer und Kreative richtet. In diesem einstündigen Kurs entwirft Johny eine einfache Diät- und Fitness-App und führt Sie durch seine durchdachte, schrittweise Herangehensweise an die Erstellung von Interaktionen, die Persönlichkeit und Emotionen auf eine Weise vermitteln, wie es statisches Design einfach nicht kann. Folgen Sie den Anweisungen, um mit einfachen digitalen Tools einen Prototyp Ihrer eigenen App zu erstellen, oder laden Sie Johnys Projektdateien herunter, um sofort loszulegen!
Die wichtigsten Lektionen behandeln Folgendes:
- Die Design-Entscheidungen hinter den von Ihnen geliebten Anwendungen verstehen
- Erste Schritte mit Schlüsselprogrammen wie zum Beispiel Sketch, InVision und Principle
- Verleihen Sie Ihren Entwürfen Persönlichkeit, indem Sie sich von der realen Welt inspirieren lassen.
- Testen Sie Ihre Ideen und stellen Sei sich Ihren Mitarbeitenden und Kunden vor.
Außerdem stellt Johny Sie mit Profi-Tipps, die er auf seinem Weg vom traditionellen Kreativen zum digitalen Designer gesammelt hat, auf Erfolg ein!
Ganz gleich, ob Sie Ihre Fähigkeiten erweitern, Ihre Kunden beeindrucken oder Ihre große Idee auf die Probe stellen möchten – am Ende des Kurses werden Sie die Werkzeuge und das Selbstvertrauen haben, die Sie brauchen, um Ihre Kreativität zu entfesseln, Ihre Vision zu vermitteln und elegante, unvergessliche mobile Erlebnisse zu schaffen!
Meet Your Teacher
I'm an energetic designer who combines rapid prototyping, interaction, motion, and visual design to transform thorny problems into elegant solutions. Specialized in humanizing user experience.
My work goes beyond conventional interaction patterns and visual styles. I specialize in consumer products that distill complex data into simple and beautiful visualizations. With my extensive experience working in tandem with engineers, executives, and marketing teams, I know how to ensure user needs are aligned with business goals.
Things that put a smile on my face:
Volleyball, skateboarding, architectural photography, strawberry ice cream, and fried chicken! :)
See full profilePraxisnahes Kursprojekt
Share your product walkthrough!
No matter where you are in your process, share your app idea, sketches or completed walkthrough video with the community. We can’t wait to see what you create!
Some questions to consider:
- Think about your favorite app. Applying Johny’s principles, why do you think its so compelling?
- How do you want people to feel when they use your app? How do you plan to test it?
- Was this your first time working in Sketch, InVision or Principal? Which step of the process was most useful for you?
Resources
- Connect with Johny on his website, Facebook, Instagram, Twitter, YouTube and Dribbble
- Downloads:
- Check out Johny’s finished product walkthrough video
- Follow along with Johny’s project files from Sketch and Principal
- Download the fonts for Johny’s project
- Review the assumption mapping framework
- Download the iPhone mockup template
- Download and customize the Keynote presentation template
- Programs Used:
- Sketch - Prepare your design
- InVision's Craft app - Test your initial design on mobile
- Number Artboards plugin – Simplify moving from Sketch to Principle
- Principle - Add flow and interaction
- Additional resources:
Explore More Classes on Skillshare
- Intro to Mobile App Design with Sketch 3 — Andrew Mercando
- Mobile App Prototyping: Designing Custom Interactions — Noah Levin
- Mobile App Design: Simple Tools to Rapidly Prototype Your App Idea — Ronnie Peters
- Design Thinking: How to Use Creative Problem Solving for Better Design — Andy Budd
- Intro to UX: Conducting Smart User Research — UserTesting
Kursbewertung
Warum lohnt sich eine Mitgliedschaft bei Skillshare?
Nimm an prämierten Skillshare Original-Kursen teil
Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen
Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare