Posts Tagged ‘Showcases’

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

Textures and Patterns Design Showcase

Textures and patterns are used more often than one may think. The reason why we don't see them is because they usually remain in the background, supporting the overall design, replacing a standard background color and creating a more inviting atmosphere. But they almost never stand out. Used primarily for background images, they need to fit to the overall design making the content easier to perceive. In fact, wood textures seem to have become so popular that designers suggest that wood is the new glossy style and wood is the new white.

Well, we don't think that wood is a new revolutionary trend — after all, it was used and explored for years. However, since wood isn't used everywhere — in correct and wrong contexts — experimenting with it makes perfectly sense. Still, there are a number of options beyond wood: e.g. fabric patterns, tiles, ground, stone, walls, bricks, stiches, cardboard, ceramics, decay, rust, old tapes, illustrations, plastic and glass.

Texture Background Screenshot

In this post we present a showcase of sites using textures and patterns— we want to focus designer's attention on design options available beyond wood. Reason: we strongly believe that vibrant, realistic background images are becoming a new trend. If it sounds familiar to you, you are absolutely right: we've seen the same trend 8-10 years ago. The sources for the background images are usually either photos (e.g. you can download free textures in the Smashing Texture Library) or illustrations created with Photoshop, Illustration etc.

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

Read more...

Favicon Episode 7

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 7th episode of the favicons series.

Favicon
Favicon
Favicon
Favicon
Favicon

Below you'll find 70 outstanding favicons. 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. 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.

We’ve written enough about favicons in our recent posts. If you’d like to find out more about them, feel free to take a look at our previous posts:

Read more...

Hand-Drawing Style In Modern Web Design – Volume 2

When it comes to web design too often perfect, colorful and boxy designs make the cut; however, the reality is different as it is hard to find objects with a perfect shape and a perfect color in our daily routine. To achieve a unique and communicative design we need to consider more creative approaches. For instance, we can draw sites by ourselves — or at least some parts of it.

The main purpose of hand-drawn elements lies in their ability to convey a personality and an individual note in times when perfect, boxy and rounded elements can be found almost everywhere. They look different and they can make a web-site look different. And this is what we usually are after in the first place.

Screenshot

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. This post presents fresh 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.

Please also have a look at our previous showcase

Read more...

Block Quotes and Pull Quotes: Examples and Good Practices

Quotes are used to emphasize excerpts of text. Since users almost never read but scan we need to provide them with some focus anchors to fix their attention to the most important parts of our articles. Furthermore, quotes are always used for testimonials and sometimes for blog comments. They can be styled using graphics, CSS and a little bit of JavaScript. Sometimes, creative dynamic solutions can be applied as well.

Screenshot Pullquote

This post presents creative examples and best practices for design of pull quotes. We’ve tried to identify some common solutions and interesting approaches you may want to use or develop further in your projects.

You may also want to take a look at the posts

Read more...

The Showcase Of BIG Typography – Second Edition

In Web typography doesn’t have to support the overall design. It can dominate. It can be loud. It can be bold. And it can be everywhere on a web-site. In many situations it’s reasonable to give the typography the prominent position it deserves, leaving visual cues in the background or removing them at all. Doing that, you have to risk large font sizes surrounded by a generous amount of white space. What comes out of it? Elegant web sites with a unique form, style and sense of precision.

Screenshot

Few months ago we have already presented some sites with quite BIG typography. In this article we present further 55 examples of big, “loud” and yet elegant typography in web design; some listed designs are Flash-based, and in some cases designs are based not only upon typography, but also upon some visual elements.

Please take a look at the following posts as well:

Read more...

Sexy, Bold And Experimental Typography

Sometimes typography is all you need to communicate your ideas effectively. Graphics can support the type or type can support the graphics, but to deliver the message precisely, you need to make sure your type is expressive enough, your design is distinctive enough and the composition is strong enough. The results are sometimes crazy, sometimes artsy, sometimes beautiful, but often just different from things we're used to. Thus designers explore new horizons and we explore new viewing perspectives which is what inspiration is all about.

Beauty of Typography - Typography

This post showcases over 70 examples of sexy, bold and experimental typography. Some examples are typographic posters, some are typographic illustrations and some are just sketches with type. In any case, you will hopefully find some inspiration for your future works.

Feel free to check out our previous typography-related posts:

  • Breathtaking Typographic Posters with over 50 typographic posters designed by artists across the globe. We feature Oriental, Iranian, Hebrew, Japanese, Chinese and Russian typographic posters as well as a number of further references,
  • Typography In Motion presents some excellent examples of typography embedded into movies and videos,
  • The Showcase of BIG Typography with over 35 examples of big, “loud” and yet elegant typography in web design.

So what can be achieved out of simple letters and symbols? Please be patient, some screenshots are huge.

Read more...

Now More Than Ever: 50 More Excellent Blog Designs

Designing blogs is easy. Designing blogs in a unique way is hard. Whatever blog engine you are using, there are literally thousands of templates available which you can apply directly, without any significant code modifications. That's efficient, but it's not creative, because using a default blog-template you risk to end up with some wide-spread look which has actually nothing to do with you. To convey your personality effectively, you need a design which reflects who you are and what you are doing. That's why important is not just what you post, but also how you post it.

Blog Showcase - Brad Frost's Blog

In fact, beyond the template-design-culture exists a field of creative, individual and impressive blog designs. And the good thing about it is that this field has been rapidly growing over the last years. To celebrate the creativity of blog designers we regularly present reviews of excellent blog designs we have stumbled upon recently. This post is no exception. Below you'll find 50 further examples of excellent, unique and impressive blog designs.

Apart from "usual" minimal designs, one can observe more rather complex graphic works. If earlier only blog headers had striking visual elements, now whole web-layouts seem to have become more vibrant: paper clips, mp3-players, coffee cups and further objects are used extensively. Apparently, they are used as metaphors for the environment of site designers. Such designs are just impossible to copy and they unite the visual design with the author's content in a unique and very personal layout.

You can also have a look at our previous showcases:

Read more...

Pixels Go Mad: The Celebration Of Pixel Art

Pixel art lives both in and beyond computer screen. Artists design pixel art posters, magazine covers, album covers, desktop wallpapers, paintings, "pixelish" video ads and even pixelated tattoos. And there is a good reason behind it: in times when popular design solutions strive for real-life-look or perfection pixel art offers a distinctive and creative artistic approach which is extremely expressive. In fact, pixel art can be impressive as well. This post attempts to prove just that.

Pixel Art - MCS_Einstein_patentoffice.jpg (thumb)

Below we present over 50 excellent pixel art designs — illustrations, paintings and posters as a part of our ongoing monday inspiration series. Some of the works presented below have an extremely high level of detail which is why you can observe pixel art for hours and still miss some details it contains. You can find ever more resources related to pixel-art in an overview we've presented in the end the post.

Please be patient: the images may take some time to load.

Read more...

↑ Back to top