Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

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.

Posts Tagged ‘Trends’.

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

Mobile Web Design Trends For 2009

Web designers know that the industry involves plenty of change, and continuous adaption and development of skills is required in order to stay up-to-date. In the past few years one of the biggest areas of change has been the amount of internet users that are accessing websites via phones and mobile devices. As a result, web designers have a growing need to be educated in this area and be ready for designing sites that will accommodate this audience.


Because designing websites for mobile devices brings some unique situations and challenges into play, the subject requires a strategic approach from the designer/developer. In this article we'll look at the subject as a whole, including current trends, challenges, tips and a showcase of example mobile websites. Plenty of helpful resources and articles are also linked to throughout the post, so if you're interested in learning more about designing for mobiles, you should have plenty of information at your fingertips.


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.

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.


Don’t Follow Trends: Set Them!

Your website represents your brand. New visitors will form a first impression of your service or product within seconds of arriving at your website, and the visuals, layout and aesthetic will play a large role in shaping that impression. Sure, your website may be very usable and have great content, but it's the aesthetic that will evoke feeling, and it's the aesthetic that will be used to judge the quality of your website in those first few seconds before the visitor has had time to browse around.


Use this to your advantage and fashion a unique style that will set your website apart from the rest — a style that will impress and delight your users.

Throughout history, great artists always found new ways to express themselves and create new techniques to set their work apart from the rest. Think about the styles of Leonardo da Vinci, Vincent van Gogh, Pablo Picasso, Salvador Dali and Jackson Pollock. Think about the different movements of art, from Impressionism and Expressionism to Surrealism and Minimalism. These styles couldn't be more different from each other — and that's the point. The artists' names live on because their art is unique.


The Secrets Of Grunge Design

Shiny and glossy design elements are now officially outdated. Just like retro is becoming trendy again, grungy look appears to rapidly gain on popularity. And there is a damn good reason behind it. In our everyday environment we're unlikely to find ideal geometric forms or pretty shadow effects as they are manifested by glorious Web 2.0-designs. The reality is different, and Web is definitely not an exception here.

Therefore designers often tend to explore the less ideal and more realistic design solutions which reflect the world we're living in more accurately and precisely. Result: such elements give the design a more realistic, genuine look, a look one would actually expect in real life.


In such grunge designs dirty stains, torn images, "broken" icons and creased pieces of paper are as popular as hand-drawn elements and dirty textures. The main purpose of hand-drawn elements lies in their ability to convey a personality and an individual note. And dirty textures are often used as background images for navigation menus, photos and overall layouts. Usually these elements are regular objects from our daily life, replicated in their real form without any glossy effects.


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.


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.


Logotrend 2007: Leaves

In modern logo-design leaves stand for fresh ideas or - more generally - for an innovative way of thinking. In Web they are mostly used to communicate light-weight solutions as well as clean and unobtrusive designs. In fact, leaves, plants or ornaments which appear to be related to the nature can be found almost everywhere; it's a trend that will probably be reversed soon, due to an extreme overuse of the theme in modern designs. The sites themselves, using leaves for their logos, mostly do not have a relation to foliage - and even although often green color is used, that is not necessarily the case.

Logo with leafes

We'd like to present you some of them. The following logos aren't supposed to represent the quality of logo designs with leaves, but the trend we observe on the Web. The images can be clicked and lead to the sites from which the logos have been taken. You'll also find tutorials you can use to learn how to create "leaf logos". Please notice that this post features only those logos which are related to the Web.

What do you think? Is an extensive use of leaves in logos a current Web 2.0 hype which will disappear soon or are the leaves here to stay?


Web 2.0: Buzz-Monitoring and Tracking

You'd like to improve the link popularity of your site. Or maybe to keep track on the latest web buzz. It would be nice to inform your readers about it the minute the news occured. Or maybe you just want to monitor the activities of your users and be able to find the best topics they might be interested in - quickly and efficiently. In these cases tracking tools can be extremely useful and improve your search enormously.

We've taken a look around and listed the best buzz-monitoring, observing and tracking tools a web-developer might be willing to use analyzing and monitoring his/her recent web-projects. [Content Care Oct/03/2016]


↑ Back to top