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 ‘Showcases’.

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

50 Beautiful Feminine Illustrations and Artworks

Beauty is in the eye of the beholder, and so is the quality of femininity. Exploring this for many artists takes on a diversity of themes. From exploring the pleasures of being a girl to a simple childhood memory, each artist embodies this message in its own unique way and choice of medium.

Showcase of Feminine Illustrations - Carambatack

The collection of renderings selected in this episode of the Monday Inspiration series, 50 beautiful and creative feminine illustrations is sure to please your feminine side. And if your feminine side is non existent — beautiful women have always been and remain an excellent inspiration.

Please notice: this showcase is supposed to present unusual styles, ideas and approaches to the illustration of a woman — not just some beautiful illustrations. Some examples are very funny, the other ones are very sad. Hopefully, everybody will find something new and interesting for himself / herself. At the bottom of the article you'll find further sources to explore feminine illustrations on the Web and find artists that exude girly. [Content Care Oct/19/2016]

Read more...

Pop Art Is Alive: Classics and Modern Artworks

As a visual art movement that emerged in the mid 1950s, pop art aims to emphasize the nature of things popular in our daily routine. In pop art, most artists use mechanical means of rendering techniques that downplay the expressive hand of the artist. Being an art movement, it has some expressive attributes other styles do not possess. [Content Care Oct/17/2016]

In pop art, a vivid manifestation of pop culture reflects in vibrant colors and busy, sometimes hardly recognizable artistic approaches. Street culture, trash, collage, comic books, grunge, graffiti and photo montage are typical design elements that were widely used by designers and artists a few decades ago. And since grunge found its way back and became popular again, it makes perfect sense to analyze the design elements of pop art which are similar to this artistic style.

Pop Art Showcase

This post presents 75 outstanding examples of classic and modern pop art. Hopefully, everybody will find some inspiration for future works or at least smile when scanning the images presented below. Please notice: pop art can be quite vibrant and not necessarily pretty — in fact, some examples show that it doesn’t have to be pretty at all.

Please take a look at the following similar and related posts:

Read more...

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

Hand-Drawing Style In Web Design

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. [Content Care Oct/12/2016]

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.

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. [Content Care Nov/11/2016]

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.

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. [Content Care Nov/11/2016]

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.

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

Read more...

Celebration Of Vintage and Retro Design

Retro and vintage designs are often considered as being outdated, looking old, unattractive and dull. That's not true. Although compared to modern design, retro is mostly a completely different realm, it has a large variety of benefits modern graphic designers often tend to overlook. And that's a pity. Because we, as designers, can learn a lot from it.

Nostalgic designs arise feelings, awake memories and better manage to involve broad range of readers even although they don't really realize it. Furthermore, retro can look cool and offer readers or visitors something they haven't expected at all. So why not try to impress them with some impressive vintage art for a change? [Content Care Nov/09/2016]

Vintage and Retro - FORTUNELLO

Below you'll find the celebration of retro and vintage design — ads, illustrations, book covers, pins and posters from 1920-1980s. The images weren't necessarily created in the mid of 20th century. Vintage is living today which is why this post also features artists and designers who make use of the vintage and retro style in their works.

Please notice: if after reading this post you'll experience some need for buying ice cream, chewing gum or eating sausages, it's not our fault.

Read more...

Navigation Menus: Trends and Examples

Navigation is the most significant element in web design. Since web-layouts don't have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site. Users should be able to rely on it which is why designers shouldn't mess around with it. [Content Care Oct/17/2016]

That's why in most cases it's where simple, intuitive and conventional solutions are usually the best option. However, it doesn't mean that they need to be boring. One year ago we've presented modern approaches of navigation design. Let's take a look at what's different now, which trends one can observe and what ideas you can develop further in your projects.

Screenshot

This article presents historical trends, examples and innovative solutions for design of 2008 navigation menus. The images are not clickable and do not lead to the sites from which they've been taken - all is gone.

Read more...

45 More Excellent Blog Designs

We, designers, are creative folks. And being creative, we permanently strive for inspiration — innovative approaches, crazy ideas, smashing concepts and, in general, unique designs which can help us to observe a given problem from a fresh perspective. This is why we always have some fancy design books laying around on our desk, and this is why we enjoy observing other people's work — basically just because we can learn a hell of a lot from them.

There are things one can do a number of times without worrying about becoming boring. For instance, collecting and showcasing excellent blog designs. In this post we do it already the third time. Why? Web design lives in blogs; new developments appear there, that's where the music plays. And that's where you need to look for in order to keep up with current trends and developments.

Screenshot

This post presents 45 excellent blog designs with a perfect layout and unique personal note. We haven't analyzed the content of the blogs; instead we focused on ideas, approaches, graphics and layouts.

Read more...

Isn’t it sweet? Mascots in Web Design

The more emotional a site design is, the more likely it is to evoke positive feelings within its visitors. To achieve a lasting impression, designers tend to use visual cues and offer some eye candy for hurried and hectic users. E.g. vibrant color schemes, photos and illustrations can be used to draw user's attention to some specific site section.

But are there any further options? Yes, there are. Actually, mascots are traditional for sports competitions such as Football World Championship or Olympic Games. Mascot is a more or less nicely designed creature which is symbolic for something and is supposed to evoke sympathy and strengthen the sense of belonging to one single team. [Content Care Oct/11/2016]

Mascot Screenshot

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 – 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. [Content Care Nov/03/2016]

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

↑ Back to top