フラットでシンプルなポートフォリオサイトのWebデザイン

Webデザイン３つの良いとこ : 3 Good Point!

またまたベタ塗りWebデザイン、私の好みなのかもしれませんｗ

要所要所で必要な情報のみを扱っているのでとても見やすいですね。ポートフォリオサイトはこのくらいシンプルで伝えたいことを伝える感じに仕上げたいものです。

しかも、なんとこのサイトはTwitter Bootstrapで作られたWebデザインのようです。ここまで出来るなんてー！ただ見ただけじゃ全然わかりませんでした。

上図はサイトのベタ塗りが切り替わる箇所を上から順にキャプチャしたのもです。

一番上は落ち着いたブルーにしていますが、そこからグレーがだんだん暗くなっていっています。

単調なグレーの場合、目が飽きてしまうところをこのようなコントラストの演出で抑えているんですね。いつかのNIKEのWebデザインもこのような手法をとっていました。

ただベタ塗りで、色をつければ良いというわけではない。そこを調整するのがWebデザイナーの腕の見せ所ですね。

また、bootstrapということで、レスポンシブウェブデザインに対応しています。画面を小さくすると、真ん中のキャラクターが下にいくので、可愛いですよ！ぜひ一度御覧ください。

今日参考にさせて頂いたサイト

Twitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。ぜひフォローしてください！