Menu Search
Jump to the content X

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:

The Dying Art Of Design

Progress is good, but we need to make sure that we're progressing in the right direction. Our fundamental skills and the craft of design have started to take a back seat. Using the right tools and techniques is certainly an important part of design. But do our tools and resources make us better designers? Taking a close look at the current state of design, we can see that sometimes modern design tools and processes do more harm than good.

Article Cover

Please note that in preparing this article, we presented basic questions to designers, from beginner to expert, in an unscientific poll. Close to 600 designers participated.

As a teenager, I loved comic books: the art, the stories, the super-powers I wished I had. I remember the point when I went from reading and enjoying comics to wanting to create them. I became obsessed with being able to draw exactly like the great comic book artists of that time, people like Jim Lee.


The Basics of Business Card Design

A business card in some cases is the most important marketing piece that a company will have. It has the potential to make or break business deals, and is just as important as the way you present yourself during a first impression. In this post, we will cover some of the basics such as typography, layout, object placement and printing standards when designing a business card.

Before you move too far into a fresh design, printing standards should always be considered. Most printing companies now require files to have appropriate bleeds and margins or your might get an email to upload new files and in some cases, incur extra fees. To correctly set up your design, you need to download or create a template. There are two ways to establish what type of template you are going to use, and that is whether you are going to have image bleed or not. Bleed is the area in which an image runs off the edge of your design. If your image doesn't bleed then your job just got a little easier. Use a 3.5×2 document. If you are using bleeds, then make sure your template is set up with a 1/8" margin outside the printable area. You can download a sample template here.


Progressive Enhancement And Standards Do Not Limit Web Design

Lately I have been getting bored and annoyed with people getting up in arms against Web standards and the ideas of progressive enhancement, claiming that they hold us back from creating a rich, beautiful Web. There are also claims that these tools limit us from pushing the boundaries of what is possible with today’s technologies.

The problem with claims such as these is that they are based on a misunderstanding of standards and progressive enhancement and ― at least to me ― on arrogance and ignorance about what our job on the Web is. The Web is out there for everybody and is a product and a medium like any other.

For example, I am a big film buff and love good movies. I also understand, though, that in order to fund great movies we have to make money from terrible ones that appeal to the lowest common denominator or rehash ideas that were successful in the past.


Getting Started with Banner Advertisements

Banner ads, also known as display ads or image ads, are image-based advertisements that are widely popular online. Why are banner ads so popular? They are a cost-effective way to allow advertisers to attractively display their products and services online across an array of websites. Additionally, banner ads allow for increased brand recognition and ad targeting.

Before jumping in and creating multiple banner ads there are a few recommendations to review first. You need to take into consideration the size and position of the advertisement, the context of the ad, the call to action, the file size, and other components. Outlined here are recommendations to help you design suitable ads, effective, and profitable advertisements.


Free Printable Sketching, Wireframing and Note-Taking PDF Templates

Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique.

Sketch, Template and Wireframe Printable Paper

Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, graphic design, movie direction, animation... basically any type of design that needs a physical creative outlet or group collaboration.

Not all sketch and wireframe sheets are universal, most are specialized for a particular medium, such as storyboards and specialized grid paper (axonometric perspective templates).

Below you will find a concise collection of ready to print sketching, wireframing and note-taking templates. Most, as expected, are geared towards the design community, but there are also templates that could be used within any industry and for any purpose.


What Makes A Great Cover Letter, According To Companies?

Ah, the dreaded cover letter. Boring to write, difficult to get right, and you're usually preoccupied by other things (such as the portfolio and resume, which are also really important).  Unfortunately, your cover letter is a company's first exposure to you, and it determines whether your application is trashed or fast-tracked to the company's to-hire list.


The status of the cover letter is changing in the Web industry. While a well-formed cover letter still has a place, some companies believe that Web folk who rely on this archaic tool never make it to the next round. But what do I know? Let's hear instead from some great Web and design agencies to get their advice on creating a great cover letter!


Best Practices In Modern Web Design: The Ultimate Round-Up

Web design has evolved at such an extreme rate over the past ten to twenty years that it's often hard to keep up with current trends and best practices. It wasn't that long ago that table-based designs were considered cutting edge and CSS was unheard of. And to compound the problem, finding up-to-date information on what the "right" way to do things is can be nearly impossible at times.

Showcase of Design Elements - De-clutter Your Interface With Hover Controls

So we've collected more than 100 best practices for designing modern websites, from blogs to portfolios, covering everything from CSS and coding to images, graphics, and typography. Along with the practices themselves are resources for more information and examples of the practices themselves to help you visualize what we're talking about.


What’s Brand?

Brand is an important part of any business. So why do some of us claim we brand businesses, when we fall so short on it's definition and limit ourselves at logo design? There are many factors that affect a brand and these factors can contribute to a unique and long-lasting brand. We often overlook the real meaning of brand and we need to understand it to fully comprehend the field.


Applying “A Pattern Language” To Online Community Design

A Pattern Language is a book about architecture that was written in the 1970s, before the Web as we know it was even conceived. But the book provides hundreds of valuable patterns for community planning and architectural design, many of which can easily be applied to online communities and social networking websites.


Niche social networks are popping up online all the time, with many designers and developers taking advantage of pre-built social network platforms and making little modification. It makes sense, after all: why reinvent the wheel when perfectly good ones are available?

But if you step back and really consider how your social network or online community is set up, you might be able to improve the user experience and overall user satisfaction by leaps and bounds. Looking to other fields, such as architecture and civil engineering, is one way to gain new ideas without having to reinvent the wheel.


How to Create a Promotional Snail Mail Campaign

It’s important to promote your design business. This is especially true when economic times are challenging, you’ve got news to announce, or you’re simply hungry for growth. Many forms of promotion are available to the modern designer – with banner ads and Google AdWords among the most popular. In this digital age, it’s easy for web and graphic designers to overlook one of the most effective and fun forms of promotion: the mail campaign. In an era when people are accustomed to communicating electronically, the value and meaning of something you can hold in your hands is greater than ever before.

3D Mailer by Ultra Design Co.

The promo mailer is perhaps most popular among illustrators and graphic designers working for editorial clients, which means that it is a powerful, untapped resource for some web designers. Likewise, it was probably a much more common practice ten years ago than it is today due to the rise of online promotion techniques – but those who ignore its potential are missing out on a tool with the power to gain new clients, increase web traffic, and attract publicity for your business and events.


↑ Back to top