Everything about the header (site header): purpose, design and design
As you know, there is no second chance to make a first impression. In the field of digital design, this truth is supported by high competition and a wide variety…

Continue reading →

Detailed Info Here . Details . description
Simple and convenient toolkit for developers of the user Web-interface
This post contains a list of online toolkits that may be of interest to user interface developers for websites and web applications. If you have additional information on this topic…

Continue reading →

Everything about the header (site header): purpose, design and design
As you know, there is no second chance to make a first impression. In the field of digital design, this truth is supported by high competition and a wide variety…

Continue reading →

In defense of "Eye Candy"
In the society of designers, it is often possible to hear that true professionals build their work on the strict conformity of design to the brand's corporate style or simply…

...

Trends web design. Part 1

Designers are fickle people, they like to experiment with things. Therefore, they often try to solve problems of different approaches, which in the future may become mainstream and classic. As a result, other artists notice all this, begin to use some nuances themselves, after which a trend arises.

Over the past few months, the SmashingMagazine portal team has analyzed a variety of web designs, new trends, and various artistic solutions. As a result, the article “trends of web design 2009” was born: new developments, design elements and graphic approaches. All this is seasoned with the arguments of professionals and beautiful vivid examples.

In the original, the first part of the material contains 10 web design trends of the year out of 25. The rest will be published a little later. I hasten to assure you that they will also be translated and posted on the Design Mania blog pages, so stay tuned and subscribe to RSS! The only thing is that I decided to split the article into several parts, since there is a lot of information (both textual and graphical).

1. PRINTED LETTERS (OTSTISK)
One of the most unexpected trends in the review over the past few months has been the use of “printed letters” (which are as if pressed into the surface) in web design. Perhaps the most likely reason for the emergence of this trend is that such a technique has been used very rarely until today. The effect of printing is used in various styles, websites and themes, in particular, is most often found in product designs or online services.
2. ADVANCED USER INTERFACES
Fortunately, the user interfaces in modern websites and applications have become much more beautiful and friendly. Over the past year, the experience of using such solutions has increased, which has led to the development of interfaces in the direction of similarity with classical desktop applications. AJAX and Flash technologies are widely used for dynamic user interaction. This is what visitors expect from modern, complex, professional solutions.

In particular, we saw a lot more bright places, indents and free space for various design elements. We also noticed that many interfaces use intuitive visual cues for users. For example, often the buttons change their appearance depending on the state – “normal” or “pressed”. In addition, more and more services can now be “personalized” by the user, that is, configured at his discretion. For us, this is a clear sign that in 2009 adaptive user interfaces will be popular.
3. PNG TRANSPARENCY
Although PNG transparency is not supported by Internet Explorer 6, it seems that it has become very popular over the past year. Obviously, web designers are trying to integrate background images into the real content area as much as possible and are striving for style that can often be seen in print magazines. In most cases, a translucent background stands out from the general background of the page in order to emphasize some important design element, such as a headline or ad. Sometimes PNG transparency is used as a background for pop-up windows.

Last year, smashingmagazine described various ways of how to creatively use transparency in web design, and it seems like many designers decided to experiment and apply this technique in their work.
4. HUGE TYPOGRAPHY
In 2009, large typography should remain in fashion. In particular, design agencies, portfolios, websites with products and online services will use more typography to highlight the most important places and texts on their own projects.

The font size of these design elements often exceeds 36 pixels, in many cases expensive fonts are used to attract an audience. In general, designers pay more attention to typographic details, font selection. Therefore: Satley websites are more beautiful, consistent, look whole and credible.

5. REPLACING THE FONT
Also as designers pay a lot of attention to typography, they look at the use of fonts on the page of the site. Although classic Helvetica, Arial, Georgia, and Verdana undoubtedly dominate, we have seen some fonts changing trends (for example, with sIFR).

Interestingly, these fonts are often seamlessly integrated into the design. They are almost never used for the sake of the fact of the application or to “update” the typography of the website. Designers use this approach in combination with beautiful typography to improve the appearance of the project and the impression of visitors.

User Interface Performance Criteria for Web Designers and Front-End Developers
The basics. There are several performance-related issues that most likely are already known to all designers and front-end developers. These include recommendations for: performing the minimum possible number of requests;…

...

Trends of web design. Part 2
I continue to translate an article about web design trends 2009. The first 5 new fashion trends look like this: Printed letters Advanced User Interfaces PNG transparency Huge typography Font…

...

Selection of colors for the site
Coloring the appearance of the site is of great importance and with a professional approach allows the web designer to create the necessary atmosphere of the resource, corresponding to its…

...