Menu Search
Jump to the content X
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:

Useful Design Tips For Your iPad App

With tools like Appcelerator's Titanium and some JavaScript programming skill, creating native iPhone and iPad apps is simple. The danger is in not being always on the look-out for the kind of design pitfalls that plague many products in the App Store. In this post, we'll consider some design tips that will get you on the road to iPad success.

Landscape mode in iPad

Apps will define the iPad, it's true. But in developing your app idea, which comes first, the idea or the device? Good news: neither. It's people! When brainstorming and researching ideas for your app, step back and consider the context in which the device will be used by real live people. How does the iPad fit into our lives? In what situations would we prefer this device to a laptop or iPod Touch?

Read more...

The Gradual Disappearance Of Flash Websites

If you want to "go big" visually with a website, delivering complex interaction and a rich experience across a wide range of browsers, Flash is the only way to go. Right? Nope. Given the widespread adoption and advancements of modern browsers and JavaScript libraries, using Flash makes little sense. But it does have its place on the Web, considering the need for progressive enhancement.

Jimmy Carter and Gerald Ford Debating

In the current landscape of technology and accessing the Internet through devices such as picture frames, netbooks, cell phones and televisions, the benefits of Web standards outweigh those of Flash, especially when delivering content to a broad audience on various devices.

Flash is a proprietary product that sits on top of the browser to extend functionality. While Flash may have provided missing functionality for some time, it brings little value to modern browsers. As more and more designers and developers realize the benefits of Web standards and start using some of the features of HTML5 and CSS3, we’ll see fewer Flash-driven websites.

Read more...

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.

Read more...

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.

Read more...

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.

Read more...

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.

Read more...

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.

Read more...

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.

words

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!

Read more...

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.

Read more...

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.

Read more...

↑ Back to top