Layout and spacing: Getting started with Bubble (Lesson 1.4)

  Рет қаралды 15,481

Bubble

Bubble

Күн бұрын

Section 1 (Lesson 4/10): Designing an intuitive and aesthetically pleasing application involves understanding several core elements, and among the most critical are layout and spacing. This tutorial dives into the principles of organizing elements within your Bubble app to create a user-friendly and visually appealing interface.
In this video, we cover:
• The importance of styling: How to effectively use text, inputs, buttons, and colors to enhance your app's functionality and appearance.
• Layout and spacing fundamentals: Strategies for arranging elements in a logical and aesthetically pleasing manner, ensuring a coherent flow that enhances user experience.
• Practical examples: Demonstrating how these principles are applied in common design scenarios, such as form creation and navigation layout.
Resources folder:
➡ e6387a14ba6d0bf3e823090f8d959...
Bubble editor:
➡ bubble.io/page?type=page&name...
* * * * *
Subscribe to this channel to be the first to hear about new videos!
Bubble is a software development platform that enables anyone to build and launch web applications without writing code. Rather than specializing in one or two aspects of web development (like designing landing pages or building databases), Bubble’s full-stack visual programming interface does it all. That means anyone from first-time entrepreneurs to enterprise-level companies can take an idea from concept to fully functional, scalable reality - faster and cheaper than you could with just code.
Have a question? Please visit bubble.io/support.
Learn more about Bubble:
Homepage ➡ bble.io/XX6u9v
Twitter ➡ / bubble
Blog ➡ bubble.io/blog

Пікірлер: 10
@falabondioli
@falabondioli 2 ай бұрын
Amazing!!! Exactly what I was looking for, you saved my life :) Thank you for this wonderful course!
@ricardomiranda7737
@ricardomiranda7737 10 күн бұрын
The Group Child 1 seems to be inheriting the opacity from the Parent Group. The parent group is blue with 10% opacity. But when I select the Flat color for the Child Group 1, using the same color with 100% opacity, I get the same 10% blue color as the parent. I already checked the index page properties, they're at 100% opacity.
@danielmaina4942
@danielmaina4942 2 ай бұрын
I've noticed there's an opacity issue, changing the opacity of the group affects all elements inside it but setting the opacity of the color of the group does not...
@optimum1971
@optimum1971 Ай бұрын
Thank you
@Samurai.Shortcut
@Samurai.Shortcut Ай бұрын
I found a solution - "View" menu (top right menu bar) > "X-ray mode" was enabled by default. Turn it OFF.
@danielmaina4942
@danielmaina4942 Ай бұрын
@@Samurai.Shortcut great!
@niku9596
@niku9596 3 ай бұрын
👍🏻💫
@chaoscowrhn
@chaoscowrhn 2 ай бұрын
I don't have the labels showing like he does for the elements on the design page, is this a browser thing or a setting?
@mejones73
@mejones73 Ай бұрын
I'm unable to change the opacity % for the background color at 3:25 in the video. If I change the value of the color, it's editable, but if I use the value indicated in the Style Value, the % is fixed at 100. Does anyone have any suggestions on how to resolve this?
@mejones73
@mejones73 Ай бұрын
Got it. The value is not "selectable," just need to type in "10"
Styles: Getting started with Bubble (Lesson 1.5)
7:46
Bubble
Рет қаралды 11 М.
Learn Bubble.io in 30 Minutes
28:45
Jesse Showalter
Рет қаралды 41 М.
He sees meat everywhere 😄🥩
00:11
AngLova
Рет қаралды 12 МЛН
路飞被小孩吓到了#海贼王#路飞
00:41
路飞与唐舞桐
Рет қаралды 67 МЛН
Incredible magic 🤯✨
00:53
America's Got Talent
Рет қаралды 68 МЛН
Вечный ДВИГАТЕЛЬ!⚙️ #shorts
00:27
Гараж 54
Рет қаралды 14 МЛН
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 751 М.
The Evolution of Web Apps 1992-2024
14:01
Dylan Beattie
Рет қаралды 15 М.
Useful & Responsive Layouts, no Media Queries required
11:03
Kevin Powell
Рет қаралды 171 М.
Bubble for Beginners: How to Get Started With Your First No Code App
57:42
Coaching No Code Apps
Рет қаралды 3,9 М.
If I Were Launching a Bubble App in 2024, This is What I'd Do
11:44
Coaching No Code Apps
Рет қаралды 21 М.
Navbar: Getting started with Bubble (Lesson 1.10)
23:12
Bubble
Рет қаралды 7 М.
How ChatGPT Built My App in Minutes 🤯
8:28
Website Learners
Рет қаралды 2,1 МЛН
world's shortest UI/UX design course
6:53
Juxtopposed
Рет қаралды 1,1 МЛН
Battery  low 🔋 🪫
0:10
dednahype
Рет қаралды 1,3 МЛН