digitalnotes
CtrlK
  • Hi, I am Tanmayi
  • aws-ai-practitioner
  • AWS Certified Developer Associate
  • Clean Code
  • css-learning
    • notes
      • CSS-101-Notes
      • CSS-102-Notes
      • CSS-103-Notes
      • Cascading and Speficity
      • Value Processing and Inheritance
    • assignments
      • Week 1 Assignment
      • CSS-102
      • CSS-103
      • CSS-104
      • Assignment 5
    • solutions
      • CSS-101
        • CSS-101
      • CSS-104
      • Assignment 5
  • Docker - Containerisation for Modern Development
  • Web Development Learning Resources
  • GraphQL Course Notes
  • Leadership and Communication Skills
    • The 15 ways that you can talk to Toxic People
  • owasp-security-controls
    • master-owasp-web-application-security
      • certificate
    • owasp-proactive-controls-2016
      • OWASP Proactive Controls 2016
        • certificate
  • React
  • Optimize Resume for Applicant Tracking System (ATS)
  • the-art-of-portrait
  • UI UX Design
    • ui-ux-design-concepts
    • UI Design Fundamentals
      • White Space
      • Alignment
      • 03-design-challenge-1
      • Contrast
      • Scale
      • 06-design-challenge-2
      • 07-typography
      • Color
      • Design Challenge 3
      • Visual Hierarchy
      • Design Challenge 4
      • Design Challenge 4
  • azure-certifications-notes
    • Practice Test 2
  • javascript
    • Javascript : Guess the Output
    • object-oriented-programming
      • JS OOPs Practice Challenges
Powered by GitBook
On this page
  • Old Design
  • New Design
  1. UI UX Design
  2. UI Design Fundamentals

Alignment

Alignment in UI design in the process of ensuring that every element is positioned correctly in relation to other elements.

Each element in the UI defines a series of rows and columns.

alignment-issue-visible
alignment-issue-fixed

Old Design

alignment

New Design

alignment
PreviousWhite SpaceNext03-design-challenge-1

Last updated 6 months ago