高品質なウェブレイアウトをデザインするPhotoshopチュートリアル40個まとめ

シンプルなグリッドデザインからデザイン性の高いウェブレイアウトまで、Photoshopを利用される方も多いのではないでしょうか。

新しいデザインテクニックを詳しいチュートリアルとして多く公開されています。

海外デザインブログnoupeで、さまざまなテクニックを利用したPhotoshopでのウェブレイアウトの作成方法を40個まとめたエントリー「Photoshop Web Design Layout Tutorials from 2010」をご紹介します。

オシャレな色使いでデザインも楽なPhotoshop用ウェブデザインキット

ウェブサイトにおいて、ユーザーのよく利用するインターフェースデザインは重要なデザインパーツのひとつです。

シンプルでクールなウェブサイトデザインを、あまり時間をかけずに作成したい方にオススメなウェブデザインキットを見つけました。

海外デザインブログEmazekrakerで、ウェブサイトで利用するであろうインターフェースデザインをまとめたPhotoshop用デザインキットPSDファイル「Web Wireframe Kit」が公開されていたので、今回はご紹介します。

ウェブデザインのワイヤーフレームに必要な1000個+の無料ベクター素材セット

ウェブサイトを制作するときに、手描きのモックアップで下書きをした後にデザインに取り掛かる方も多いのではないでしょうか。

使い回して利用することで、ワイヤーフレーム作成の作成時間を節約してくれる便利な無料素材を見つけました。

ホームページやブログで効果的なサイドバーをデザインする12のポイント

多くのホームページやブログではサイドバーがレイアウト、設置されています。

幅やコンテンツ、レイアウト方法などはさまざまですが、共通するポイントがあるように思えます。

海外デザインブログ1st Webdesignerで、サイドバーの効果をカテゴリー別にまとめたエントリー「Effective Use of Blog Sidebar Section – Inspiration & Tips」が公開されていたので、今回はご紹介します。

ウェブデザインに使える無料ピクセルアイコン素材23個まとめ

インターネットサービスが発達する以前よりピクセルでデザインされたアイコンはよく利用されるデザインパーツのひとつです。

操作感の重要なユーザーインターフェースなどにも利用されており、直感的に選ぶことができます。

ウェブデザインなどに使える無料ベクター素材76個まとめ

デザインをするときにベクター素材を利用する方いらっしゃいますか。

ベクター素材のメリットは、拡大縮小も自由自在ですし、Illustratorで作成した後、Photoshopに移行してデザインを続けることも可能な点ではないでしょうか。

商用可、ウェブデザインに必要なアイコンを750個揃えた完全保存版セット

ウェブデザインの重要なパーツのひとつはアイコンではないでしょうか。

個別にデザインするとなると時間も労力もかかってしまいがちですが、今回ご紹介するアイコンセットを使ってみてはいかがでしょうか。

商用利用が可能で、いろいろな用途に応じて使い分けることができる総計750個のアイコンをまとめた「Addictive Flavour Icon Sets」がSmashing Magazineより公開されています。