デザイン配色のお手本、色使いのきれいなWebサイト27個まとめ

Webサイトの印象に大きな影響を与える「配色」、色による具体的なイメージの違いについても以前触れています。

そうは言ってもなかなか難しい色の組み合わせ方には頭を悩まされます。

海外デザインブログWeb Design Ledgerで、Webデザインの参考にしたい色使いが魅力的なサイトを27個まとめたエントリー「27 Examples of Color Usage in Web Design」が公開されていたので、今回はご紹介します。

Webレイアウトデザインの参考にしたいPhotoshopチュートリアル25個まとめ（+サンプルPSD素材）

Webサイトを制作するときにPhotoshopを利用するひとは多いのではないでしょうか。

海外デザインブログSix Revisionで、Photoshopを使ったウェブレイアウト用チュートリアルを25個まとめたエントリー「25 Excellent Photoshop Web Design layout Tutorials」が公開されていたので、今回はご紹介します。

グリッドラインを利用してデザインされたすっきりとしたウェブサイトデザイン40個まとめ

多くのウェブサイトやブログなどで取り入れられているトレンドのひとつでもるグリッドラインを利用したウェブデザイン。

たくさんのデザインパーツをすっきり表示したい時などに威力を発揮してくれ、サイトの管理も比較的簡単にできるという点が多くのユーザーに利用されている理由かもしれません。

グリッドラインをボタンひとつで作成するPhotoshop用アクションファイル

ウェブデザイン制作を行うときにどのような手順で行いますか。

まずグリッドラインをデザインしてからデザインパーツを組み立てていく方も多いのではないでしょうか。

海外デザインブログJohnny Ninesでは、ボタンひとつでさまざまなグリッドラインを生成してくれるPhotoshop用アクションファイル「960 Grid System Photoshop Actions」が公開されていたので、今回はご紹介します。

グリッドを使ったウェブレイアウトのデザイン方法＆具体的サンプル

いくつかの有名ホームページ、ウェブサイトを見てみると、どれも細かいところまで作り込まれたデザインとなっていませんか。

どのサイトもグリッドを使ってレイアウトされたものが多いように感じます。

グリッドを使うことでデザイナーに論理的で安定的なウェブレイアウトを組むことが可能となります。

グリッドを使うことのは退屈なデザインに仕上げるためではありません。