https://github.com/kanugurajesh/ui-design-practice-scrimba

documenting my learning in my github repo
https://github.com/kanugurajesh/ui-design-practice-scrimba

html-css responsive ui-design

Last synced: about 2 months ago
JSON representation

documenting my learning in my github repo

• Host: GitHub
• URL: https://github.com/kanugurajesh/ui-design-practice-scrimba
• Owner: kanugurajesh
• Created: 2024-07-08T08:42:54.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-08T11:26:40.000Z (6 months ago)
• Last Synced: 2024-07-09T11:15:21.318Z (6 months ago)
• Topics: html-css, responsive, ui-design
• Language: CSS
• Homepage:
• Size: 30.3 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# UI Design Practice - Scrimba

This repository focuses on fundamental principles of UI design to help create aesthetically pleasing and user-friendly web interfaces. Below are key aspects of UI design explored in this practice:

## 1. White Space

White space, or negative space, is crucial in UI design. Proper use of padding, margin, and line-height can significantly enhance the visual appeal of a website by making it more organized and readable.

## 2. Color

Color is a vital element in design as it sets the tone and mood of the webpage. Effective color schemes can evoke emotions, highlight important elements, and ensure brand consistency.

## 3. Contrast

Contrast involves the difference in color and brightness between the background and elements. Proper contrast ensures that text and other elements are easily distinguishable, enhancing readability and accessibility.

## 4. Scale

Scale refers to the size of elements on a webpage. Proper scaling ensures that important elements are prominent, while less critical components are appropriately sized to create a balanced layout.

## 5. Alignment

Alignment is the arrangement of elements in a straight line or correct relative positions. Proper alignment avoids a chaotic, zigzag layout and contributes to a clean and professional look.

## 6. Typography

Typography deals with the style, arrangement, and appearance of text. The choice of fonts and their sizes can significantly impact the overall design, readability, and user experience.

## 7. Visual Hierarchy

Visual hierarchy involves arranging elements in a way that indicates their importance. Larger and bolder elements are perceived as more important, guiding the user's attention through the content logically.