What can you learn in Japanese website designs?
Back in 2014, we published an interesting selection of designs of Japanese anime sites. Surely you can guess that the works there are presented quite specific and original. They are…

Continue reading →

Detailed Info Here . Details . description
The ideal form of authorization - how to do it is not necessary (errors and tips)
Recently, we posted a number of useful tips on creating effective registration forms on the site, and today we want to talk about the authorization / login unit. Recently, a…

Continue reading →

The difference between UI and UX: a practical example
Today there will be a guest post on the topic of UX and UI interfaces on the example of working with the Icons8 service. I know what you are thinking:…

Continue reading →

The ideal form of authorization - how to do it is not necessary (errors and tips)
Recently, we posted a number of useful tips on creating effective registration forms on the site, and today we want to talk about the authorization / login unit. Recently, a…

...

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.

Design as a means of storytelling
You, as a designer, need to be aware that the plot on which the content is based later appears before any other components of the site. Content can not be…

...

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…

...

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…

...