Designing a Storytelling App for Kids - For Beginners

Описание: This video is the second episode of a new design course, perfect for beginners and experienced designers looking for new ideas and inspiration each week. Full Course: https://designcode.io/design-multiple...

We’re designing a fun and creative storytelling app for kids. Unlike apps for adults, kids' apps need a different approach with bold fonts, bright colors, simple navigation, and an easy-to-use interface that feels exciting and natural.

Kids need designs that spark their imagination while being easy to understand. In this episode, we’ll learn about our young audience and what grabs their attention. We’ll explore how to make an app that is both fun and simple to use. From playful visuals to smooth navigation, we’ll cover the key elements of kid-friendly UI and bring stories to life with engaging designs.

My Figma File
➡https://www.figma.com/community/file/...

What you will learn in the full course:

1. Understanding the Target Audience – We’ll explore how kids interact with apps and what makes a design engaging, easy to use, and fun for them.
2. Finding Inspiration– We’ll gather creative ideas from existing storytelling apps and look at different styles that appeal to children.
3. Generating AI Images with Ideogram – We’ll use *Ideogram AI* to create fun and playful illustrations that bring stories to life.
4. Choosing the Right Font for Kids – We’ll learn how to select bold, readable, and playful fonts that enhance readability and engagement.
5. Choosing the Color Palette – We’ll explore how to create bright, cheerful, and visually appealing color combinations suited for kids.
6. Using Variable Colors and Modes – We’ll look at how to implement different color modes, ensuring adaptability for various user preferences.
7. Designing a Neumorphic Button – We’ll create a soft, 3D-style button using neumorphism to make interactions more tactile and engaging.
8. Components and Layouts – We’ll use auto layout to structure the design efficiently, set spacing and padding, and create reusable components with properties for consistency.
9. Structuring the App with White Space – We’ll understand how to use white space effectively to keep the layout clean, uncluttered, and easy to navigate.
10. Creating a Side Menu with Custom Shapes – We’ll design a fun and user-friendly side menu using unique and playful shapes to make navigation exciting for kids.
11. Building Adaptive Layouts – We’ll ensure the app is fully responsive and adaptable across different screen sizes for a smooth user experience.

00:00:53 Choosing the Right Font
00:11:24 Choosing the Color
00:16:30 Variable Colors
00:22:31 Neumorphism Button
00:32:40 Creating Components and Layouts
00:41:35 White Spacing for Visual Hierarchy

Follow me
➡  / sourasith.design  
➡  / titepommee  
➡www.linkedin.com/in/sourasith-phomhome

We’re so glad you’ve chosen to learn with us. We’re here to support you every step of the way, so don’t hesitate to reach out if you need anything. We can’t wait to see what you’ll create!

🪄 Join this channel to watch the entire course on YouTube
➡    / @designcodeteam  

🚀 Follow this course on Design+Code's website
➡ https://designcode.io/ios18

#figma #uidesign #figmadesign