You know, we use ad-blockers as well. We gotta keep those servers running though.
Did you know that we publish useful books and run
friendly conferences — crafted for pros like
yourself? E.g. our upcoming SmashingConf Barcelona,
dedicated to smart front-end techniques and design patterns.
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.
Wherever we turn online, typography jumps out at us — sometimes literally, with the assistance of some clever coding. And now more than ever, we are seeing greater focus on this design element and its varied implementations around the Web. With the growing popularity of font embedding services and @font-face, typography is the talk of the town, but even though it is a regular topic among communities, not all of our typographic efforts are successful. Sometimes we swing for the fences, only to miss or fall short.
This is what brings us together today. We have looked around the Web and checked some of the many typographic choices of website owners — some of which are successful, others not so much. Below is a selection of some elegant and interesting websites. We will critique the typography on them, in order to explore how we can improve the type on our own websites. Look through them to see whether you spot any typographical trespasses that you may have committed yourself.
Plenty of creative business card showcases are available out there. Many of these are beautifully done and well thought out, and they serve as inspiration for those who would like their business card to be more than the standard rectangular piece of paper. Yet little explanation accompanies these examples, and figuring out just how to bring your idea to life can be overwhelming, to say the least. This guide is meant to help you decide which technique is right for you, how to correctly prepare the files and what to look for in a printer.
I never tire of repeating this to anyone who will listen. Don’t base your business card design on the fact that your printer has a special limited-time offer on round corners or metallic inks. Think in terms of what the design will add to your message. Tempted to use rounded corners just because the cool kids are doing it? Maybe your card would stand out more by not using this technique.
You may be interested in the following related posts:
To mock-up the user interface of a website, software or any other product, you'll need some basic UI elements. And this is where wireframing kits and UI design kits come in handy. When you want to create a low-fidelity prototype for your projects, you can use these kits to give your idea a certain shape, keeping it abstract and not losing yourself in details.
In this post, we've prepared an overview of useful web and mobile user interface kits, handy PDFs and resources that you can use in your projects. We've carefully selected the most useful kits and resources to get you going in the early stages of a project.
Recently, A/B testing has come under (unjust) criticism from different circles on the Internet. Even though this criticism contains some relevant points, the basic argument against A/B testing is flawed. It seems to confuse the A/B testing methodology with a specific implementation of it (e.g. testing red vs. green buttons and other trivial tests). Let’s look at different criticisms that have surfaced on the Web recently and see why they are unfounded.
Jason Cohen, in his post titled Out of the Cesspool and Into the Sewer: A/B Testing Trap, argues that A/B testing produces the local minimum, while the goal should be to get to the global minimum. For those who don’t understand the difference between the local and global minimum (or maxima), think of the conversion rate as a function of different elements on your page. It’s like a region in space where every point represents a variation of your page; the lower a point is in space, the better it is.
Product photography could well be the single most important design aspect of any e-commerce website. Without the ability to touch, hold, smell, taste or otherwise handle the products they are interested in, potential customers have only images to interact with. Ultimately, the softer, tastier, flashier and more attractive your products look to shoppers, the more confident they'll feel about purchasing from you and the better your conversion rate will be.
While any product can look great in a photo (sometimes deceptively so), keep in mind that your images should match your website’s overall aesthetic and your company’s image. Let’s start with a few great examples of how online retailers have incorporated high-quality product photos onto their websites. In this article, we will focus on images of actual items, rather than models, events or landscapes.
There are well-known proverbs that imply (or state outright) that beauty is superficial and limited in what it can accomplish. "It's what's inside that counts" and "Beauty is only skin deep" are a few simple examples. Because the Web design industry is now flooded with a lot of raw talent, and because virtually anyone can create a "beautiful" website, recognizing a truly beautiful website experience is becoming increasingly difficult. What appears beautiful to the eye might in fact be more of a hindrance.
In this article, I hope to provide a clear demarcation between what is perceived by most to be beautiful in Web design and what is truly beautiful, along with some guiding principles to help designers today create websites whose beauty is not superficial, but rather improves and enhances the user experience.
At one time or another, we are all newbies. That’s right: you can deny it all you want, but not one of us got into this game with a full deck stacked in our favor. We entered as newbies, born fresh after the start screen loaded. However, unlike in a game, we are not immediately launched into a tutorial level to learn the ropes in this new world — what to avoid, how to progress, etc. And if we feel overwhelmed by our newbie status, we may not be able to find our way to the tutorials and guides that the community has put together to help us sort all of this out. So, feeling very alone in all this is easy.
But this is the great thing about being part of the online development community — that you are never truly alone. Your experience may be unique in its details, but it’s not generally, which is great because the community is very open to sharing its experiences and offering guidance to help newbies navigate the twists and turns we are sure to face as we continue down the developer’s path. In most cases, all you have to do to get some helpful advice is to venture into the social media neighborhoods and ask the community at large. At times, the answers just pour in.
Professionals in any field should always keep business cards on them because you never know when you'll meet a potential client, partner or like-minded person. Despite their small size, business cards are one of the most powerful and handiest marketing tools. Not only do they create a link between you and your new contact, they’re also a quick way to give a great first impression. Business cards promote your skills and achievements and serve as a little container for big ideas.
Don't underestimate the process of designing business cards; a well-made card does not just share your contact details: it generates further sharing and buzz. Like any self-promotion tool, designing a business card requires solid brainstorming and careful implementation to get the best effect.
This post targets a diverse audience. It features a collection of remarkable business card designs that could help you in your search for creative ideas. The round-up of fresh tutorials and business card templates further down might come in handy for those who don’t have the skills or experience to design their own.
Mark Rothko, an American artist who described himself as an "abstract painter", once said that he was not the kind of person interested in the relationship of form, color or similars. He didn't define himself as an abstractionist, but rather as a person interested only in expressing basic human emotions such as doom, tragedy, ecstasy and so on. This was one person's vision of art, but what do we mean by art today? Why is defining the concept so difficult? [Links checked February/10/2017]
This article is an exploration of the meaning of art and an attempt to understand the relationship between art and artists, with some useful insights via interviews with both traditional and digital artists.
A website is never done. Everyone has worked on a project that changed so much after it launched that they no longer wanted it in their portfolio. One way to help those who take over your projects is to produce a style guide. [Links checked January/16/2017]
Edward Tufte once said: "Great design is not democratic; it comes from great designers. If the standard is lousy, then develop another standard." Although there's no stopping some clients from making their website awful, by creating a style guide, you're effectively establishing rules for those who take over from you.
One thing that can be said about human beings is that we are, by and large, creatures of habit. We establish routines, consciously and subconsciously, that help us accomplish tasks or move us more quickly or comfortably through our day. Habits are formed in the design and development community just as they are in nearly every other professional and personal environment, and they serve any number of purposes. In design and development circles, one established habit is seen with the launch of a website or project.
Naturally, each of us has developed a process that we engage in as we wrap up a project, but a few procedures tend to be used over and over again by the masses. We know this because we ran a poll on this very topic on Twitter. We got many great responses, but the community tends towards a few common practices. We could see as we looked through the list of entries that certain wrap procedures seem to have mass appeal (judging by the number of times they were given as answers), so we began to examine the benefits they offered and what they say about those who fall back on them.
This is the most exciting "Ask the Expert" interview that we've had so far on Design Informer. A few months back, I had the opportunity to speak with Milton Glaser thanks to one of his assistants, Scarlett Rigby. [Links checked January/17/2017]
I was able to ask Milton Glaser some questions about a few different topics such as art, design, education and more. If you're not familiar with Milton Glaser, he is a world renowned graphic designer who is probably most famous for creating the I Love New York logo.