BonFX

Typography & Graphic Design Blog

Responsive Design in UX

by

Responsive design infographic illustration UX

Taken from “UX for Cats” (14 of 50)

 

Responsive Design

  • Responsive Web Design is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes by changing their layout and content.
  • It aims to provide optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices.
  • This approach is essential in a time when mobile devices are commonly used as many user’s primary access to the web.

Mobile First Design for UX

by

Mobile first infographic illustration UX

Taken from “UX for Cats” (13 of 50)

 

Mobile First Design

  • Mobile First Design is a design strategy that starts by designing for the smallest screen sizes and progressively enhancing the design for larger screens.
  • The approach is based on the idea that it’s easier to scale a design up for a desktop than to simplify a desktop design for mobile.
  • Mobile First Design ensures that the site is accessible and provides a good user experience on mobile devices, which are increasingly the primary device for internet access.

Color Theory in UX

by

Color theory infographic illustration UX

Taken from “UX for Cats” (12 of 50)

 

Color Theory

  • Color Theory is a set of principles used by designers to choose, combine, and apply colors.
  • It’s a vital part of visual design, helping to communicate messages, evoke emotions, and guide users through an interface.
  • Understanding color theory can help designers create visually pleasing and effective designs while also being inclusive of users who may have disabilities.

Typography in UX

by

Typography infographic illustration for UX

Taken from “UX for Cats” (11 of 50)

 

Typography

  • Typography is the art and technique of arranging type to make written language legible, understandable, and appealing when displayed.
  • It involves the selection of typefaces, point size, line length, line-spacing, letter-spacing and other factors.
  • Good typography can influence the reader’s mood, cognitive load, and perception of the content in a positive way that leads to a good user experience.

Visual Design for UX

by

Visual design infographic illustration UX

Taken from “UX for Cats” (10 of 50)

 

Visual Design

  • Visual Design refers to the aesthetics of a product and how it improves user experience by organizing all the elements and data in a design in a way that is pleasing to the eye.
  • It involves the use of colors, shapes, images, typography, and form to enhance usability and improve user experience.
  • A well-designed product can guide users through a system and influence their feelings towards the product.