UIパック

Sandbox メニューアイコン — 16px二色セット

温かい砂の二色メニューアイコン6点、16×16グリッド。再生・一時停止・設定・持ち物・地図・決定。シートと個別。

  • ui
  • svg
  • 透過png
  • アイコン
  • 16px
  • メニュー
  • 二色
  • ボクセル
  • ライトUI
  • 建築
  • サンドボックス
温かい砂のタイル上に置いた二色メニューアイコン6点。大きく見せ、シートに並べ、さらに実寸16ピクセルでも表示
プレビュー 1600×635透明部分は市松模様で表示

このパックについて

16pxのグリッドに置いた二色のアイコンで、ここでいちばん小さいものです。サンドボックスのツールバーは一度に二十個を抱えます。二色目が輪郭の仕事をしており、淡い地の上の16pxの輪郭なら潰れてしまいます。

六点のアイコンはすべて16×16の厳密なグリッドに乗り、線幅は一律2.5 pxで、視覚上の重さも揃えてあります。だから並べたときに、たまたま同じ大きさの六枚の絵ではなく一つのセットに見えます。カバーするのは再生、一時停止、設定、持ち物、地図、決定です。

どのアイコンもちょうど二つの値しか持ちません。本体の色と、その中で抜いたアクセントの細部です。それがパレットのすべてで、影もグラデーションもベベルもありません。だからセットの色替えは置換二回で済み、アクセントはインターフェースの他の用途に空けておけます。

セットは三通りで届きます。個別のSVGは、エンジンがベクターをラスタライズする場合や自分で編集する場合に使うものです。96×16のシートは、テクスチャ一枚と矩形オフセットを好むエンジン向けに六点点を同じグリッドへ並べます。N番目のセルは x = N × 16 から始まります。PNGの書き出しは1x・2x・4xをカバーし、透過の縁もきれいです。

ダウンロード

直リンク · 登録不要 · 待機ページなし
ZIPをダウンロード21 kB

フルセット — 個別SVG、シート、1x/2x/4xのPNG書き出し

このパックに含まれるファイル
ファイル形式容量ダウンロード
フルセット — 個別SVG、シート、1x/2x/4xのPNG書き出しZIP21 kB 入手 →
アイコンシート、編集可能なSVGSVG1.8 kB 入手 →

使い方

  1. シート上でN番目のアイコンは x = N × 16、y = 0、幅16、高さ16の矩形を占めます。順番は再生、一時停止、設定、持ち物、地図、決定です。
  2. アイコンは1x、2x、4xで整数ピクセル上に置いてください。2.5 pxの線を端数倍率でレンダリングすることこそ、鮮明なアイコンを灰色のにじみに変えてしまう原因です。
  3. 色を変えるにはSVG内の二つの値、本体色とアクセントの細部を変更してください。PNGへのベタ塗り着色は二色を一色に潰すので、二色の読みを保つならSVGの段階で変えてください。
  4. タッチ対象では、アイコンを16 pxのまま保ち、拡大するのは背後のボタンにしてください。線の太さはこのサイズに合わせてあります。

ライセンス

クリエイティブ・コモンズ ゼロ 1.0 — パブリックドメイン。クレジット表記も不要です。 全文 · 実際どういう意味か