В прошлой заметке я показывал вам, как бы могла выглядеть Figma, выйди она в 2006 году в составе пакета Adobe CS2. На следующую идею меня натолкнула новость про то, что легендарный Winamp в сентябре получил обновление 5.9.
Как известно, в 2013 разработку Winamp свернули, после чего плеер продали, и следующий официальный апдейт он увидел только спустя 5 лет. Когда AOL объявила закрытии Winamp, по интернету прокатилась волна прощаний с героем плеером. Наверное, сразу вспоминается страница памяти от Яндекса и Spotiamp.
![Интернет прощается с Winamp. Фото с места событий, 2013 год. Интернет прощается с Winamp. Фото с места событий, 2013 год.](https://habrastorage.org/getpro/habr/upload_files/5a5/b3e/1ce/5a5b3e1ceef5a7102b78be286acab474.png)
Касательно Spotiamp, если кто не слышал, была такая история, что якобы Spotify выпустил свой Winamp как дань уважения плееру. Spotiamp воспроизводил музыку со Spotify, но для этого нужна была премиум-подписка.
![Так оно выглядит Так оно выглядит](https://habrastorage.org/getpro/habr/upload_files/85f/e79/2b7/85fe792b79080d81a2741137325893e3.png)
Насколько правда, что разработкой занимался Spotify, я не знаю. Порывшись в интернете, я понял две вещи. Первое, что этим плеером, который не обновлялся с версии 0.2, всё ещё пользуются некоторые энтузиасты.А второе - это то, что авторы прямо указывают на отсутствие принадлежность к Spotify.
![Интернет всё помнит Интернет всё помнит](https://habrastorage.org/getpro/habr/upload_files/990/8c4/5c6/9908c45c686415fda6421d9c565db2a8.png)
К чему я это всё? Мы любили Winapm много за что, но, думаю, в первую очередь, конечно же, за скины. А я раньше никогда не рисовал скинов…
Разработку Spotify начали в 2006 году, а официальный запуск состоялся в 2008. Если верить интернету, то в 2006 первая версия приложения уже была закончена. Оставшиеся 2 года до запуска были потрачены в первую очередь на поиск музыкальных партнеров.
И так, предположим, что Spotify запустился в 2006, и в качестве неплохой такой рекламной компании они навернули скин на всеми горячо любимый Winamp. Ну, и возможно, плагин какой написали для связи с собственным сервисом. Честно признаюсь, я искал такой скин, перерыл всякие архивные сайты и даже нашел один в Музее скинов Winamp, но что-то уже из 2015.
![Spotiamp Modern Skin by kran Spotiamp Modern Skin by kran](https://habrastorage.org/getpro/habr/upload_files/c71/506/d22/c71506d22308135a705e4fa1553c07c9.png)
Мне же хотелось сделать ретро, чтобы было, как выразился один из комментаторов под моим прошлым постом: “настолько тогдашний, аж олдскулы свело”. Не знаю, на сколько у меня это получилось, но я старался. Встречайте!
![Да и замечание по поводу подходящих под эпоху “обоев” я тоже учел, и накидал что-то похожее в Blender Да и замечание по поводу подходящих под эпоху “обоев” я тоже учел, и накидал что-то похожее в Blender](https://habrastorage.org/getpro/habr/upload_files/2d3/65d/7d3/2d365d7d35ffaf485a2a1e42221ad376.png)
В общем и целом компоновку плеера я почти не менял. Всё рисовалось в Figma, и честно признаюсь, что в процессе я не раз вспоминал Photoshop. Его стили слоёв были очень удобны для подобного дизайна. Но это можно пережить.
![Сам плеер Сам плеер](https://habrastorage.org/getpro/habr/upload_files/a75/e40/a03/a75e40a03ba22b4dfa79a21a287f162b.png)
![С плейлистом С плейлистом](https://habrastorage.org/getpro/habr/upload_files/f2a/bb8/d28/f2abb8d2803fc259e96254e6f897b269.png)
![И с эквалайзером И с эквалайзером](https://habrastorage.org/getpro/habr/upload_files/0f9/da8/0e2/0f9da80e27eb7d5211d24c0714fec46c.png)
Для детального разглядывания (много картинок)
![](https://habrastorage.org/getpro/habr/upload_files/e51/4b4/497/e514b44974f92e97c149ae9722cf0e40.png)
![](https://habrastorage.org/getpro/habr/upload_files/9aa/c38/5e1/9aac385e1fdea3beb06092de19b6553b.png)
![](https://habrastorage.org/getpro/habr/upload_files/891/414/1ed/8914141ed7f3bd2fb23aa842662bee77.png)
![](https://habrastorage.org/getpro/habr/upload_files/06b/97f/2ea/06b97f2ea13d5910df6e8c913790efde.png)
![](https://habrastorage.org/getpro/habr/upload_files/f92/6c9/c03/f926c9c034b67857f436dffdf293c295.png)
![](https://habrastorage.org/getpro/habr/upload_files/ac0/964/4ba/ac09644baf535f5f77fee999fa0697e6.png)
![](https://habrastorage.org/getpro/habr/upload_files/0a9/626/3ae/0a96263ae0b1b6962ceabbbf04e2aedf.png)
Вот и всё. Если вдруг, неожиданно, кому нужны обои, их можно взять ниже, но, боюсь, я слишком ленивый, чтобы открыть файл и отрендерить его в нужном вам разрешении. Так что можете сделать это самостоятельно, скачав исходник.
![Обои для вечно молодых Обои для вечно молодых](https://habrastorage.org/getpro/habr/upload_files/096/b03/f27/096b03f278c533ea630b325a76ce4d77.png)
И напоследок я всё же решил выложить Figma-исходник Spotiamp, ну и исходник Figma CS2 из прошлой заметки. Внимание! Внутри полный творческий бардак ?
Ссылка на макет Spotiamp в Figma
Ссылка на макет Figma CS2 в Figma
Всем спасибо, до свидания!