Posts Tagged ‘Showcases’.
We are pleased to present below all posts tagged with ‘Showcases’.
We use ad-blockers as well, you know. 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. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.
We are pleased to present below all posts tagged with ‘Showcases’.
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.
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...
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.
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...
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.
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:
When searching for web design inspiration it's easy to get caught up looking at the same portfolios, blogs and the typical sites that appeal to fellow designers. However, as a designer there is a strong need to be able to create a website that truly works for the client and their visitors, not simply a site that fits into our ideals.
From time-to-time it's helpful to step out from the familiar sources of design inspiration to see what is being used in a particular industry. The music industry is obviously big business, and as artists and record labels struggle to make the transition from declining CD sales to more profitable uses of technology, examining band and artist websites can be a practical learning experience.
You can tell a lot about the band or artist's target market based on the style of design. You'll see in the screenshots below that even for those bands with whom you are not familiar, you could probably identify the audience fairly accurately based on the style of the site. Whether the style appeals to us as designers or not is of course not nearly as important as if it appeals to its target audience.Read more...
Every now and again we showcase beautiful favicons — tiny pieces of art you’ll usually find in your browser’s address bar or when searching through your bookmarks. Favicons are important as they provide visual indicators to visitors and help them to easily associate the content with a bookmark in their browser. Besides, favicons are just nice to look at and there are way too many sites which don’t make use of them. We like to change things. Which is why here is the 8th episode of the favicons series. For a change a small article with very small images and a quick loading time.
Please notice that the favicons weren’t chosen simply because of their beauty; it’s been important to us that the favicon perfectly fits to the overall site design. Pay close attention to the small details of the design. All favicons are linked to the sites where they are used — you can click on them to get more insights into how favicon design can be related to the layout design. All favicons are listed without a particular order. All images are linked - of course, if the page that contained the favicon still exists.Read more...
An independent film, traditionally speaking, is generally referred to as a movie created entirely outside the traditional Hollywood system. It is usually the kind of production where the actors double up as camera men, friends and family provide the bankroll and the director's mom is in charge of craft services.
Over the last few years, however, the "indie" film has taken on a whole new face. Large productions houses have formed specialty divisions that focus exclusively on "limited run" titles. These are movies that may not have the broad appeal of a summer blockbuster, but still enough demand worth releasing in a limited capacity - often to critical acclaim.
It is in tribute to these wonderful works of art that Smashing Magazine has collected 40 Exquisite Independent Film Posters for your enjoyment. We hope they are as inspiring to you as they are to us.Read more...
Minimalism, in the context of design, refers to simple, unadorned designs that embody only the most basic and fundamental needs. In art, it is a movement that has its roots in the post-World War II era, started by highly regarded minimalist artists such as Donald Judd, Carl Andre, and Robert Morris. Minimalism today refers to a certain style (or even a certain attitude or way of life) that transcends different fields, such as architecture, philosophy, law and, of course, Web design.
In this article, we explore the meaning of minimalism in the context of Web design. We’ll look at some beautiful examplesof a minimalist Web design and proceed with studying its main features in the hope of learning by way of deconstruction. At the end of the post you'll also find some useful resources on the topic of minimalism in Web design.Read more...
News websites can be intriguing to examine from a design perspective. Regardless of what type of news they cover, they all face the challenge of displaying a huge amount of content on the home page, which creates plenty of layout, usability and navigational challenges for the designer. The lessons that can be learned from examining how news websites address these challenges can be valuable for designers who work with other types of websites, including ones with blog theme designs.
Monetization is also a major factor for news websites, and it’s interesting to see how they integrate advertisements in the design. In some cases, the ads are somewhat intrusive or excessive, but most news websites are able to use ads without turning readers away, in part because of the content that’s available.
For the purposes of this article, the term “newspaper website” refers to any news-related website that has the editorial focus of an online periodical. Many of the websites mentioned here are the online versions of major newspapers, but others are standard news websites and some blur the line between news website and blog.Read more...
Image captions are an often-overlooked element of Web design. They’re often thought of more in terms of function than form. As long as they include the proper photo credits or identifying information about the image subject, not much more thought is given to them.
But image captions are a great place to add a bit more style to your website or to give some unique insight into the subject of the image. Whether the captions are for photos on a news website or design samples in a portfolio, they present an opportunity for reinforcing the overall look of the website. When done properly, they can even add more visual interest and become a distinguishing trademark of a particular brand or website.
There are two basic kinds of photo captions. There is the simple, minimalist, down-to-business style. These usually have a simple sans-serif font in white, black or shades of gray. They are usually positioned either to the side or below an image, though sometimes they overlay or are above it. This type is commonly found on news websites but is also seen in portfolios and other websites.
The other major style is more graphic. This often include effects, such as the caption only appearing on a mouse-over or a “Details” button displayed that leads to the full caption. While fonts are still generally sans-serif, much more color is used, and the captions are often overlaid on the actual image. These types of image captions are generally seen on portfolio websites of designers and ad agencies. Of course, there are websites that use a crossover-type image caption, displaying elements of both styles.Read more...