ウープスデザインブログ (デザイナーまめこ)

東京都でフリーランスデザイナーをしているイシジマミキのブログです。制作実績やその作り方とか。あと運営しているコワーキングスペース「こけむさズ」に関して。書評などのレビューもします。

重ねると見えなくなる…。そんな時は「乗算」で欲張り解決!

2013年3月22日

「勝手に! NGワード診断」 Facebookアプリデザイン | ウープスデザインブログ (デザイナーまめこ)

で「NGワード」というのが伝わりやすいように口にバツマークをつけたイラストを作りました。

スクリーンショット 2013 01 26 5 51 38

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

普通にやったら上手くいかない

スクリーンショット 2013 01 26 5 54 46

バツをそのまま乗せてしまうと、口が見えなくなってしまいます。またピンクの上に赤というのも違いが分かりづらいです。

対策1.「色を変える」

黒などの色にすれば分かりやすいですが、「NG」などの禁止事項は赤で表現されるのがおなじみですよね。ここは変えたくない。しかも口が見えづらいまま…。

対策2.「太さを変える」

細くすれば、口が見えるようになります。でもなんかバランス悪いですね…。

「NG」という言葉がキモなのに、それを表す大切な要素のひとつ(もうひとつは口)バツマークが、印象薄いのも伝わりずらいです。

答え 「部分的な乗算をする」

スクリーンショット 2013 01 26 5 52 27

こうすることで、バツマークも口のイラストもしっかり見えます。

色を保ったまま、太さも変えない。欲張りな解決の仕方をしてみました。

スクリーンショット 2013 01 26 5 52 39

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

スクリーンショット 2013 01 26 6 02 38

一から書き起こしはしないで、バウンディングボックスやワープでカタチを変えるだけでOK!あとは上下反転させて数を増やしています。

シンプルなカタチだと、上記のように雑に扱っても違和感なく仕上がるので時間短縮に使えます。

少しでも役だったらシェアしたり、コメントもらえると記事を書くモチベーションが跳ね上がります!

▲ ページ上部へ戻る

5 Responses 重ねると見えなくなる…。そんな時は「乗算」で欲張り解決!to “”

  1. @webzine_japan より:

    重ねると見えなくなる…。そんな時は「乗算」で欲張り解決! http://t.co/Ue6F5rDEQ1

  2. @woopsdez より:

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

  3. @DTP_Transit より:

    重ねると見えなくなる…。そんな時は「乗算」で欲張り解決! | ウープスデザインブログ (デザイナーまめこ)
    http://t.co/heq2DZkplQ

  4. @atama_radio より:

    重ねると見えなくなる…。そんな時は「乗算」で欲張り解決! | ウープスデザインブログ (デザイナーまめこ) http://t.co/gqSeAXkldD

  5. 重ねると見えなくなる…。そんな時は「乗算」で欲張り解決! | ウープスデザインブログ (デザイナーまめこ) http://t.co/fmlP09yjcT

Leave a Reply