Design

Should logos be SVG or PNG? A screenshot, JPEG or PNG? Understanding how each format works and what are the trade-offs can help answering these questions.

Designed on a 24x24 grid with an emphasis on functionality, consistency and simplicity.

The internet is a tangled mess that’s visually overloaded. There’s so much to look at… and read… and comprehend, that it can be difficult to find focus and figure out what is important. If your design…

Our brains are amazing instruments – but they're not perfect. Tomas shows you how to use cognitive biases to help your design, rather than undermining it.

How many people like filling out forms? I think, not many. It’s not what users want from the service — they just want to buy tickets, chat…

How in the world has shaming users become a marketing trend? Who thinks you can get a positive behavior by insulting users?

Get inspired and create something beautiful.

An op-ed from the front lines of product design at MetaLab.

Many companies still struggle to justify the expense of a professional website service. But the truth is that bad web design will damage your bottom line.

Brush up on your knowledge of image resolution, from pixel size to DPI.

Information density is the amount of information in the form of content that a site visitor is greeted with as soon as he lands on a website or webpage. The greater the information density, the greate…

Tips in the article could be handy for every designer, focused on maximing the usability of his mobile designs for iOS and Android.

A couple of days ago, I wanted to log in into my Mailchimp account, as I usually do, and saw this:

What they are, why you shouldn’t use them and what to do instead.

A little question is a big deal when it comes to shaping people’s experience with your product. How do we ask people for their gender in a…

by Nick Babich

Art direction plays a role in all facets of life. It’s especially important in advertising and magazines. The visuals in ads and magazines often are presented in a way that evokes an emotional reactio…

An intuitive interface doesn't happen by accident. It happens when one of two specific conditions are met. In this article, Jared describes the critical relationship between current knowledge (what th…

Maria Antonietta Perna highlights the benefits of lazy loading images on websites and shows five approaches to implement lazy loading for your website.

Download, Install and Use Free Lightroom Presets by BeArt-Presets

Reusable code is the bedrock of modern web design. With every frontend framework and Sass library out there you can find solutions to any problem. But reusable dynamic elements are still a work in pro…

So recently I switched from Safari to Chrome and I found out that extensions in Chrome are growing at a much faster rate than in Safari…

Modularity, reusability, and scalability are not only coding concepts but you can also make use of them to create better-optimized design systems. Atomic design

Building email templates is down right hard. Building responsive emails is even harder. Luckily, the kind folks over at Zurb have developed a fantastic framework that makes the process of building res…

Layout is a design and WordPress blog covering thought-provoking topics that show you the next step for your business, improve your process, and inspire your designs.

Most of the language we use to describe content on the web is derived from print. Would new terminology help designing for the web

Colors are one of the most important and powerful elements in design. Since design is an evolution, our perception of colors (and the ways…

If “mobile first” is our future, why are almost all the most successful mobile driven businesses building web apps designed for larger screens?

Using the internet shouldn’t be this hard.