How to Create Responsive UI Grids | Learning Design Ep. 2

preview_player
Показать описание
This episode of Learning Design talks about the importance of having a solid Grid System when designing an app. You’ll be surprised how easy and game-changing it is to create and follow a grid system. In this video, you’ll know how!

-- Useful Articles --

Timestamps:
00:00 Intro
01:18 Why a Responsive Grid?
02:34 The 8-point and 4-point Grid
04:57 Setting Up Your Responsive Grids in Figma
12:38 Demonstration
21:35 Outro

MY FREE ONLINE COURSE:

CWC+ PROGRAM:

WEEKLY UPDATES VIA EMAIL:

CONNECT:

ABOUT CODEWITHCHRIS:

DID THESE LESSONS HELP YOU?

ROADMAP:
  1. CodeWithChris
  2. Figma tutorial
  3. figma for beginners
  4. learn figma fast
  5. design fast in figma
  6. figma components
Рекомендации по теме
Create Responsive Website 0:13:46

Create Responsive Website Designs | Figma Tutorial

Practical Guide to 0:04:14

Practical Guide to Responsive Design

Building Responsive UI 0:24:01

Building Responsive UI Components in Figma

🖥📱RESPONSIVE DESIGN • 0:08:03

🖥📱RESPONSIVE DESIGN • Flutter Tutorial

Make an Entire 0:10:55

Make an Entire Layout Responsive in Figma - In 10 Minutes

5 simple tips 0:15:54

5 simple tips to making responsive layouts the easy way

How To Make 0:10:18

How To Make ANY Design Responsive in Figma

Perfect Responsive Grid 0:16:23

Perfect Responsive Grid Systems Masterclass | UI Design & Figma Tutorial

Complete Responsive ANDROID 1:01:42

Complete Responsive ANDROID DEVELOPER Website using ELEMENTOR | Wordpress Tutorial 2024🔥🔥🔥

Responsive vs. Adaptive 0:04:07

Responsive vs. Adaptive vs. Fluid Design: What's the Difference?

Responsive UI in 0:02:46

Responsive UI in UNITY Tutorial | How to make UI fit any resolution

Responsive Design in 0:20:47

Responsive Design in Figma: Crash Course 2023

Responsive Design | 0:10:21

Responsive Design | Tutorial

🖥📱Responsive Dashboard UI 0:29:33

🖥📱Responsive Dashboard UI • FLUTTER Tutorial ♡

Figma Tutorial: Setup 0:11:10

Figma Tutorial: Setup a Responsive Grid Layout for UI & Web Design (IN 11 MINUTES)

Make Your Website 0:33:16

Make Your Website Design Fully Responsive | Figma Tutorial

Compose: Implementing responsive 0:18:28

Compose: Implementing responsive UI for larger screens

Material UI 5 1:15:41

Material UI 5 (MUI) React Tutorial | MUI Responsive Real Project

Figma Plugin For 0:00:25

Figma Plugin For Responsive designs

How To Design 0:10:45

How To Design RESPONSIVE UIs With AUTO LAYOUT and Fill Container (Figma Tutorial)

Responsive Design Beginner's 0:19:20

Responsive Design Beginner's Tutorial for Figma

Responsive Design in 0:14:03

Responsive Design in React Native | Responsive UI | React Native Tutorial

Building a Responsive 0:38:52

Building a Responsive Dashboard UI App with Flutter | Step-by-Step Tutorial

Flutter Tutorial - 0:33:19

Flutter Tutorial - Super Quick Way To Create Pixel Perfect Responsive UI

Комментарии
Автор

Hey Chris I watched your videos on how to make an app for beginners. I watched 1and 2 it was great. I currently have a pc and I wanted to know what is the most cost efficient MacBook that I can purchase to start making apps. Thank you

prettyboy
Автор

is this any different to learn even if i don't have ios nor macos nor appleos? if i have windows 7. does that make a difference?

MaryAnnRegaladoVasquez
Автор

what do you refer SwiftUI or StoryBoard?

toxirgc