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

“Type Design Is Not Only About Drawing Letters”

Having started his career studying under some of the best typographic minds in the world, Khajag Apelian not only is a talented type and graphic designer, unsurprisingly, but also counts Disney as a client, as well as a number of local and not-for-profit organizations throughout the Middle East.

Type Design Is Not Only About Drawing Letters

Even more impressive is Khajag’s willingness to take on work that most people would find too challenging. Designing a quality typeface is a daunting task when it’s only in the Latin alphabet. Khajag goes deeper still, having designed a Latin-Armenian dual-script typeface in four weights, named "Arek", as well as an Arabic adaptation of Typotheque’s Fedra Display.

Read more...

Design Principles: Visual Perception And The Principles Of Gestalt

This article is part of a new series about design principles that can serve both as a refresher for seasoned designers and reference for newcomers to the industry. Hopefully, the content covered here isn't too obvious and self-explanatory, but it's always great to have a nice quick refresher every now and again, isn't it? — Ed.

In 1910, psychologist Max Wertheimer had an insight when he observed a series of lights flashing on and off at a railroad crossing. It was similar to how the lights encircling a movie theater marquee flash on and off.

Design Principles: Visual Perception And The Principles Of Gestalt

To the observer, it appears as if a single light moves around the marquee, traveling from bulb to bulb, when in reality it's a series of bulbs turning on and off and the lights don't move it all. This observation led to a set of descriptive principles about how we visually perceive objects. These principles sit at the heart of nearly everything we do graphically as designers.

Read more...

Off The Beaten Canvas: Exploring The Potential Of The Off-Canvas Pattern

The off-canvas flyout menu has taken over as the primary navigation pattern for mobile layouts — even some desktop layouts have jumped on board. And for good reason: An off-canvas menu is a great way to maintain context while giving the user a lot of additional information.

Off The Beaten Canvas: Exploring The Potential Of The Off-Canvas Pattern

In this article, we’ll talk about why off-canvas has become so successful as a navigation pattern and show its potential to be so much more. From filters on product list pages to shopping carts to lists of recently viewed articles, the potential of this pattern is bound only by our drive to pioneer. It’s time that we explore just how far off canvas we can go.

Read more...

Responsive Design Frameworks: Just Because You Can, Should You?

Responsive design is about building a website with a grid-based layout, images that resize and media queries, as described by Ethan Marcotte. After Marcotte defined the technique, responsive design frameworks began to emerge that incorporated these principles.

Responsive Design Frameworks: Just Because You Can, Should You?

Mostly based on CSS and JavaScript, many of these frameworks are open-source, free to download and quickly customizable. Some of the most popular today are Bootstrap and Foundation, which we’ll focus on in this article. As responsive design frameworks became popular, a big debate emerged: Why would a professional designer use a responsive design framework?

Read more...

Smashing Book #4: Behind The Scenes

If you’re a graphic designer, you will often have to work with off-the-shelf material created by others — for instance, combining ready-to-use fonts with images from a photographer or stock website. Also, you’ll often have to follow the branding already developed by someone else.

Smashing Book #4: Behind The Scenes

It’s OK; it’s a part of the job, and you shouldn’t be bothered by it. But the part of a project that almost every graphic designer likes and is proud of the most is something that you can do from scratch, something that you have control over and can sign off on confidently: illustration.

Read more...

Freebie: Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI)

Everyone loves a good, clean and simple icon set. Today, we're honored to present to you a set of 60 vector round icons which was cleverly designed by the creative trio at Roundicons and released exclusively for Smashing Magazine and its readers. Crafted with great attention to detail, this icon set is extremely easy to use and will most probably be the next ultimate resource for any one of your design projects.

Freebie: Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI)

This freebie contains 60 icons that can be used for free without any restrictions and serve various design purposes. You can use the icons in your commercial as well as your personal works. Feel free to modify the size, color or shape of the icons. No attribution is required. However, reselling of bundles or individual pictograms is not allowed.

Read more...

How I Work: Meetup’s Andres Glusman On The Power Of UX And Lean Startup Methods

Welcome to another interview in the “How I Work” series. These interviews reveal how leading thinkers and creators on the Web design, code and create. The goal is not to get into the nuances of their craft (that information exists elsewhere online), but rather to step back and learn a bit about their habits, philosophies and workflow for producing great work.

How I Work: Meetup's Andres Glusman On The Power Of UX And Lean Startup Methods

This time, we’re speaking with Andres Glusman, of Meetup, a company that uses the efficiency of the Internet to conveniently connect people offline. Andres works as the VP of Strategy, Product and Community in Meetup’s New York City office. In this piece, he shares with us how the company uses User Experience (UX), Lean Startup methods and innovative ways of organizing interdisciplinary teams to fuel the company’s consistent growth.

Read more...

↑ Back to top