Design Principles

Le 10 euristiche di Nielsen sono uno dei sistemi di valutazione più usati nel campo dello UI design: un metodo rapido e strutturato per valutare una UI.

What are design tokens?

We are fortunate to be a part of web design as it reaches maturity. With advances in technology and prominent bloggers publishing great information on design concepts such as using grids, baselines…

Learn the fundamentals of UX & UI Design.

Back in 2006, I found myself organising piles of documents to start my first year of practice as an art teacher. I was part of a special…

In 2020, knowing the basics of CRAP design can help you create a better user experience. In this post, learn about CRAP design fundamental principles.

Atomic design is now over 6 years old (which is nuts!). I'm thrilled that all these years later the methodology continues to help teams think of their user interfaces as a hierarchical, interconnected set of components that build real product screens. I thought I'd be sick of talking about th

How to make optically balanced icons, correct shapes alignment, and perfect corner rounding

At first glance, everything looks fine... Circle is 2p and square behind has rounded corners of 1p but if the stroke is removed, there is clearly some inconsistency. What is the reason for this beh...

This graph shows the stats of screen resolutions in Italy based on over 10 billion monthly page views.

Laws of UX is a collection of the maxims and principles that designers can consider when building user interfaces.

A comprehensive design guide for sizing and resolutions across all devices.

How pixel density works and how it affects your designs.

Indicates your screen's current density. It's actually quite easy to detect the pixel density with just a little CSS. By modifying the same @media query slightly we can get pretty accurate density con...

The simplest reason as to why 'above the fold' is a myth.

Mega è un prefisso SI che esprime il fattore 106, ovvero 10002 = 1 000 000, ovvero un milione.[1] Il suo simbolo è M.[1]

Un pixel (termine derivato dalla lingua inglese, contrazione della locuzione picture element), nella computer grafica, indica ciascuno degli elementi puntiformi che compongono la rappresentazione di...

Let's define megapixels in a way that eliminates the mystery and explains why you may or may not want more.

DPI or Dots Per Inch is a measure of spatial dot density initially used in print. It's the number of...

Atomic design is a methodology for crafting effective design systems