Back to Browse

My Power Apps UI Design Process #PowerAppsDesign

31.8K views
Jan 6, 2022
27:42

#PowerAppsDesign In this video we'll learn together as I share my Power Apps UI Design process. You'll see a real life example of the steps that I take to build out the user interface and branding for my Power Apps applications. I'll cover the main approaches you can take to building a Power App (data first or design first) and which one I choose. We'll use the word puzzle game Wordle as our inspiration app to re-create in Power Apps. Join me on this Power Apps UI Design journey to learn some of the tips and tricks that I follow to mimic and create a beautiful user experience! You'll learn how to integrate SVG's for better graphics, how to find inspiration, explore the out of the box styling options, how to use browser tools to lookup styles and much more! OTHER VIDEOS YOU MAY LIKE: 💠 1 Thing to Do for Better Looking Power Apps: https://youtu.be/vh9X2cwmzAQ 💠 Build a Beautiful Power Apps People Picker: https://youtu.be/SRKHfv4XYJE LINKS 🔗 Power Apps Cavas App UI Design Learning Path: https://aka.ms/PowerAppsCanvasUI 🔗 Dribbble - Design Inspiration Site: https://dribbble.com/ Table of Contents: 00:00 - Intro 01:02 - Common Approaches to Building a Power Ap 03:12 - Step 1: Getting Design Inspiration 04:22 - Step 2: Choosing the right format 06:06 - Styling a Label Control 08:36 - Tip: Naming Convention for Controls 09:43 - Dynamically Align Controls 15:03 - Using Browser Tools to Get Styles 17:09 - Changing Screen Background in Power Apps 18:41 - Working with Fonts 20:39 - Tip: Searching for Icons 21:28 - How to use SVG's in Power Apps 26:08 - What's Next?

Download

0 formats

No download links available.

My Power Apps UI Design Process #PowerAppsDesign | NatokHD