Winamp Skin

Winampスキン / 1997–2005 / Style / Digital Retro

Sets of bitmaps that replace the entire face of the Winamp audio player, called skins, and made by amateurs on a scale of a hundred thousand and more. Everyone worked inside the same window dimensions and the same fixed control positions, so only the picture varied, running from chrome to anime to eight bit.

Every skin shares the same main window size and the same button coordinates, only the artwork changes / Parts drawn side by side on a single bitmap sheet and cut out per state at runtime / A non rectangular outline that imitates the front panel of a piece of stereo equipment / Three windows, player, equalizer, and playlist, snapping together into one vertical stack

Images at the source page

Dictionary entry

Best used for: Rebuilding the feel of late 1990s desktop culture inside a screen for an exhibit or a video · Designing a theming mechanism where a user swaps nothing but a folder of bitmaps
Type: Draw letters as bitmaps rather than setting type. Lay digits and letters out at fixed width on one sheet and blit only the glyphs you need.
Composition: Freeze the coordinates of every control and change only the artwork. Split the interface into role specific windows and cut each silhouette from the transparency of a single image.
Material: Work in a small palette at one to one pixel scale with no resampling. Render both metal reflection and glowing readouts purely by how the dots are arranged.
Caution: Because the coordinates are fixed, the louder the artwork gets the more the controls sink into it, so check the contrast between decoration and operable surface after the art is done.
Further study: Internet Archive の Winamp Skins Collection に集められた .wsz の中身 / 部品を並べた1枚の画像がどこで切り出されているか / 同じ枠のまま金属、アニメ、極小へ分かれた作例の比較

Related entries

Cite this entry

The dictionary is meant to be linked to. Take whichever form fits where you are writing.

Link: https://indexstyle.org/styles/winamp-skin
Markdown: [Winamp Skin — IndexStyle](https://indexstyle.org/styles/winamp-skin)
HTML: <a href="https://indexstyle.org/styles/winamp-skin">Winamp Skin — IndexStyle</a>

Back to index position