{"id":1228,"date":"2022-12-19T22:20:02","date_gmt":"2022-12-19T19:20:02","guid":{"rendered":"https:\/\/www.aimp.ru\/blogs\/?p=1228"},"modified":"2022-12-23T08:48:02","modified_gmt":"2022-12-23T05:48:02","slug":"","status":"publish","type":"post","link":"https:\/\/aimp.ru\/blogs\/?p=1228&language=en","title":{"rendered":"Welcome!","raw":"Welcome!"},"content":{"rendered":"\n

The welcome screen is the first thing the user sees when launching the product installer. Welcome screens usually present general information about the product being installed and describe how the installer itself works. Simple enough, it would seem.<\/p>\n\n\n\n

However, there’s one more thing of particular interest – the banner. In most cases you’ll find it to the left of the text. Each software manufacturer designs banners differently – while someone takes an extremely creative approach, others go with the logo or a screenshot of the app.<\/p>\n\n\n\n

And what about AIMP banners?<\/p>\n\n\n\n\n\n\n\n

In the early 2000s, installing an app was associated with purchasing and unboxing a physical product. Consequently, installers’ banners of that time demonstrated a “box” with the app’s CD. AIMP was not an exception: <\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

Then designer Sergey Ryumin joined the project<\/a> in 2006. The banner became more beautiful and more abstract \u2014 just the product’s logo and name:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

A bit later the banner evolved to reflect the idea of the app – a sound speaker with the AIMP logo on the dust cap:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

Around the same time we thought, why not design the banner to celebrate the day the release was scheduled for? Yeah, just like Google doodles<\/a>!<\/p>\n\n\n\n

For example, here’s the banner for the release of May 8:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

We continued the tradition in AIMP2: <\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

Our New Year banner:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

In AIMP3, the installer’s banner presented the app’s main window:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

We updated the banner each time we tweaked the app’s skin:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

Our special banners remained:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

We even made some exceptions when preparing banners for some dates:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

Then followed a design trend for minimalistic UI – software manufacturers started replacing 3D elements with flat ones, app windows lost redundant frames, variegated color themes were gone and new, simpler, themes with fewer colors were introduced. AIMP did not become an exception and followed the trend (Did we really have a choice there?).<\/p>\n\n\n\n

Starting with AIMP4, the banner did not stand out that much anymore and blended in with the installer’s background. The time of year when a particular version was released defined the pattern on the banner:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

In 2017, it rained all through December, so, instead of a winter banner, we made a special version for this particular situation \u2014 torrential rain and puddles:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

Celebration banners also remained:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

For the Space Exploration day:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

For the Labor day:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

Later we learned that Soviet symbols are prohibited in some countries. We did not want to create problems for our users or ourselves, so we decided to abandon such special banners.<\/p>\n\n\n\n

However, the idea of such banners is alive to this day:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

What do you think about this? Do you enjoy seeing celebration banners? Are such things worth the team’s time and effort?<\/p>\n\n\n\n

Merry Christmas and Happy New Year!<\/p>\n","protected":false,"raw":"\n

The welcome screen is the first thing the user sees when launching the product installer. Welcome screens usually present general information about the product being installed and describe how the installer itself works. Simple enough, it would seem.<\/p>\n\n\n\n

However, there's one more thing of particular interest - the banner. In most cases you'll find it to the left of the text. Each software manufacturer designs banners differently - while someone takes an extremely creative approach, others go with the logo or a screenshot of the app.<\/p>\n\n\n\n

And what about AIMP banners?<\/p>\n\n\n\n\n\n\n\n

In the early 2000s, installing an app was associated with purchasing and unboxing a physical product. Consequently, installers' banners of that time demonstrated a \"box\" with the app's CD. AIMP was not an exception: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Then designer Sergey Ryumin joined the project<\/a> in 2006. The banner became more beautiful and more abstract \u2014 just the product's logo and name:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

A bit later the banner evolved to reflect the idea of the app - a sound speaker with the AIMP logo on the dust cap:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Around the same time we thought, why not design the banner to celebrate the day the release was scheduled for? Yeah, just like Google doodles<\/a>!<\/p>\n\n\n\n

For example, here's the banner for the release of May 8:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

We continued the tradition in AIMP2: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Our New Year banner:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

In AIMP3, the installer's banner presented the app's main window:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

We updated the banner each time we tweaked the app's skin:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Our special banners remained:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

We even made some exceptions when preparing banners for some dates:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Then followed a design trend for minimalistic UI - software manufacturers started replacing 3D elements with flat ones, app windows lost redundant frames, variegated color themes were gone and new, simpler, themes with fewer colors were introduced. AIMP did not become an exception and followed the trend (Did we really have a choice there?).<\/p>\n\n\n\n

Starting with AIMP4, the banner did not stand out that much anymore and blended in with the installer's background. The time of year when a particular version was released defined the pattern on the banner:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

In 2017, it rained all through December, so, instead of a winter banner, we made a special version for this particular situation \u2014 torrential rain and puddles:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Celebration banners also remained:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

For the Space Exploration day:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

For the Labor day:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Later we learned that Soviet symbols are prohibited in some countries. We did not want to create problems for our users or ourselves, so we decided to abandon such special banners.<\/p>\n\n\n\n

However, the idea of such banners is alive to this day:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

What do you think about this? Do you enjoy seeing celebration banners? Are such things worth the team's time and effort?<\/p>\n\n\n\n

Merry Christmas and Happy New Year!<\/p>\n"},"excerpt":{"rendered":"","protected":false,"raw":""},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_ru_post_content":"\n

\u042d\u043a\u0440\u0430\u043d \u043f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044f - \u044d\u0442\u043e \u043f\u0435\u0440\u0432\u043e\u0435, \u0447\u0442\u043e \u0432\u0438\u0434\u0438\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c, \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430. \u041e\u0431\u044b\u0447\u043d\u043e, \u044d\u043a\u0440\u0430\u043d\u044b \u043f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044f \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u043e\u0431\u0449\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e\u0431 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0435 \u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441\u0430\u043c\u043e\u0433\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a\u0430. \u041e\u0434\u043d\u0430\u043a\u043e, \u0442\u0443\u0442 \u0435\u0441\u0442\u044c \u043e\u0434\u043d\u0430 \u0448\u0442\u0443\u043a\u0430, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0430\u044f \u043e\u0441\u043e\u0431\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0435\u0441 - \u0431\u0430\u043d\u043d\u0435\u0440 (\u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043e\u043d \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d \u0441\u043b\u0435\u0432\u0430 \u043e\u0442 \u0442\u0435\u043a\u0441\u0442\u0430). \u041a \u0431\u0430\u043d\u043d\u0435\u0440\u0430\u043c \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439 \u041f\u041e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443 - \u043a\u0442\u043e-\u0442\u043e \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u0442 \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u043a\u0440\u0435\u0430\u0442\u0438\u0432\u0430, \u043a\u0442\u043e-\u0442\u043e - \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043b\u043e\u0433\u043e \u0438\u043b\u0438 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b. <\/p>\n\n\n\n

\u0410 \u043a\u0430\u043a \u0441 \u0431\u0430\u043d\u043d\u0435\u0440\u0430\u043c\u0438 \u0443 AIMP?<\/p>\n\n\n\n\n\n\n\n

\u0412 \u043d\u0430\u0447\u0430\u043b\u0435 2000-\u044b\u0445 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u043e\u0442\u043e\u0436\u0434\u0435\u0441\u0442\u0432\u043b\u044f\u043b\u0430\u0441\u044c \u0441 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0440\u0430\u0441\u043f\u0430\u043a\u043e\u0432\u043a\u043e\u0439 \u0442\u043e\u0432\u0430\u0440\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a\u043e\u0432 \u0442\u0435\u0445 \u0432\u0440\u0435\u043c\u0435\u043d \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0438 \u0432 \u0431\u0430\u043d\u043d\u0435\u0440\u0430\u0445 \"\u043a\u043e\u0440\u043e\u0431\u043a\u0443\" \u0441 \u0434\u0438\u0441\u043a\u043e\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b, AIMP \u043d\u0435 \u0441\u0442\u0430\u043b \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0421 \u043f\u0440\u0438\u0445\u043e\u0434\u043e\u043c \u0432 \u043f\u0440\u043e\u0435\u043a\u0442<\/a> \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u0421\u0435\u0440\u0433\u0435\u044f \u0420\u044e\u043c\u0438\u043d\u0430 \u0432 2006 \u0433. \u0431\u0430\u043d\u043d\u0435\u0440 \u0432 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a\u0435 \u0441\u043c\u0435\u043d\u0438\u043b\u0441\u044f \u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u0438 \u0431\u043e\u043b\u0435\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 - \u043f\u0440\u043e\u0441\u0442\u043e \u043b\u043e\u0433\u043e \u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0410 \u0437\u0430\u0442\u0435\u043c \u0438 \u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u0442\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 - \u043d\u0430 \u0437\u0432\u0443\u043a\u043e\u0432\u043e\u0439 \u0434\u0438\u043d\u0430\u043c\u0438\u043a \u0441 \u043b\u043e\u0433\u043e AIMP \u043d\u0430 \u043f\u044b\u043b\u0435\u0437\u0430\u0449\u0438\u0442\u043d\u043e\u043c \u043a\u043e\u043b\u043f\u0430\u0447\u043a\u0435: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u041f\u0440\u0438\u0431\u043b\u0438\u0437\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432 \u0442\u043e \u0436\u0435 \u0432\u0440\u0435\u043c\u044f \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u0438\u0434\u0435\u044f \u0441\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u0430\u043d\u043d\u0435\u0440 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u0434 \u0434\u0430\u0442\u0443, \u043a \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u0440\u0438\u0443\u0440\u043e\u0447\u0435\u043d \u0440\u0435\u043b\u0438\u0437 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 - \u0430\u0433\u0430, \u043f\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0438 \u0441 \u0434\u0443\u0434\u043b\u0430\u043c\u0438 \u0413\u0443\u0433\u043b\u0430<\/a>! <\/p>\n\n\n\n

\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u0435\u043b\u0438\u0437 \u043e\u0442 8 \u043c\u0430\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u0447\u043d\u044b\u0439 \u0431\u0430\u043d\u043d\u0435\u0440:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0412 AIMP2 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u044f \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u043b\u0430\u0441\u044c: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0422\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043d\u043e\u0432\u043e\u0433\u043e\u0434\u043d\u0438\u0439 \u0431\u0430\u043d\u043d\u0435\u0440:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0412 AIMP3 \u0431\u0430\u043d\u043d\u0435\u0440 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a\u0430 \u0441\u0442\u0430\u043b \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u043e\u0432\u0430\u0442\u044c \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0414\u043e\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043b\u0441\u044f \u0441\u043a\u0438\u043d - \u043c\u0435\u043d\u044f\u043b\u0441\u044f \u0438 \u0431\u0430\u043d\u043d\u0435\u0440:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u041e\u0434\u043d\u0430\u043a\u043e \u0441\u043f\u0435\u0446-\u0431\u0430\u043d\u043d\u0435\u0440\u044b \u043d\u0438\u043a\u0443\u0434\u0430 \u043d\u0435 \u0438\u0441\u0447\u0435\u0437\u043b\u0438:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

\u0418 \u0434\u0430\u0436\u0435 \u0431\u044b\u043b\u0438 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0432 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

\u041f\u043e\u0441\u043b\u0435 \u043f\u043e\u0448\u043b\u0430 \u043c\u043e\u0434\u0430 \u043d\u0430 \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 - 3\u0445-\u043c\u0435\u0440\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043d\u0430\u0447\u0430\u043b\u0438 \u0437\u0430\u043c\u0435\u043d\u044f\u0442\u044c \u043d\u0430 \u043f\u043b\u043e\u0441\u043a\u0438\u0435, \u0438\u0437 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 \u043f\u0440\u043e\u043f\u0430\u043b\u0438 \u043b\u0438\u0448\u043d\u0438\u0435 \u0440\u0430\u043c\u043e\u0447\u043a\u0438 \u0438 \u043f\u0435\u0441\u0442\u0440\u043e\u0442\u0430. AIMP \u043d\u0435 \u0441\u0442\u0430\u043b \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c - \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b \u0442\u0440\u0435\u043d\u0434\u0443 (\u0430 \u0443 \u043d\u0430\u0441 \u0431\u044b\u043b \u0438\u043d\u043e\u0439 \u0432\u044b\u0431\u043e\u0440?). <\/p>\n\n\n\n

\u041d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 AIMP4, \u0431\u0430\u043d\u043d\u0435\u0440 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043b \u0431\u0440\u043e\u0441\u0430\u0442\u044c\u0441\u044f \u0432 \u0433\u043b\u0430\u0437\u0430 \u0438 \u0441\u0442\u0430\u043b \u0447\u0430\u0441\u0442\u044c\u044e \u043e\u0431\u0449\u0435\u0433\u043e \u0444\u043e\u043d\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a\u0430. \u0412 \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043a \u044d\u0442\u043e\u043c\u0443, \u0442\u0435\u043f\u0435\u0440\u044c \u0431\u0430\u043d\u043d\u0435\u0440 \u0441\u0442\u0430\u043b \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0433\u043e\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b\u0448\u043b\u0430 \u0442\u0430 \u0438\u043b\u0438 \u0438\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u043f\u043b\u0435\u0435\u0440\u0430: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

\u0412 2017 \u0433\u043e\u0434\u0443 \u0432\u0435\u0441\u044c \u0434\u0435\u043a\u0430\u0431\u0440\u044c \u0443 \u043d\u0430\u0441 \u0448\u0435\u043b \u0434\u043e\u0436\u0434\u044c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u043c\u0435\u0441\u0442\u043e \u0437\u0438\u043c\u043d\u0435\u0433\u043e \u0431\u0430\u043d\u043d\u0435\u0440\u0430 \u0432 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u0441\u043f\u0435\u0446.\u0432\u0435\u0440\u0441\u0438\u044f - \u043f\u0440\u043e\u043b\u0438\u0432\u043d\u043e\u0439 \u0434\u043e\u0436\u0434\u044c \u0438 \u043b\u0443\u0436\u0438: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u041f\u0440\u0430\u0437\u0434\u043d\u0438\u0447\u043d\u044b\u0435 \u0431\u0430\u043d\u043d\u0435\u0440\u044b \u0442\u0430\u043a \u0436\u0435 \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u041a\u043e \u0434\u043d\u044e \u043a\u043e\u0441\u043c\u043e\u043d\u0430\u0432\u0442\u0438\u043a\u0438: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u041a \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u043a\u0443 \u0442\u0440\u0443\u0434\u0430:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0412 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0435 \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u0441\u043e\u0432\u0435\u0442\u0441\u043a\u0430\u044f \u0441\u0438\u043c\u0432\u043e\u043b\u0438\u043a\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u043d\u043e\u0439 \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u0442\u0430\u043d\u0430\u0445, \u0438, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043d\u0430 \u043f\u0443\u0441\u0442\u043e\u043c \u043c\u0435\u0441\u0442\u0435 \u043d\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c, \u043d\u0438 \u0441\u0435\u0431\u0435 - \u043c\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0445 \u0441\u043f\u0435\u0446.\u0431\u0430\u043d\u043d\u0435\u0440\u043e\u0432.<\/p>\n\n\n\n

\u0425\u043e\u0442\u044f \u0441\u0430\u043c\u0430 \u0438\u0434\u0435\u044f \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0445 \u0431\u0430\u043d\u043d\u0435\u0440\u043e\u0432 \u0436\u0438\u0432\u0430 \u0438 \u043f\u043e \u0441\u0435\u0439 \u0434\u0435\u043d\u044c:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

\u0410 \u0447\u0442\u043e \u0432\u044b \u0434\u0443\u043c\u0430\u0435\u0442\u0435 \u043d\u0430 \u044d\u0442\u043e\u0442 \u0441\u0447\u0435\u0442? \u0421\u0442\u043e\u0438\u0442 \u0443\u0434\u0435\u043b\u044f\u0442\u044c \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0442\u0430\u043a\u0438\u043c \u043c\u0435\u043b\u043e\u0447\u0430\u043c?<\/p>\n\n\n\n

\u0421 \u041d\u0430\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0438\u043c \u043d\u043e\u0432\u044b\u043c \u0433\u043e\u0434\u043e\u043c \u0438 \u0420\u043e\u0436\u0434\u0435\u0441\u0442\u0432\u043e\u043c!<\/p>\n","_ru_post_name":"%d0%bf%d1%80%d0%b8%d0%b2%d0%b5%d1%82","_ru_post_excerpt":"","_ru_post_title":"\u041f\u0440\u0438\u0432\u0435\u0442!","_en_post_content":"\n

The welcome screen is the first thing the user sees when launching the product installer. Welcome screens usually present general information about the product being installed and describe how the installer itself works. Simple enough, it would seem.<\/p>\n\n\n\n

However, there's one more thing of particular interest - the banner. In most cases you'll find it to the left of the text. Each software manufacturer designs banners differently - while someone takes an extremely creative approach, others go with the logo or a screenshot of the app.<\/p>\n\n\n\n

And what about AIMP banners?<\/p>\n\n\n\n\n\n\n\n

In the early 2000s, installing an app was associated with purchasing and unboxing a physical product. Consequently, installers' banners of that time demonstrated a \"box\" with the app's CD. AIMP was not an exception: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Then designer Sergey Ryumin joined the project<\/a> in 2006. The banner became more beautiful and more abstract \u2014 just the product's logo and name:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

A bit later the banner evolved to reflect the idea of the app - a sound speaker with the AIMP logo on the dust cap:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Around the same time we thought, why not design the banner to celebrate the day the release was scheduled for? Yeah, just like Google doodles<\/a>!<\/p>\n\n\n\n

For example, here's the banner for the release of May 8:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

We continued the tradition in AIMP2: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Our New Year banner:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

In AIMP3, the installer's banner presented the app's main window:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

We updated the banner each time we tweaked the app's skin:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Our special banners remained:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

We even made some exceptions when preparing banners for some dates:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Then followed a design trend for minimalistic UI - software manufacturers started replacing 3D elements with flat ones, app windows lost redundant frames, variegated color themes were gone and new, simpler, themes with fewer colors were introduced. AIMP did not become an exception and followed the trend (Did we really have a choice there?).<\/p>\n\n\n\n

Starting with AIMP4, the banner did not stand out that much anymore and blended in with the installer's background. The time of year when a particular version was released defined the pattern on the banner:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

In 2017, it rained all through December, so, instead of a winter banner, we made a special version for this particular situation \u2014 torrential rain and puddles:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Celebration banners also remained:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

For the Space Exploration day:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

For the Labor day:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Later we learned that Soviet symbols are prohibited in some countries. We did not want to create problems for our users or ourselves, so we decided to abandon such special banners.<\/p>\n\n\n\n

However, the idea of such banners is alive to this day:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

What do you think about this? Do you enjoy seeing celebration banners? Are such things worth the team's time and effort?<\/p>\n\n\n\n

Merry Christmas and Happy New Year!<\/p>\n","_en_post_name":"","_en_post_excerpt":"","_en_post_title":"Welcome!","edit_language":"en","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1228","post","type-post","status-publish","format-standard","hentry","category-1"],"views":4801,"_links":{"self":[{"href":"https:\/\/aimp.ru\/blogs?language=en%2Findex.php&rest_route=\/wp\/v2\/posts\/1228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aimp.ru\/blogs?language=en%2Findex.php&rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aimp.ru\/blogs?language=en%2Findex.php&rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aimp.ru\/blogs?language=en%2Findex.php&rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aimp.ru\/blogs?language=en%2Findex.php&rest_route=%2Fwp%2Fv2%2Fcomments&post=1228"}],"version-history":[{"count":0,"href":"https:\/\/aimp.ru\/blogs?language=en%2Findex.php&rest_route=\/wp\/v2\/posts\/1228\/revisions"}],"wp:attachment":[{"href":"https:\/\/aimp.ru\/blogs?language=en%2Findex.php&rest_route=%2Fwp%2Fv2%2Fmedia&parent=1228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aimp.ru\/blogs?language=en%2Findex.php&rest_route=%2Fwp%2Fv2%2Fcategories&post=1228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aimp.ru\/blogs?language=en%2Findex.php&rest_route=%2Fwp%2Fv2%2Ftags&post=1228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}