{"id":"winamp-skin","no":537,"name":"Winamp Skin","ja":"Winampスキン","era":"1997–2005","family":"デジタル・レトロ","kind":"スタイル","collection":"Dictionary expansion 26","addedAt":"2026-08-19","source":{"title":"Internet Archive — \"Winamp Skins Collection\"（Jason Scott / archive.org、102,972点）","url":"https://archive.org/details/winampskins"},"reference":{"status":"verified","pageUrl":"https://archive.org/details/winampskins","credit":"Internet Archive — \"Winamp Skins Collection\"（Jason Scott / archive.org、102,972点）"},"essence":"音楽再生ソフト Winamp の外見を丸ごと差し替える画像一式が「スキン」と呼ばれ、素人の作り手が10万点規模で量産した最初の画面様式。窓の寸法も部品の座標も全員が共有したまま、絵だけが金属からアニメまで分岐した。","cues":["どのスキンでも本体窓の寸法とボタンの座標が同じで、絵だけが入れ替わる","部品が1枚のビットマップに並べて描かれ、状態ごとに切り出して貼られる","矩形の窓枠を捨てて、据置機器の前面パネルを模した非矩形の外形","本体、イコライザ、プレイリストの3つの窓が吸着して縦につながる"],"intents":["遊び","反骨","懐かしさ"],"works":["1990年代末のパソコン文化を、画面の中で再現する展示や動画をつくるとき","利用者が見た目を差し替えられる仕組みを、画像一式だけという単純な形で設計するとき"],"recipe":{"type":"文字は書体としてではなくビットマップとして描く。数字と英字を1枚の画像に等幅で並べ、必要な字だけ切り出して貼る。","layout":"部品の座標を固定して絵だけを差し替える。窓は役割ごとに分け、それぞれの外形は1枚の画像の透明部分で切り抜く。","material":"少ない色数のビットマップを、拡大縮小しない等倍前提で描く。金属の反射も液晶の発光も、ドットの並べ方だけで表す。"},"avoid":"座標が固定されているので、絵の主張を強くするほど押せる場所が地に沈む。装飾を載せたあとで、操作面との明暗差を必ず見直す。","colors":["#3F3F3F","#00FF00","#000000"],"motif":"graphic","pair":["metalheart","pixel-art"],"study":["Internet Archive の Winamp Skins Collection に集められた .wsz の中身","部品を並べた1枚の画像がどこで切り出されているか","同じ枠のまま金属、アニメ、極小へ分かれた作例の比較"],"en":{"essence":"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.","cues":["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"],"works":["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"],"recipe":{"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.","layout":"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."},"avoid":"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.","study":["Internet Archive の Winamp Skins Collection に集められた .wsz の中身","部品を並べた1枚の画像がどこで切り出されているか","同じ枠のまま金属、アニメ、極小へ分かれた作例の比較"]}}