Winamp Skin
Winampスキン / 1997–2005 / スタイル / デジタル・レトロ
音楽再生ソフト Winamp の外見を丸ごと差し替える画像一式が「スキン」と呼ばれ、素人の作り手が10万点規模で量産した最初の画面様式。窓の寸法も部品の座標も全員が共有したまま、絵だけが金属からアニメまで分岐した。
どのスキンでも本体窓の寸法とボタンの座標が同じで、絵だけが入れ替わる / 部品が1枚のビットマップに並べて描かれ、状態ごとに切り出して貼られる / 矩形の窓枠を捨てて、据置機器の前面パネルを模した非矩形の外形 / 本体、イコライザ、プレイリストの3つの窓が吸着して縦につながる
辞書情報
- 向いている用途
- 1990年代末のパソコン文化を、画面の中で再現する展示や動画をつくるとき。利用者が見た目を差し替えられる仕組みを、画像一式だけという単純な形で設計するとき
- 文字
- 文字は書体としてではなくビットマップとして描く。数字と英字を1枚の画像に等幅で並べ、必要な字だけ切り出して貼る。
- 構成
- 部品の座標を固定して絵だけを差し替える。窓は役割ごとに分け、それぞれの外形は1枚の画像の透明部分で切り抜く。
- 素材
- 少ない色数のビットマップを、拡大縮小しない等倍前提で描く。金属の反射も液晶の発光も、ドットの並べ方だけで表す。
- 注意
- 座標が固定されているので、絵の主張を強くするほど押せる場所が地に沈む。装飾を載せたあとで、操作面との明暗差を必ず見直す。
- 関連研究
- Internet Archive の Winamp Skins Collection に集められた .wsz の中身 / 部品を並べた1枚の画像がどこで切り出されているか / 同じ枠のまま金属、アニメ、極小へ分かれた作例の比較
関連項目
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- 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>