When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

UI/UX Design
SkillShare logo

Create A Grid System (UI Bootcamp Week 6)

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
Create A Grid System (UI Bootcamp Week 6)

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 27 mintues
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Create A Grid System (UI Bootcamp Week 6)

Intro

Geometry

Types of Grid

Importance of Grids

Box Modal

Flex Box

Css Grid

Responsive vs Fluid

Anatomy of a Grid - Part 1

Anatomy of a Grid - Part 2

Summary

Align to Grid

Embedded Grid

Building our Grid - Part 1

Building our Grid - Part 2

Building our Grid - Part 3

Summary

What You Will Learn?

  • The most crucial aspect to form a great user experience is having a beautifully crafted user interface. Some small changes to your aesthetics can have a huge impact on the experience of your users.If you're designing using a web application, you're making decisions about typography, colour and composition. These will affect the branding, style, usability and user experience of your application. You're already making these decisions but are you aware of their impact. Very subtle use of typography and colour can have enough personality that we don't need any other visuals. We can give life to a dull block of text and it can make it easier or harder for our user to read. Getting a few simple choices right can make or break the application..
  • Week 6: Create A Grid SystemThe types of grids used in design and some of the technical limitations for modern application design.How to ensure we set up the grids in our design software to work when developing applications..
  • Is this course for me?Ideally, you'll already have spent some time designing websites and/or applications. Every aspect of the course is created with beginners in mind but you may find you get more out of the course if you've already created some designs. You'll also ideally need to know how to use some design software. I recommend Figma, but Adobe XD, Invission Studio, Sketch or some similar software will also be okay..
  • The course is created with designers in mind but it may also be of interest to front-end developers or product owners. .