Menu Search
Jump to the content X X
Smashing Conf New York

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 New York, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Web Design’.

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

Colors In Corporate Branding And Design

Color is a major consideration in any Web design. Whether for an individual, small company, or major corporation, color scheme is one of the most significant factors in the overall look and appearance of a website. In some cases, the designer may have the sole discretion in making color choices, but many times a color scheme has already been established and needs to be followed. In situations where a company already has a strong brand, color usage for the website can either build or take away from this.

Best Buy

In this article, we'll take a look at the impact that website color schemes have on the overall branding of a company, and we'll also look at plenty of examples. We won't be going into the subjects of color choices for branding or the psychology of colors, but rather we'll look at established companies to see if the colors in their website branding are consistent with the rest of their marketing.

Read more...

50 Useful Design Tools For Beautiful Web Typography

Typography is elegant when it is attractive and communicates the designer’s ideas. When chosen wisely and used carefully, it can be very effective in supporting the overall design. Designers are always exploring different techniques with type: some use images or sIFR to produce very beautiful typography, while others prefer CSS alone to get the typography just right.

TypeChart

Today, we will look at 50 most useful typographic tools, techniques and resources for creating effective and expressive designs. We will also look at some hands-on typography tools that help designers and developers learn how to style their Web content, test it interactively and see the changes instantly. These tools are great for experimenting with different font types for your website.

Below we cover typographic tools, useful typographic references, font browsers, typographic CSS- and JavaScript-techniques, hyphenation techniques, sIFR tools and resources, grids and related tools, free and commercial fonts, a guide to Web typography, examples of great Web typography.

Please feel free to suggest further tools and resources in the comments to this post. And if you like this post please feel free to subscribe to our RSS-feed and follow us on Twitter.

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

Read more...

More Web Design Trends For 2009

Last week we presented 10 Web Design Trends For 2009, our review of the most promising developments and techniques in web design that may become big in 2009. In the first part we covered embossing letters ("letterpress"), rich user interfaces, PNG transparency, big typography, carousels and media blocks.

Design Trends 2009

This post is the second part of our review. It presents design trends for 2009 in terms of layouts, visual approaches and design elements. Please notice that this post showcases trends and developments that were extensively covered in our previous articles (e.g. handwriting, retro and vintage etc.) and therefore weren't covered in this post (they are all linked in the overview, so feel free to explore these single posts as well). Did you miss any recent development in this overview? Let us know in the comments!

You may want to take a look at the following related posts:

Read more...

Web Design Trends For 2009

We Web designers are a fickle lot. We love to experiment with things. We love to observe how people interact with our work. And we love to try out unusual design approaches that might possibly go mainstream and become a classic approach. As a result, new design approaches come up, and as more and more designers notice them and make use of them, new trends emerge.

Design Trends 2009

Over the last months, we've analyzed numerous Web designs, observing emerging trends and weighing the merits of numerous design decisions and coding solutions. In this post, we present Web design trends for 2009: recent developments, new design elements and new graphic approaches. We also discuss situations in which these trends can be used and present some beautiful examples. Did you miss any recent development in this overview? Let us know in the comments!

Read more...

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.

Digg

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.

Read more...

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.

Read more...

Looking Back On 2008 With Top Web Designers

The start of a new year is often a time of reflection on the past year, both personally and professionally, as well as a time to look forward to the year ahead. With that in mind, we thought it would be interesting to do a New Year's group interview with a number of top designers and developers. We put together a big list of questions and posed two in particular to each of the participants.

Level 2 Design

We think you'll enjoy the insight this panel provides into 2008 and 2009. There's a wide variety of topics covered, including favorite resources, trend predictions, business lessons learned, upcoming events for 2009 and more. Let's take a look at a large group interview with top web designers that takes a look back on 2008 and presents some predictions for the year 2009.

Read more...

Designing The Holy Search Box: Examples And Best Practices

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.

Screenshot

Search box

Search box

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

Online Advertising And Its Impact On Web Design

In recent years, advertising has become a major revenue source for many websites. Not too long ago, online ads were often met with disapproval from visitors, and advertisers were unsure about their value or effectiveness. Today, most visitors have come to expect ads on commercial websites, and advertisers have recognized the potential of various online ad opportunities. Ads have long been a part of print publications, such as magazines and newspapers, and now they essentially have the same role in online periodicals and publications.

Screenshot

Although advertising is a concern for website owners and those pushing products or services, it is also has an impact on Web designers, because they have to be able to design and develop websites that can produce ad revenue and still meet the needs of visitors. Clients with websites that depend on ad revenue need a design that provides the necessary screen space and a proper layout for selling ads, and advertisers need placement that will get them the exposure they seek.

Read more...

↑ Back to top