「100%スケールでアイコンを設計する」とはどういう意味ですか?


13

Androidのマテリアルデザインガイド

システムアイコンは24dpで表示されます。アイコンを作成するときは、ピクセル精度のために100%スケールで設計することが重要です。

100%規模で設計することの意味は何ですか?アイコンの寸法は24 * 24 dpでなければならないということですか?または、SVGファイル形式のように、スケーリングによってデータの損失や歪みなどが生じないファイル形式にする必要があるということですか?


1
Stack Overflowにこれについて書かれた素晴らしい記事があります-Androidのpx、dp、dip、spの違いは?
-AndrewH

1
@AndrewH私は違いを知っています!問題は、「100%規模で何かを設計する」という意味です。
慰め

回答:


23

100%スケールで設計するということは、アイコンを表示/出力するサイズ(ピクセル単位)で設計することを意味します。

24px×24pxアイコンをデザインする場合は、Illustratorでアートボードを設定するか、Photoshopでドキュメントを設定するか、24px×24pxで使用するその他のものを設定します。

マテリアルデザインガイドから引用されているように、これはピクセル精度のためです。より大きなスケールで作業する場合、またはピクセルを考慮せずにベクター形式で作業する場合は、後でサイズを24ピクセルに縮小します。形状、パス、ポイント、またはピクセルはピクセルグリッドに合わせられず、この例に示す効果:

ここに画像の説明を入力してください

dpは絶対的な測定単位ではなく、さまざまな実際のピクセルサイズに変換されるため、注目に値します。100%スケールで設計することは、各ピクセルサイズを個別に設計することも意味します。(ありがとうヨリック!)


非常に正確で明確な回答をありがとうございました。=)
Solace

また、派生した「スライドスケール測定」である「24 dp」は、引用されたコンテキストでの「100%スケールの設計」は、理想的には、あらゆる可能な密度に対して異なるアイコンが必要であることを意味することを認識することも重要です。
ヨリック

1
@Yorik非常に良い点。私の答えを更新しました。
カイ

必ずしもすべての解像度で個別に作業する必要はありません。48は24とまったく同じ設計で、126、128、64、32もすべて共有できます。ただし、16pxの手動ピクセル化がおそらく必要になります。最も一般的な解像度については、この投稿を参照してください。
curiousdannii
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.