「勝手に! NGワード診断」 Facebookアプリデザイン | ウープスデザインブログ (デザイナーまめこ)
で「NGワード」というのが伝わりやすいように口にバツマークをつけたイラストを作りました。

この口のイラストにバツマークをつけたい場合。みなさんだったらどうしますか?
普通にやったら上手くいかない

バツをそのまま乗せてしまうと、口が見えなくなってしまいます。またピンクの上に赤というのも違いが分かりづらいです。
対策1.「色を変える」
黒などの色にすれば分かりやすいですが、「NG」などの禁止事項は赤で表現されるのがおなじみですよね。ここは変えたくない。しかも口が見えづらいまま…。
対策2.「太さを変える」
細くすれば、口が見えるようになります。でもなんかバランス悪いですね…。
「NG」という言葉がキモなのに、それを表す大切な要素のひとつ(もうひとつは口)バツマークが、印象薄いのも伝わりずらいです。
答え 「部分的な乗算をする」

こうすることで、バツマークも口のイラストもしっかり見えます。
色を保ったまま、太さも変えない。欲張りな解決の仕方をしてみました。

いくつかバリエーションが欲しいので、複数つくります。

一から書き起こしはしないで、バウンディングボックスやワープでカタチを変えるだけでOK!あとは上下反転させて数を増やしています。
シンプルなカタチだと、上記のように雑に扱っても違和感なく仕上がるので時間短縮に使えます。
おしらせ
少しでも役だったらシェアしたり、コメントもらえると記事を書くモチベーションが跳ね上がります!










重ねると見えなくなる…。そんな時は「乗算」で欲張り解決! http://t.co/Ue6F5rDEQ1
Illustratorの演算も便利に使える。 重ねると見えなくなる…。そんな時は「乗算」で欲張り解決! | ウープスデザインブログ (デザイナーまめこ) http://t.co/9IJQpgLkAe
重ねると見えなくなる…。そんな時は「乗算」で欲張り解決! | ウープスデザインブログ (デザイナーまめこ)
http://t.co/heq2DZkplQ
重ねると見えなくなる…。そんな時は「乗算」で欲張り解決! | ウープスデザインブログ (デザイナーまめこ) http://t.co/gqSeAXkldD
重ねると見えなくなる…。そんな時は「乗算」で欲張り解決! | ウープスデザインブログ (デザイナーまめこ) http://t.co/fmlP09yjcT