Instagramがアイコンに使用しているストローク幅と、同じ結果を得る方法は?


8

私は新しいアプリのIllustratorアイコンでデザインしています。1pxのストロークを使用してモバイルでプレビューすると、非常に細く見えます。私は同じものを再現しようとしましたが、彼らは1.3pxあたりのストロークを使用していると思います。私の理解が間違っている場合、またInstagramアイコンと同じ結果を得るにはどうすればよいですか?

ここに例があります、それが私のポイントを理解するのに役立つことを願っています:

画像1は1pxのストロークです。

これは1pxのストロークです

画像2はInstagramの例です。

これはInstagramの例です

画像3は2pxのストロークです。

これは2pxのストロークです


1
GD.SEへようこそ、こんにちはYouness Mazouzです。質問に画像のアイコンの例を付けてください。ここで回答するすべての人がInstagramユーザーではありません。

回答:


10

これが当てはまるかどうかはわかりませんが、アイコンが二重ストロークで作成されて、偽のストローク幅を模倣している場合があります。下のアイコンには、3つの異なるストロークがあります。

  1. 1px
  2. 黒1px +灰色2px
  3. 2px

アイコン

これは2番目のアイコン構造です。

アイコンの構造


2
ダニエロに感謝、それはうまくいった!私はあなたの例のように1px + 1.3pxオールブラックを使用し、それは素晴らしい結果をもたらしました。
ユネスネス

喜んでお手伝いします...
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.