Menu Search
Jump to the content X
X

Posts Tagged ‘Showcases’.

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

Hand-Drawing Style In Modern Web Design

The most valuable and innovative ideas had all been handwritten first. That's no big news, since designers tend to produce first sketches as paper prototypes anyway; still it's important, because web design is different from "usual" design. Of course, it also has a personal note and it is hand-made, however users can't see that. As CSS is "boxy but good", designs tend to have a rather limited appearance — they are too boxy and too right-angled.

If designers want to achieve a different design, they have to draw their sites by themselves — or at least some parts of it. And in fact, this is done quite often: whether a blog, a shop, an ad, a private page, or some collaborative project — doesn't matter whether with Flash or (X)HTML. The main purpose of hand-drawn elements lies in their ability to convey a personality and an individual note in times when colorful, sharp and rounded Web 2.0 elements can be found almost everywhere.

Screenshot

How impressive can the results be? And when can the hand-drawing style be used? Let's take a look at some excellent examples of hand-drawing style in modern web design. All screenshots can be clicked and lead to the sites from which they've been taken.

Read more...

Paper Strips Menus

The beauty of an excellent design lies in designer's attention to smallest details. Conventions are our friends; however, to stand out, a design needs a creative spin, an elegant play of colors, some unique flavour — a small detail that would make a big difference.

Where the boundaries between traditional solutions and unusual approaches become fuzzy, designers tend to get creative. However, to come up with unusual ideas isn't that easy, particularly if you are dealing with some daily routine-tasks.

Paper Strips Menu
Deb Sofield sticks posts on a paper pile.

Still, nothing is impossible. Even if you're designing a navigation menu there are a number of possibilites you can explore. For instance, have you ever thought of... navigation in form of paper strips?

Read more...

Pagination Gallery: Examples And Good Practices

Structure and hierarchy reduce complexity and improve readability. The more organized your articles or web-sites are, the easier it is for users to follow your arguments and get the message you are trying to deliver. On the Web this can be done in a variety of ways.

In body copy headlines and enumerations are usually used to present the information as logically separated data chunks. An alternative solution is pagination, a mechanism which provides users with additional navigation options for browsing through single parts of the given article. Parts of the article are usually referred to by numbers, hints, arrows as well as "previous" and "next"-buttons.

Search engines almost always use pagination; newspapers tend to make use of it for navigation through the parts of rather large articles. And there are situations when pagination is also necessary for weblogs. Additional navigation can simplify the access to some site pages — e.g. make it easier for users to browse through the archives of the site.

In most cases pagination is better than traditional "previous - next" navigation as it offers visitors a more quick and convenient navigation through the site. It's not a must, but a useful nice-to-have-feature.

Apple Store
Misal
Flickr

Let's take a look at the good practices of pagination design as well as some examples of when and how the pagination is usually implemented.

Read more...

Tag Clouds Gallery: Examples And Good Practices

Compared to conventional navigation patterns tag clouds don't necessarily offer a more convenient and intuitive navigation. However, used properly, they can provide visitors with an instant illustration of the main topics, giving a very specific and precise orientation of the site's content. Since human beings tend to think in concepts and models, it's easier to get an idea of presented content if the main concepts are given straight away — in digestible pieces, and prioritized by their weight. In fact, the main advantage of tag clouds lies in their ability to highlight the most important or/and popular subjects dynamically which is not the case in conventional navigation menus.

Tag clouds offer a quite interesting approach for site navigation; although the technique is sometimes considered to be an "alternative", it shouldn't replace the "common" navigation but support it giving users additional clues about the content of the site. Due to their "cloudy" form the design of tag clouds sets them apart from other design elements on a page. And although designers don't really have that much choice in designing them, they still find their ways to break through the bounds of creativity and come up with some unusual approaches and solutions.

Screenshot Tagcloud

Screenshot Tagcloud

This article offers some selected examples of tag clouds, its shortcomings and also some suggestions for tagging data and links in a more profound and effective way.

Read more...

Smashing Pumpkins and Halloween Redesigns

Right, it's the 31st of October. In spirit of the coming Halloween parties we'd like to spark some design flavour by showcasing Halloween redesigns we've stumbled upon over the last few days. Pumpkins, skeletons, dark colors and spiders can be found almost in every Halloween design. In some cases designers replace some of the logo elements by visual elements (images or Flash-movies); other designers tend to add dark background colors and an according Halloween theme to the web-site's header. And sometimes the whole design is completely replaced with a Halloween theme.

Halloween Screenshot

Last week we've presented some beautiful wallpapers and tutorials in our Halloween Roundup: Wallpapers And Tutorials and asked our readers to send us their redesigns of our Smashing Magazine logo. As a result we've got a number of Smashing Pumpkings which we'd like to present in this post as well. And we've also replaced our logo with the Halloween logo designed by Marian Buhnici (first logo in the list below).

Read more...

65 Excellent Flash Designs

With Flash you can do more than just displaying videos. You can create stunning visual experience and offer your visitors incredible user interaction. Although Flash is definitely not the favourite medium for usability and accessibility advocates, it has its advantages and it empowers the Web with functionalities which make it an incredibly interactive medium. With Flash designers can achieve results which simply aren't possible with (X)HTML and CSS.

The results can be creative, impressive, beautiful and fascinating. Under two conditions: 1) if designers find the right mixture between graphics, animation, video and sound and 2) if designers follow the guidelines of usability and user interaction.

However, since there is a number of things that can go wrong in Flash, it's easy to get it wrong. In fact, there are thousands of examples where it is the case. In Flash any experiments with navigation and layouts are possible and in most cases it's extremely hard to find a creative yet intuitive approach. Flash is commonly used by designers, agencies, advertisers and interactive web sites, and not on the sites where simplicity and quick access to information are important.

Cubamoon

Flash Screenshot

In this post we present 65 examples of outstanding Flash designs with excellent use of graphics, visual elements, interface design and graphics motion. This showcase (mostly) presents "pure" web designs; we've tried to avoid Flash-based games and advertising.

Read more...

Matt Stuart

Can you shoot photos of things that don't really exist? Matt Stuart is a professional photographer. He lives in England and is fascinated about people and the way they live their lives. But what is really interesting is that Matt shots photos from perspectives which create an illusion of objects and situations that don't exist in reality.

Matt Stuart Portfolio

Read more...

45 Excellent Blog Designs

Designing a blog is easy. Whatever engine you are using and whatever style you prefer, you'll always find a number of templates you can apply to your weblog in seconds. No styling is necessary, no playing with colors is needed and no mind jogging about content presentation is required. However, not every weblog should look like a typical blog. After all, not every blogger wants his or her site to look exactly like hundreds of other ones. In fact, there is a small bunch of creative, outstanding and individually designed from scratch blogs.

Screenshot

In this post we didn't try to showcase some eye-candy (although sometimes eye-candy is indeed offered); the designs listed below were selected for their attention to small details. Pretty and colourful header-graphics doesn't make a good blog. The blog needs a solid visual structure, a profound hierarchy of site elements; it also has to be able to build some kind of a bridge between the content and its presentation. To do this, you need to think about precision, minimalism and sound use of illustration. These criteria were the ones we've used to select the designs listed below. All these aspects make the designs we've selected look... well, not always beautiful, but outstanding, almost excellent in their own kind. Mostly it's the idea the designers used to make the weblog as usable as possible - not the implementation of this idea - which we've been after.

Screenshot

Below you'll find 45 excellent blog designs which impress with creative approaches and attention to details; hopefully you'll find new ideas you can develop further in your own designs.

Notice that the screenshots we've provided may give you a wrong impression about the whole design of the sites; in doubt you should take a closer look at headers, footers, comment-areas, site structure and further site elements. Please also notice that you can click on screenshots to get to the sites from which the screenshots have been taken.

We've missed something? Definitely! Let us know in the comments!

Read more...

Exploring Design: Outstanding Start Pages

Designers have only a fraction of a second to attract users’ eye and win over their loyalty. Clear visual structure, thought-out typography and moderate use of images are extremely important - as they can drastically improve the scanning process for the users. Consequently, to achieve a lasting positive impression, it’s common to make use of basic rules of usability.
Screenshot
However, classical solutions can be boring; creative solutions can be appealing. Therefore to impress visitors, designers risk unusual and innovative approaches. After all, between standards and creativity there is a lot of room for design experiments. We observe these experiments. We explore new approaches. And we collect them, so you don’t have to.
Screenshot
And since no page is equally important as the start page, it’s interesting to know, which approaches designers come up with, developing an innovative design for start pages. Let's take a look. Unusual, remarkable and outstanding start pages - in a brief overview. Read more...

Inspiration Package: 50 Usable & Elegant Designs

We all love beautiful, usable and impressive web designs. To achieve them, web developers need to focus on many aspects, but basically it all boils down to the question, how well the content is presented and how easily the information can be perceived. Harmonic color schemes are as important as solid and consistent typography. Precise visual structure and intuitive navigation are essential for both usability and accessibility. In fact, mostly it's a keen attention to small details which gives web-sites a profound and enduring nature.

Beautiful Designs - Oaktree Creative: The pixels, prose and portfolio of Chuck Mallott

We've selected some more of them. Over 60 elegant, usable and impressive designs with a well thought-out color scheme, typography and visual structure. Their beauty lies in the way the information is presented. Their usability lies in the way they communicate presented data. That's what makes them different.

Beautiful Designs - 31Three - The Design Studio of Jesse Bennett-Chamberlain

Next week we'll present the .pdf-version of this showcase. You might be willing to check out further showcasese we've presented before.

Read more...

↑ Back to top