Sketch メニューアイコン — 32px線画セット

2.5pxの線で32pxのグリッドに置き、パネルと同じ落ち着かない線で描いたアイコンです。グリッドが大きいのは装飾ではありません。16pxのアイコンの上で揺れる輪郭はレンダリングの不具合として読まれ、手として読まれるまでに場所が要ります。

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

すべて単色です。ファイルごとに値は一つだけなので、セット全体の色替えは置換一回、PNGを使うならマテリアル側の着色一回で済みます。影もグラデーションもベベルも焼き込まれていません。自前の照明を抱えたアイコンは、あなたのインターフェースが変わった瞬間に合わなくなるからです。

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

クリエイティブ・コモンズ 表示 4.0 — 商用利用も無料。クレジット表記が必要です。 全文 · 実際どういう意味か