ども。
個人所有のPCがまた一台増えそうな担当ちゅんです。近日自作予定？
さて、最近は業務の中で簡易的なデザインに取り組むことが多くなっています。
「にわかSE」は、たまに「にわかデザイナー」にもなるのです。ちなみに、当ウェブサイトのトップページ『こんなときには』にあるピクトグラム絵は、恥ずかしながら私の作品です。
もちろん、本業のデザイナーさんにはかなうわけはありません。が、ちょっとしたウェブサイトを作った際に、いちいち配色や画像をデザイナーさんに発注していては、予算がいくらあっても足りません。なので、自分の感性を頼りに、利用できるものは最大限利用して、いかにもそれっぽく仕上げるというのが「にわか流」です。
本日は、私がよく利用しているウェブサービスを2つほどご紹介します。
まずは、色です。ウェブサイトの見た目は、ほぼ色で決まるといっても良いくらい、重要な要素です。例えば、誠実さやクリーンさを強調したければ白をベースに、暖かみを強調したければベージュをベースに、といった具合です。
私はこうした基調となる色を決定する際、次のサイトをよく利用します。
ColorBlender.com | Your free online color matching toolbox
http://colorblender.com/
もちろん、無料です。サイトにあるカラースライダーを動かしていくと、ベースとなる色と、それによく馴染む色がいくつか表示されます。気に入った配色ができたら、16進数のカラーコードをメモ。ウェブサイトでは、この色から外れないよう気をつけてデザインすると、統一したカラーのサイトが簡単につくれます。
次は、ストライプです。単色でベタッと色をつけてもいいのですが、ワンポイントにストライプを用いると、強調できて個人的にオススメです。
ストライプを作る際は、次のサイトを利用しています。
Background Image Maker
http://lab.rails2u.com/bgmaker/
これも無料。先ほどのサイト同様、カラースライダーを動かしたり、マージンの値を変えたりしてストライプ画像を作成します。完成した画像は、別途画像編集ソフトに持っていって、レイヤーとしてかぶせて使います。簡単にできるので時間の短縮にも繋がります。
こうした無料のウェブサービスを駆使すると、あなたもきっと「にわかデザイナー」になれますよ！
上記２つのサービスを組み合わせるとほら！それっぽくなります。
（投稿者：ちゅん）
