こんにちは。
WEB制作をするときに迷うのが
ボタンやバナー、メニュー等のデザイン。
色々凝りたくはなるのですが
「Simple is Best」という言葉があるように
意外とシンプルな方が、サイトがまとまりやすいということがあります。
今回は、あえてシンプルなデザインのメニューを作ってみたので
参考にしてみてくださいね♪
画像をクリックすると全体を見ることができます。
例えばこのようなメニュー。
まだまだ改善の余地はたくさんあるのですが
背景に単純にグレーと白のグラデーションをかけ
その上に角丸の薄い白いラインが入っているだけです。
テキストは、灰色で縁取りしています。
次はこちらです。
基本的には同じような感じなのですが、今回はグラデーションをかなり薄めにかけています。
背景に淡いブルーと白のグラデーションをかけ
そのグラデーションをちょうど半分で区切るように白いオブジェクトを重ねています。
テキストは白で縁取りをしています。
最後はこちらです。
これこそ究極のシンプルさです。
背景は白、下にラインを入れて、テキストを入力しただけです。
手抜きと言われてしまえばそこまでなのですが（笑）
どれも確かに手はかかっていません。
制作時間は１つ5分程度です。
実はサイトの雰囲気を壊さずにボタンやバナーを制作するコツというのがあります。
上記の3つのバナーもすべて共通しているのですが
下記がうまくまとめるコツです。
というよりは、個人的に意識して作っているポイントと言った方がよいですね♪
・色は全体的に薄めに
・一つのバナーやボタンの中で利用する色は多様せず、同系色でまとめる
これだけです。
意外と「色を薄めに」というのが重要だったりします。
初めて制作すると、どうしても色々な色を使ってしまいます。
そうすると一見華やかにはななりますが
出来上がったものを見ると、まとまりがなく、色が多すぎてどこが大切な情報なのかが
わからなくなってしまうことがあります。
ですので、色を決めるときは「薄めに」という意識をもつと
サイト全体をうまくまとめることができますよ。
ぜひ参考になさってくださいね★
パソコンスクールISA 船橋校 並木
最近のコメント