「勝手に！NGワード診断」というFacebookアプリのデザインをお手伝いさせていただきました。
ボタンを押すと、わたしが今月言っちゃいけないフレーズを診断してくれます。
ちなみに自分はこれw
うわー！これは確かに言われたくないwww むしろ自分が言われたくないです。
こういった診断系は、ニュースフィードに流れてくるとついやってしまいますよね。みなさんもぜひお試しあれ。
どんな風なグラフィックにしよう？
ご希望いただいたデザインのトーン&マナーが、女性をイメージした色合いながらシャープさがあるものでしたので、そこら辺を意識して作りました。
ここからは自分がどのように、見た目を作ったか解説していきます。今回はロゴを取り上げます。
もしアナタだったらどんな見た目にしますか？ それを考えついてから下の文を読むのも面白いかもしれません。
NGワードをモチーフに落としこむには…
NGワード…。これを聞くと「クイズ歳の差なんて」が浮かびますね。懐かしい。はじめはこれらの動画を参考資料にしようとして漁っていたのですが、ビジュアルでイメージが強いものはなかったです。
あの音、すごい記憶に残りますよね。もしiPhoneアプリとかで音を自由にならしていいのであれば、オマージュとしてそれに似た音を作ってみたいです。
マスクに×マークはどうだろう？
【楽天市場】マスク デコ！！ ワンポイントアイテムでお洒落に♪ 10枚セット【バツマスク ホワイトマスク】：ＤＥＣＯ＊ＣＨＵ
よくクイズバラエティで一回休みのときなどに使われる、こんなマスク。これが分かりやすいかなと思ったのですが、インパクトが弱いので断念しました。
言葉→口かな！
見た目で遊べそうで面白そうなモチーフとして「口」を使うことにしました。作るのもカンタンです。
一応下絵を書きます。
鉛筆ツールでくるっと適当な円を描いて歯とかベロを入れます。
できあがったイラストはこんな感じ。
いくつかバリエーションが欲しいので、複数つくります。
一から書き起こしはしないで、バウンディングボックスやワープでカタチを変えるだけでOK！あとは上下反転させて数を増やしています。
シンプルなカタチだと、上記のように雑に扱っても違和感なく仕上がるので時間短縮に使えます。
グラフィックデザインに役立つTIPS
この制作物をもとに２つほどTIPSを書きました。参考になれば幸い。
1.重ねると見えなくなる…。そんな時は「乗算」で欲張り解決！
スピード重視！
以前どこかに取り上げられたとおり、わたしは特急案件を専門的に受けてそれ以外はキリギリスのようにブラブラしています。
今回の案件はフルコミで8時間でした。カンタンなイメージだと月曜日に初稿提出し、火曜日に修正、水曜日に画像を納品し、木曜日にリリースといったカタチです。※曜日は適当です。
こういった短期な案件はモチベーションの維持がしやすいので、一発集中で作れるのが楽しいです。
できればこういった案件とロゴとアイコンだけ作って生活したいー。
関連エントリー
-
前回の「勝手に! NGワード診断」に続いて「勝手に漢字一文字診断」も作らせていただきました。 あなたを漢字一文字で表すと何になるのでしょう…？ 占いが大好きなのでこういうのついやってしまうんですよね…。自分の知らない、ス…
少しでも役だったらシェアしたり、コメントもらえると記事を書くモチベーションが跳ね上がります！
月曜日に着手して金曜日にリリースするというスピード案件でした。楽しかった！//「勝手に! NGワード診断」 Facebookアプリデザイン | ウープスデザインブログ (デザイナーまめこ) http://t.co/wbjMSkQupA