Winampスキン
Winamp Skin / 1997–2005 / スタイル / デジタル・レトロ
素人が描いて配った再生機の顔。矩形の窓枠を捨てて据置オーディオ機器の前面パネルを模し、数字も文字も書体ではなくビットマップの絵として一枚の画像に並べて描く。
ひと目で判断
見た目の特徴
- 矩形の窓枠を捨て、据置機器の前面パネルを模した外形になっている
- 数字と英字が等幅の極小ビットマップとして一枚の画像に並ぶ
- 金属の反射も液晶の発光も、階調ではなくドットの打ち分けで作られる
- 本体・イコライザ・プレイリストの三枚が吸着して、縦に一つの装置に見える
向いている用途
- 1990年代末のパソコン文化を、画面の中で再現する展示や動画をつくるとき
- 利用者が見た目を差し替えられる仕組みを、画像一式だけという単純な形で設計するとき
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 文字は書体としてではなくビットマップとして描く。数字と英字を1枚の画像に等幅で並べ、必要な字だけ切り出して貼る。
- 構成
- 部品の座標を固定して絵だけを差し替える。窓は役割ごとに分け、それぞれの外形は1枚の画像の透明部分で切り抜く。
- 素材
- 少ない色数のビットマップを、拡大縮小しない等倍前提で描く。金属の反射も液晶の発光も、ドットの並べ方だけで表す。
- 注意
- 座標が固定されているので、絵の主張を強くするほど押せる場所が地に沈む。装飾を載せたあとで、操作面との明暗差を必ず見直す。
- 関連研究
- Internet Archive の Winamp Skins Collection に集められた .wsz の中身 / 部品を並べた1枚の画像がどこで切り出されているか / 同じ枠のまま金属、アニメ、極小へ分かれた作例の比較
関連項目
- メタルハート（Metalheart）共通する印象：反骨。Winampスキンとメタルハートの違いを見る
- ピクセルアート（Pixel Art）共通する印象：遊び / 懐かしさ。Winampスキンとピクセルアートの違いを見る
デジタル・レトロをさらに見る
同じ「デジタル・レトロ」から、共通する印象が多い順に次の項目を選んだ。
- ウェブ1.0（Web 1.0）共通する印象：懐かしさ / 遊び / 反骨。
- ワイツーケー（Y2K）共通する印象：遊び / 懐かしさ。
- ウェブ2.0グロス（Web 2.0 Gloss）共通する印象：懐かしさ / 遊び。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/winamp-skin
- Markdown
- [Winampスキン（Winamp Skin） — デザインスタイル辞典](https://indexstyle.org/ja/styles/winamp-skin)
- HTML
- <a href="https://indexstyle.org/ja/styles/winamp-skin">Winampスキン（Winamp Skin） — デザインスタイル辞典</a>