В прошлой заметке я показывал вам, как бы могла выглядеть Figma, выйди она в 2006 году в составе пакета Adobe CS2. На следующую идею меня натолкнула новость про то, что легендарный Winamp в сентябре получил обновление 5.9.

Как известно, в 2013 разработку Winamp свернули, после чего плеер продали, и следующий официальный апдейт он увидел только спустя 5 лет. Когда AOL объявила закрытии Winamp, по интернету прокатилась волна прощаний с героем плеером. Наверное, сразу вспоминается страница памяти от Яндекса и Spotiamp.

Касательно Spotiamp, если кто не слышал, была такая история, что якобы Spotify выпустил свой Winamp как дань уважения плееру. Spotiamp воспроизводил музыку со Spotify, но для этого нужна была премиум-подписка.

Насколько правда, что разработкой занимался Spotify, я не знаю. Порывшись в интернете, я понял две вещи. Первое, что этим плеером, который не обновлялся с версии 0.2, всё ещё пользуются некоторые энтузиасты.А второе - это то, что авторы прямо указывают на отсутствие принадлежность к Spotify.

К чему я это всё? Мы любили Winapm много за что, но, думаю, в первую очередь, конечно же, за скины. А я раньше никогда не рисовал скинов…

Разработку Spotify начали в 2006 году, а официальный запуск состоялся в 2008. Если верить интернету, то в 2006 первая версия приложения уже была закончена. Оставшиеся 2 года до запуска были потрачены в первую очередь на поиск музыкальных партнеров.

И так, предположим, что Spotify запустился в 2006, и в качестве неплохой такой рекламной компании они навернули скин на всеми горячо любимый Winamp. Ну, и возможно, плагин какой написали для связи с собственным сервисом. Честно признаюсь, я искал такой скин, перерыл всякие архивные сайты и даже нашел один в Музее скинов Winamp, но что-то уже из 2015.

Мне же хотелось сделать ретро, чтобы было, как выразился один из комментаторов под моим прошлым постом: “настолько тогдашний, аж олдскулы свело”. Не знаю, на сколько у меня это получилось, но я старался. Встречайте!

В общем и целом компоновку плеера я почти не менял. Всё рисовалось в Figma, и честно признаюсь, что в процессе я не раз вспоминал Photoshop. Его стили слоёв были очень удобны для подобного дизайна. Но это можно пережить.

Для детального разглядывания (много картинок)

Вот и всё. Если вдруг, неожиданно, кому нужны обои, их можно взять ниже, но, боюсь, я слишком ленивый, чтобы открыть файл и отрендерить его в нужном вам разрешении. Так что можете сделать это самостоятельно, скачав исходник.

И напоследок я всё же решил выложить Figma-исходник Spotiamp, ну и исходник Figma CS2 из прошлой заметки. Внимание! Внутри полный творческий бардак ????

Ссылка на макет Spotiamp в Figma

Ссылка на макет Figma CS2 в Figma

Всем спасибо, до свидания!