{"id":"winamp-skin","no":503,"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」","url":"https://archive.org/details/winampskins"},"reference":{"status":"verified","pageUrl":"https://archive.org/details/winampskins","credit":"Internet Archive「Winamp Skins Collection」"},"essence":"素人が描いて配った再生機の顔。矩形の窓枠を捨てて据置オーディオ機器の前面パネルを模し、数字も文字も書体ではなくビットマップの絵として一枚の画像に並べて描く。","cues":["矩形の窓枠を捨て、据置機器の前面パネルを模した外形になっている","数字と英字が等幅の極小ビットマップとして一枚の画像に並ぶ","金属の反射も液晶の発光も、階調ではなくドットの打ち分けで作られる","本体・イコライザ・プレイリストの三枚が吸着して、縦に一つの装置に見える"],"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":"Player faces drawn and passed around by amateurs. The rectangular window frame is thrown away for the front panel of a piece of stereo equipment, and even the digits and letters are drawn as bitmap pictures laid side by side on a single sheet.","cues":["A non rectangular outline that imitates the front panel of a piece of stereo equipment","Digits and letters drawn as tiny monospaced bitmaps laid out on one sheet","Metal reflections and glowing displays built by placing dots rather than by tonal gradation","Three windows, player, equalizer and playlist, snapping together into one upright device"],"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":["the contents of the .wsz files gathered in the Internet Archive's Winamp Skins Collection","where the single sheet holding all the parts is cut apart","comparing works that split into metal, anime and the very small while keeping the same frame"]},"links":{"page":"https://indexstyle.org/styles/winamp-skin","json":"https://indexstyle.org/api/styles/winamp-skin","designSpec":"https://indexstyle.org/styles/winamp-skin/design.md","imagePrompt":"https://indexstyle.org/styles/winamp-skin/prompt.txt"},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}