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.

Category: Inspiration

This category is supposed to help you break your creativity block by exploring galleries of art, design and photography. It also features showcases of web designs (blogs, portfolios and online-shops) and design elements (navigation menus, search boxes). Different from Showcases, here you will more general and abstract ideas. The section covers galleries of beautiful photography, articles about influential artists and their styles as well as showcases of art and digital art.

Popular tags in this category:

20 Brilliant TV Show Title Sequences

Since the advent (and in turn, massive success) of "TV on DVD", television programming has really upped the ante in production value. Now-a-days it seems every show is presented in glorious high definition with big name actors and well-structured story telling. But there is another significant improvement in television over the last few years that could use some recognition: the title sequence.

Long gone are the days of cheesy video montages involving "memorable" moments from seasons past, coupled with tacky music you can't get out of your head... yes I'm looking at you, Golden Girls.

Screenshot

Today, the credit sequences on television are so visually pleasing that even though we possess the technology to skip past them, we don't. They're that captivating. It is in recognition of these amazing television title sequences that we've compiled our favorite 20 Brilliant TV Show Title Sequences.

You may want to take a look at the following related articles:

Read more...

40 Excellent Illustrations In Web Designs

In website design, there are an endless amount of possibilities, styles and techniques that can be used to make a beautiful design that flows with the content. One of these styles is an illustration-heavy layout, which can take a website to a whole new level. Illustrations are becoming more and more popular, and some designers are really pushing the limits with some beautiful ones. [Content Care Dec/01/2016]

Screenshot

Below you'll find 40 designs that feature skillful and beautiful illustrations, integrated properly to create a visually pleasing style.

Read more...

Movie Website Designs: Examples And Current Practices

It can be an interesting experience looking around at websites in particular industries to identify trends and see how they differ from those in other industries. In this article, we'll take a look at the websites of major motion pictures to see what types of websites are being created. Movies are a big part of the entertainment industry, and in recent years their websites have become increasingly critical to their overall success. [Content Care Dec/01/2016]

Paul Blart Splash Page

The purpose of movie websites. Before getting into the details of specific movie websites and discussing current trends, it's important first to consider the primary purpose of movie websites. Obviously, in order for a movie to be financially successful, it needs to do well at the box office, and today many moviegoers use the Internet to find movies to see and to buy tickets. Having things like trailers and other video clips helps to engage visitors and encourages them to find show times and buy tickets online.

Read more...

The Web Design Navigation Menu – Articles And A Beautiful Showcase

Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and good design thrown in.

Screenshot

This overview features a hand-picked and organized selection of the most useful and popular Smashing Magazine's articles related to Web Design navigation and published here over all the years. [Content Care Nov/28/2016]

Read more...

404 Error Pages, One More Time

The design of 404 error pages is often overlooked and underestimated. However, designed carefully, these pages can make a random visitor stay on your website, take a look around and eventually find the information he or she was looking for in the first place. Effective 404 error pages communicate why a particular page couldn't be displayed and what users can do next. A search box and list of useful resources (possibly related to the missing page) could be helpful in this case.

Screenshot

We've already covered the design of 404 error pages in previous posts. In them, we also covered some interesting and useful ideas for designing 404 pages. Now, it's time for a fresh dose of 404-error inspiration. This article presents 50 more examples of beautiful and original 404 error designs. Some of them are beautiful but not user-friendly, others are user-friendly but not really beautiful. Please use these examples as a source of inspiration; hopefully, this showcase has something for everybody.

Also note that some examples used in this post were suggested by our Twitter followers: please follow us on Twitter to vote on which article gets published next, discuss new ideas, get fresh updates and suggest great ideas for our next posts. Thank you.

Read more...

Eight Inspiring Stories Of ASCII Art

Labels are fragile: text and pictures have always been closely connected. From the dawn of written language to the era of microcomputers, much of human creation has explored the relationship between the literal and the figurative, the form and the function. Within this is the future site of retro, ASCII art. It's often used as a catch-all term for "text-based art," regardless of the actual character set being used. [Content Care Nov/25/2016]

ASCII Art
Source: Play with font

In this post, we'll stroll through the past and present of ASCII art, assessing the influence of key pioneers, so that you might feel inspired to go forth and create. I hope you come across both familiar guideposts and unknown territory, and come away enlightened!

Read more...

Textures In Modern Web Design

If you look around at well-designed websites in CSS galleries or any other source of design inspiration, you'll see that texture is extremely common in modern Web design. One of the reasons it's so popular is because of its versatility. Textures can be used in countless different ways and in a wide variety of design styles. As you look around, you'll see how textures can be used in so many different ways by Web designers. [Content Care Nov/30/2016]

Jobs on the Wall

Textures in Web design can be very subtle, so that the visitor hardly notices, or they can be a focal point of the design. In some cases, textures are used to emphasize certain parts of the design. Because of the versatility of textures, they can be used in combination with many other design elements, such as typography, lighting and colors.

When examining exemplary Web designs that employ textures, you'll notice that textures are used in background images, headers, footers, sidebars, content areas and even fonts. Although texture is sometimes associated with a grunge style of design, its reach extends far beyond just grungy websites. Texture adds dimension to virtually any style of design, if applied properly. In this post, we'll look at 50 examples of websites that use textures in different ways.

Read more...

50 Incredible Stop Motion Ideas And Videos

Stop motion animation is one of the hottest areas of film-making today. Stop motion is an animation art through which one can spring life in inanimate things and do the unnatural. It works by shooting a single frame of an object, then moving the object slightly, and then shooting another frame. When the film runs continuously in a film projector, or other video playback system, the illusion of fluid motion is created and the objects appear to move by themselves. This is similar to the animation of cartoons, but using real objects instead of drawings.

Well, how can you make use of stop motion in web design? Some design agencies integrate stop motion in their showreels, some may use it to present a product or a service. The main advantage of the technique is that it really looks different, unusual and therefore memorable. In technical terms, stop motion consists of many forms according to techniques used to create, animate and film it - pixilation, cutout animation, time-lapse, clay animation and many more. Stop motion animation is time-consuming, repetitive process which requires patience.

Below we present over 50 amazing examples of stop motion videos, a tribute to hard work of animators, artists and creative folks.

You may be interested in the following related posts:

Read more...

The Celebration Of Comic Strip And Cartoon Art

Comics aren't just for children, as some people might think. There are many comics written with adults in mind, and this is reflected in the depth and scope of the artwork. Comic strips are widely read around the world in newspapers, magazines, books and the internet. Some are created simply to make people laugh, some are made to entertain (often with storylines worthy of a novel) and there are some that make political or social commentary. [Content Care Nov/02/2016]

Beautiful Comic Strip Art

Comic strips have a surprisingly long and interesting history. For instance, there's evidence of comics in China from as long ago as the 11th century BC! Comics have evolved over the years with advances in technology and the changing styles of art and graphic design, and are often at the cutting edge of design.

The culture of an artist's country is often a big influence on their work, and consequently comic styles are different around the world. We present you over 50 examples of beautiful comic strip artwork, from places as diverse as America, Europe, Asia and Latin America. Some interesting articles and resources are listed at the bottom of the post.

Read more...

30 Unforgettable Movie Opening Sequences

We all know that first impressions are important, right? Well, the same goes for film. The opening title sequence of a film is that film's opportunity to make a good first impression on you, the viewer. A well-crafted title sequence introduces the audience to the tone and theme of the film as well as the cast and crew.

Casino Royale (2006)

Mind you, not all films have the luxury of a great title sequence. Some have budgetary constraints, limiting them to a simple, yet classic, white text on black background. Hey, it's a style that has served Woody Allen very well for many years. Others prefer to take the minimalist road and omit the titles altogether, taking us straight to the action.

In tribute to all of the wonderful title sequences in film, Smashing Magazine has collected 30 Unforgettable Title Sequences for your enjoyment and inspiration. We have chosen some of our favorite selections from all eras and genres. Of course, there are too many brilliant examples to list them all here. What are your favorites? What is missing in the list? Let us know in the comments!

Read more...

Designing The Holy Search Box: Examples And Best Practices

On content-heavy websites, the search box is often the most frequently used design element. From a usability point of view, irritated users use the search function as a last option when looking for specific information on a website. If a website's content is not organized properly, an efficient search engine is not only helpful but crucial, even for basic website navigation. In fact, search is the user's lifeline to mastering complex websites. The best designs offer a simple search box on the home page and play down advanced search and scoping. [Content Care Nov/04/2016]

Search box

Search box

In practice, websites tend to grow over time, adding new content and, more importantly for us, adding new navigation options, such as additional content sections. However, these new content islands do not necessarily fit the whole information architecture that was well-designed and thoroughly structured when the website was initially designed. The consequence is a poor navigation scheme that is more irritating than helpful, because the content appears to be scattered all over the place instead of contained in separate, very distinct folders (in fact, this is a problem we encountered here at Smashing Magazine recently).

Read more...

50 Beautiful And Creative Portfolio Designs

Design portfolios come in various forms. Traditionally they have been print-based and something you would carry to a client pitch or meeting to showcase what you've done and how you do it. Today, many designers take advantage of the nature of the internet to publish and showcase their work via their online portfolios. Having your work displayed online removes the geographical restraints that traditional portfolios impose on you. [Content Care Dec/17/2016]

Rob Young screen shot.

In this showcase, you'll find a variety of beautiful, unique, and highly-creative portfolio designs. The aim here is to stimulate your creativity and to inspire you to create your own portfolio or re-think your existing one. You'll get to see portfolios from a wide range of fields including web design, product design, illustration, photography, and even animation. Without further ado, we present to you 50 beautiful and creative portfolio designs.

You may also want to take a look at the following related articles:

  • Creating A Successful Online Portfolio
    In this article we’ll review 5 pitfalls that commonly plague portfolio design. Then we’ll cover Portfolio Tips that if carefully considered and well executed will deliver quality results for your portfolio.
Read more...

↑ Back to top