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: Freebies, Web Design, Techniques, Inspiration, Business

Logical Breakpoints For Your Responsive Design

There are several tactics for deciding where to put breakpoints in a responsive design. There is the rusty idea that they should be based on common screen sizes, but this doesn’t scale well. There are no “common” screen sizes. Another popular tactic is to create a breakpoint wherever the layout breaks.

Logical Breakpoints For Your Responsive Design

This sounds much better. But it still leaves us with the question, How do you determine whether the layout is broken? One logical answer is to look at classic readability theory and to define our breakpoints based on that.

Read more...

Creating Exciting And Unusual Visual Hierarchies

Layout, for both print and screen, is one of the most important aspects of graphic design. Designs that extend across multiple pages or screens, whether containing large or small amounts of type, must be carefully controlled in a way that is enticing and is easy for all to access.

Creating Exciting And Unusual Visual Hierarchies With Typography

Careful control of visual hierarchy is a key aspect of the design decisions we have to consider. In this article, we will look at how frequently type needs to be broken down into different levels, such as topic, importance and tone of voice.

Read more...

There Is No Mobile Internet!

It’s time to stop thinking about the Internet and online communication in the context of a device, be it desktop, tablet or mobile. Advances by Google and Apple have heightened consumer expectations, which now require stricter focus from us to create seamless online communications — communications that work everywhere and that get their point across.

There Is No Mobile Internet!

We need to embrace a device-agnostic approach to communicating with connected consumers and forget the idea of a "mobile Internet". There is only One Web to experience.

Read more...

Bringing Angry Birds To Facebook

There’s no avoiding those Angry Birds. They are, quite literally, everywhere: toys, snacks, cartoons, plush toys and that wildly addictive game that seemingly everyone has downloaded at some point — 1 billion of us last year alone.

Bringing Angry Birds To Facebook

2012 was another landmark year at the Angry Birds aviary, otherwise known as Rovio. The Finnish-based developer not only released a slew of tie-ins — from Green Day to Star Wars — but also went social.

Read more...

Case StudyThe Evolution Of The BEM Methodology

This case study is about the evolution of the BEM, a methodology that enables team members to collaborate and communicate ideas using a unified language that consists of simple yet powerful terms: blocks, elements, modifiers.

The History Of The BEM Methodology

Learn about the challenges that a big company faces when gradually building an entire ecosystem of services with an ever-growing team of developers.

Read more...

Designing For The Reading Experience

With the rise of Web fonts as well as affordable hosted Web font services and ready-made kits, typography is reclaiming its title as design queen, ruler of all graphic and Web design. At the same time, for far too many designers, the main concern about typography today seems to be aesthetic in nature.

Designing For The Reading Experience

The problem is, we tend to use typography and lettering as two interchangeable terms, which they are not. The allure of well-executed lettering — and, boy, I could spend hours just looking at lettering portfolios! — can affect the way we view typefaces, because both typography and lettering share common visual concepts.

Read more...

Opinion ColumnWhy Responsive Web Design Has To Win Out

When considering a mobile Web strategy and weighing responsive Web design against a separate mobile website, the most important metric is how functional the website is for the user. This goes beyond better content organization for smaller screens.

Responsive Web Design: Planning for the Future

Mobile (and desktop) websites should be easily found, easily shared, fast loading, easy to maintain and easy to build on. If we keep that in mind, considering where the Web is today and where it looks to be going, there are many compelling arguments for responsive Web design.

Read more...

↑ Back to top