Category: Design

This category features articles on general design principles, Web design, typography, user interface design and related topics. It also presents design showcases and practical pieces on the business side of design. Curated by Alma Hoffmann.

Popular tags in this category:

Web Design Typography Inspiration Downloads Freebies

An In-Depth Overview Of Living Style Guide Tools

Following the market's demand for minimalistic and consistent UIs, and the growth in modular web development, we tend to pay more and more attention to documentation and the efficiency of designer–engineer workflow with each project we undertake. Also, since the documentation process is often the weakest spot for modern web teams, we're constantly looking for the right tools to help us.

An In-Depth Overview Of Living Style Guide Tools

Living style guides help front-end developers transform front-end codebases into well-described pattern libraries with the minimum of effort. But to make them really efficient, we need to choose the proper tools — so let’s have a closer look at what our community has to offer.

Read more...

How Being In A Band Taught Me To Be A Better Web Designer

Recently, I was having a discussion with some web design students about the variety of skills a successful web professional must have — skills that go far beyond HTML, CSS, JavaScript and the other technical demands of the profession. During this conversation, one of the students asked me where I learned these skills. My response was not one the class expected.

How Being In A Band Taught Me To Be A Better Web Designer

“By playing in a band,” was my answer. Now, I am not suggesting that all web designers should run out and join a rock and roll band (although there is a glaring shortage of songs about the CSS box model). I do know, however, that many of the skills I honed while playing in a band have contributed to my success as a web designer — as much as, if not more than, my ability to write clean code or design an attractive web page. In this article, I'll describe how being in a band taught me to be a better web designer.

Read more...

Part Five Design Principles: Dominance, Focal Points And Hierarchy

Has a client ever asked you to make the logo bigger? Maybe they asked that just after you completed their request to make a heading bigger. The new heading stands out, but now the logo is too small in comparison and isn’t getting noticed. The clients wants to make the logo bigger.

Design Principles: Dominance, Focal Points And Hierarchy

Of course, now that the logo and heading are bigger, both are going to attract more attention than the main call-to-action button, which will need to be made bigger. And once the button is bigger, the heading is going to start looking small again.

Read more...

Design Last

How does one design and develop for the responsive web? A lot of methodologies out there try to tackle this problem, but all of them rely on the same classic website development process. It boils down to the following: design and then develop.

Design Last

Let’s go nuts and flip this outdated methodology on its head. Before we start flipping things around, let’s take a quick stroll down memory lane, just so we know where we’ve come from and where we are now.

Read more...

On China’s Bleeding Edge: Web Design Trends 2015

There are many parallels between the volatility of the web industry and China’s breakneck rate of change: For one thing, it’s hard to keep a finger on the pulse of either. But add the two together and you get China’s tech scene, a virtual landscape in such constant flux that our only hope of keeping pace is to look as far into the future as we’re able, try to discern what’s coming, and brace for impact.

On China’s Bleeding Edge: Web Design Trends 2015

Make no mistake: The Chinese web is in some ways a different place than the web you’re used to — particularly in two or three crucial respects — and user expectations are not quite the same as they are in the West. In this article, I’ll examine the things all web professionals should know before swan-diving into the Chinese market, including how mobile-only social platforms have become the revolutionary new frontier of Chinese web design, and who’s designing beautiful websites in China today.

Read more...

How To Transform Your Problem-Solving And Creativity

Think of all the people you know who inspire you, whether family and friends or public figures. Who are the most interesting, engaging and stimulating to be around? The ones with the great ideas and energy for life? These people almost certainly always ask questions and have an insatiable thirst to learn new things.

How To Transform Your Problem-Solving And Creativity

According to Donald N. MacKinnon, who is considered to be a world-leading researcher on creativity: "Creative people have considerable cognitive flexibility, communicate easily, are intellectually curious, and tend to let their impulses flow freely."

Read more...

A Frank Lloyd Wright Approach To Digital Design

Frank Lloyd Wright was a century ahead of his time. He was a pioneer, an avant-garde architect who broke free of the traditions of his era. His views on materials, form, function, space and environment define his iconic works. These ideals and principles are still used in architecture today, and his buildings have stood the test of time, remaining relevant even in today’s digital age.

A Frank Lloyd Wright Approach To Digital Design

I find a lot of inspiration in Wright’s timeless work. As designers, we’re frequently asked to create digital experiences (especially in software) that will have a lifespan of 5 to 10 years. This is an eternity in “digital” time, and it has made me ponder the future. What kind of devices will people be using in the next few decades? What interaction patterns will we be using in 25 years? 50 years?

Read more...

Part Four Design Principles: Visual Weight And Direction

Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.

Design Principles: Visual Weight And Direction

We refer to this force as visual weight and to the perceived direction of visual forces as visual direction. Both are important concepts to understand if you want to create hierarchy, flow, rhythm and balance in your composition.

Read more...

↑ Back to top