Menu Search
Jump to the content X X
Smashing Conf Barcelona

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.

Posts Tagged ‘Web Design’.

We are pleased to present below all posts tagged with ‘Web Design’.

Principles Of Minimalist Web Design, With Examples

Minimalism is achieved by reducing a design to only the most essential elements. Expressions of minimalism span multiple disciplines, as well as other art forms such as music and literature. For website designers, though, minimalism can be intimidating and difficult to master.

Screenshot

But anyone can master minimalism. Essentially, minimalism is about breaking things down to the barest elements necessary for a design to function. It's about taking things away until nothing else can be removed without interfering with the purpose of the design. Below are a number of principles of minimalist design, as well as an exploration of current trends and additional examples.

You might also enjoy our previous article "Showcase of Clean and Minimalist Designs."

Read more...

The Current State of Web Design: Trends 2010

Web design is a fickle industry. Just like every other form of artistic expression, Web design has undergone a continuous and surprisingly fast evolution. Once a playground for enthusiasts, it has now become a mature rich medium with strong aesthetic and functional appeal. In fact, we are experiencing what could be the golden era of Web design — or at least the best period thus far. We have powerful new tools at our disposal (CSS3, HTML5, font-embedding, etc.), a plethora of freely available resources, a strong design community and also (if you needed any more!) reliable support of Web standards in the major browsers.

Screenshot

We're seeing better interaction design and more aesthetically pleasing designs. And we're seeing more personal, engaging and memorable sites, too. But what exactly is making the difference? What new directions is Web design heading in today? What new techniques, concepts and ideas are becoming important? In this article, we present some observations on the current state of Web design. We describe existing and upcoming trends and explain how Web design might evolve in the coming months and years. We'll also touch on what we as Web designers should be ready for to keep abreast of new challenges and opportunities.

Please note: this article is the first in our series on the current state of web design. To make sure you don't miss the second part, subscribe to our RSS feed and follow us on Twitter.

Read more...

Grid-Based Web Design, Simplified

A grid at its barest is nothing more than a series of intersecting horizontal and vertical lines spaced at regular intervals, but its innate propensity for creating order out of chaos makes it one of the most powerful tools at a designer’s disposal. If you want to reap their benefits of grids on your next project but are unsure of the specifics, this article is for you.

Grids are everywhere in our society, and have been for centuries, as this city plan for Washington, DC drawn in 1792 by Charles L’Enfant demonstrates. If you’re even vaguely acquainted with the fundamentals of graphic design, you’ve probably worked on some kind of a grid or at the very least seen examples of grid-based layouts. Grids are an established design tool, and a wealth of knowledge exists in the literature discussing the theory of grids and extolling their benefits. I will make no attempt to summarize them here (if you want a good primer on grid theory, have a look at this piece by Mark Boulton).

Read more...

Usability Do’s And Don’ts For Interactive Design

We often talk about how to make our websites more usable, whether it's tweaking the HTML structure of pages to benefit the user’s process or figuring out how best to display a message via CSS. But we never bring this thought process into our jQuery-based (and other JavaScript-based) elements. How can we enhance the user experience and usability of our jQuery events?

Crush Lovely page navigation

Below, we'll briefly discuss ways to look at the code and the result of our interactive designs and, thus, improve their usability. Most if not all jQuery is fired through events from the user, whether it's loading new content, posting forms or simply modifying the presentation of an item. Such events are fired through a click from the user.

Read more...

Designing For A Hierarchy Of Needs

Based on Maslow's hierarchy of needs, the idea of a design hierarchy of needs rests on the assumption that in order to be successful, a design must meet basic needs before it can satisfy higher-level needs. Before a design can "Wow" us, it must work as intended. It must meet some minimal need or nothing else will really matter.

design-hierarchy-of-needs

Is this true? Or could a design that's hard to use still succeed because it makes users more proficient or meets certain creative needs? Do you have to get all of the low-level needs exactly right before considering higher-level needs? To answer these questions, let's start by looking at Maslow's hierarchy. In his 1943 paper, "A Theory of Human Motivation," American psychologist Abraham Maslow proposed the idea of a psychological hierarchy of needs in human beings.

Read more...

Showcase Of Web Design In The Netherlands

The Netherlands, also known as the “Low Countries,” is a small, crowded, muddy piece of land through which a few big important rivers fortunately run. In this country, you can find coffee shops, wooden shoes, tulips, windmills and a lot of water. And everything is rather small! Well, at least most of the architecture is. How cute is that? But it’s also the land that brought the world many great painters, famous architects, and excellent graphic, fashion and interior designers. We all know Rembrandt, Van Gogh, Mondriaan, Rietveld, Koolhaas, Escher, Droog Design and Viktor & Rolf, don't we?

Screenshot

Can the Dutch be proud of its Web design community? Is it capable of producing great websites? Has the community earned a place in Web design land, or is Dutch Web design still in its infancy?

You may be interested in the following related posts:

Read more...

Showcase Of Beautiful Vertical Navigation Designs

Go to any website and you're guaranteed to find one thing: a navigation menu. Navigation menus enable visitors to move from page to page; without them, we would have no way to conveniently explore websites. Perhaps this is why designers, information architects, usability researchers and user experience specialists invest so much time and resources into devising aesthetically pleasing and user-friendly navigation systems.

gary's real life

Website navigation menus generally come in one of two orientations: vertical and horizontal. Horizontal navigation menus display items side by side. Vertical navigation menus stack items on top of each other. In this post, we highlight some remarkable vertical navigation menus, for your inspiration.

Read more...

What If Oscars Were Given To Movie Websites?

Many of us today probably use the Web to book tickets and find information about movies. By selling tickets and entertaining visitors, websites help movies succeed at the box office and earn public approval. And yet, website developers don’t get any public recognition for the success of movies. Isn’t it a bit unfair in the Internet era not to bestow a single bit of appreciation for the presentation of movies online?

Most modern movie websites are built in Flash, even when it’s totally unjustified. The websites often lack usability standards and require users to click through splash pages and introductions in order to access content. They have the luxury of being able to neglect common principles and standards because they garner attention merely by their association with the movies they promote. Let’s suppose, though, that these developers got their own Palmes d'Ors, Oscars and Bears. Wouldn't this be strong motivation to create outstanding and usable websites?

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...

Holistic Web Browsing: Trends Of The Future

The future of the Web is everywhere. The future of the Web is not at your desk. It's not necessarily in your pocket, either. It's everywhere. With each new technological innovation, we continue to become more and more immersed in the Web, connecting the ever-growing layer of information in the virtual world to the real one around us. But rather than get starry-eyed with utopian wonder about this bright future ahead, we should soberly anticipate the massive amount of planning and design work it will require of designers, developers and others.

Screenshot

The gap between technological innovation and its integration in our daily lives is shrinking at a rate much faster than we can keep pace with—consider the number of unique Web applications you signed up for in the past year alone. This has resulted in a very fragmented experience of the Web. While running several different browsers, with all sorts of plug-ins, you might also be running multiple standalone applications to manage feeds, social media accounts and music playlists.

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...

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...

↑ Back to top