Essay on trends in design and technology for 2013
All holidays are over, it's time to think about how the year will come. What will be in the trend, and what will forever leave the Internet and become just a story - now we will try to find out. So, about the most rapidly changing technologies and design in 10 paragraphs.
')
In the first place, deservedly, is the most useful, in our opinion, trend - responsive website design. For those who come across this term for the first time, we’ll explain this site design, which provides good perception on various devices, be it a computer monitor, laptop, iPad, any other tablet, or mobile phone. Moreover, the development of separate versions of the site is not required, as it was recently accepted, no pda.site.ru or m.site.com. When opened on a device, the site automatically determines how to display it correctly. Fantastically comfortable!
To begin with, we will explain skekomorphism - a design element that is copied from the shape of another object. IPhone users should be familiar with it, most applications are implemented just by this principle.
This approach is being replaced by another in design - oriented towards typographical and “iconic” user interface design, of which Metro UI is a prominent representative.
Not so long ago, Denis kortunov in his article very well described this trend, with all its pluses and minuses.
Most designers recently choose single-page site templates. They are more efficient, users can easily focus on the content. And using the features of HTML5 in the animation, you can easily create a dynamic and interesting design in a single-page template. This trend is gaining special popularity with the increasing use of various touchscreen devices - tablets and mobile phones.
Large images are attractive and attract the attention of users. Increasingly, big brands, when designing their home pages, use full-screen images. This trend is gaining popularity and further, sure, such sites will become more and more.
Another interesting direction is the use of more white space. Clean design helps users easily focus on the core elements and be less distracted.
New technologies, such as HTML5, CSS3, as well as good old JavaScript, are everywhere replacing Flash.
Flash is poorly applicable when search engine optimization site, difficult to upgrade and most mobile devices do not support it. Most sites that are currently using Flash, gradually abandon it in their work.
New CSS3 features allow you to control and change the transparency of any element on the page, making it possible to create elegant and responsive interfaces. And for all this, Photoshop is no longer needed.
It is also worth noting an interesting trend, when the link hover (effect on hovering over the link) is made smooth. Most reputable designer blogs, such as, for example, smashingmagazine.com have been using this technique for a long time, and lately it can often be found on other sites.
Apple has presented Retina screens to the whole world, the graphics of which are twice as dense as those of conventional LCD monitors. A twice clearer image means that regular graphics will look bad on them. And with the growing popularity of retina-screens, this fact cannot be ignored.
A simple and elegant way by which, when scrolling through a page, the navigation bar “sticks” to the top of the screen and remains in front of the user's eyes. This method makes navigation easier, you no longer need to go back up, the menu is always before your eyes.
Another trend in design that needs to be mentioned here is the use of the “up” button, which appears when scrolling a page by more than one screen. With it, the user can quickly and easily return to the beginning of the article. Vkontakte, Film Search or Habrahabr have long used this technique in their work. On our studio website, we also use fixed navigation bars.
At the heart of any design is always content. And increasingly, designers design every page of the site, trying to present the content in the most understandable and accessible way to the user. There are more tools for this, infographics, magazine layout of sites, illustrations, and with the help of new HTML5 features, there are more and more options and ways of presenting text.
An infographic is a visual presentation of content that is an excellent tool for presenting a large amount of complex data in a simple and understandable form. Interactive infographics allows the user to interact with this data. Using the new features that HTML5 introduces, you can create a form of presenting information that will attract the user's attention and even amaze him.
In fact, we live in a dynamic time, when one technology replaces another very quickly. The trends that we have identified are the product of our own experience and observation.
1. Responsive design
')
In the first place, deservedly, is the most useful, in our opinion, trend - responsive website design. For those who come across this term for the first time, we’ll explain this site design, which provides good perception on various devices, be it a computer monitor, laptop, iPad, any other tablet, or mobile phone. Moreover, the development of separate versions of the site is not required, as it was recently accepted, no pda.site.ru or m.site.com. When opened on a device, the site automatically determines how to display it correctly. Fantastically comfortable!
2. End of skeuomorphism in design
To begin with, we will explain skekomorphism - a design element that is copied from the shape of another object. IPhone users should be familiar with it, most applications are implemented just by this principle.
This approach is being replaced by another in design - oriented towards typographical and “iconic” user interface design, of which Metro UI is a prominent representative.
Not so long ago, Denis kortunov in his article very well described this trend, with all its pluses and minuses.
3. Single Page Templates
Most designers recently choose single-page site templates. They are more efficient, users can easily focus on the content. And using the features of HTML5 in the animation, you can easily create a dynamic and interesting design in a single-page template. This trend is gaining special popularity with the increasing use of various touchscreen devices - tablets and mobile phones.
4. Large images and free space
Large images are attractive and attract the attention of users. Increasingly, big brands, when designing their home pages, use full-screen images. This trend is gaining popularity and further, sure, such sites will become more and more.
Another interesting direction is the use of more white space. Clean design helps users easily focus on the core elements and be less distracted.
5. The widespread rejection of flush
New technologies, such as HTML5, CSS3, as well as good old JavaScript, are everywhere replacing Flash.
Flash is poorly applicable when search engine optimization site, difficult to upgrade and most mobile devices do not support it. Most sites that are currently using Flash, gradually abandon it in their work.
6. Transparency and smoothness
New CSS3 features allow you to control and change the transparency of any element on the page, making it possible to create elegant and responsive interfaces. And for all this, Photoshop is no longer needed.
It is also worth noting an interesting trend, when the link hover (effect on hovering over the link) is made smooth. Most reputable designer blogs, such as, for example, smashingmagazine.com have been using this technique for a long time, and lately it can often be found on other sites.
7. Retina support
Apple has presented Retina screens to the whole world, the graphics of which are twice as dense as those of conventional LCD monitors. A twice clearer image means that regular graphics will look bad on them. And with the growing popularity of retina-screens, this fact cannot be ignored.
8. Fixed navigation blocks
A simple and elegant way by which, when scrolling through a page, the navigation bar “sticks” to the top of the screen and remains in front of the user's eyes. This method makes navigation easier, you no longer need to go back up, the menu is always before your eyes.
Another trend in design that needs to be mentioned here is the use of the “up” button, which appears when scrolling a page by more than one screen. With it, the user can quickly and easily return to the beginning of the article. Vkontakte, Film Search or Habrahabr have long used this technique in their work. On our studio website, we also use fixed navigation bars.
9. Smart content management.
At the heart of any design is always content. And increasingly, designers design every page of the site, trying to present the content in the most understandable and accessible way to the user. There are more tools for this, infographics, magazine layout of sites, illustrations, and with the help of new HTML5 features, there are more and more options and ways of presenting text.
10. Interactive infographics
An infographic is a visual presentation of content that is an excellent tool for presenting a large amount of complex data in a simple and understandable form. Interactive infographics allows the user to interact with this data. Using the new features that HTML5 introduces, you can create a form of presenting information that will attract the user's attention and even amaze him.
In fact, we live in a dynamic time, when one technology replaces another very quickly. The trends that we have identified are the product of our own experience and observation.
Source: https://habr.com/ru/post/167869/
All Articles