Webデザイン

効果的にコンテンツを配置する代表的な3つのレイアウトとは

2011/05/13(Fri) 11:14

代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介しています。

http://coliss.com/articles/build-websites/operation/design/3-design-layouts-by-vanseodesign.html

ウェブ上でアイコンを作成するサイト。

2011/04/06(Wed) 11:08

ウェブアイコンを作成出来るサイトです。favicon.icoを作成するのに便利です。

http://www.xiconeditor.com/

画像からカラーパレットを表示するウェブサイト。 | imgr

2011/04/05(Tue) 10:59

画像に合わせてカラーテイストを考えたい時に役に立ちます。

http://www.imgr.co/imgr.php

ページの幅とカラムを自動で計算してくれるウェブサイト。

2011/04/04(Mon) 10:45

ウェブサイトのデザインをするときに、とても気になるのがカラムのバランス。ページの幅とカラムを自動で計算してくれる便利なサイトです。

http://gridulator.com/

Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio | コリス

2011/03/31(Thu) 11:07

アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介しています。

http://coliss.com/articles/freebies/freebies-graphic-resource-of-fireworks-webportio.html

ユーザーの視線を誘導する３つのユーザビリティ改善方法*ホームページを作る人のネタ帳

2011/03/24(Thu) 10:37

ユーザーに訴えたい事を、ユーザーにきちんと届ける為に、どのような方法があるのかを紹介しています。

http://e0166.blog89.fc2.com/blog-entry-831.html

Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ - かちびと.net

2011/03/23(Wed) 10:12

デザインの基礎、書籍紹介、経験談などの役立つ情報のリンクが紹介されています。

http://kachibito.net/web-design/lectures-and-tips-articles.html

持ってると便利なピクセルベースのPhotoshopのパターン素材 | コリス

2011/03/15(Tue) 11:45

ディテールの強化やテクスチャの作成に便利な、ドットやラインのピクセルベースのPhotoshopのパターン素材を紹介しています。

http://coliss.com/articles/freebies/freebies-photoshop-repeating-pixel-patterns-by-line25.html

日本語で読めるPhotoshopチュートリアル集 まとめ | 日刊ウェブログ式

2011/03/11(Fri) 11:07

Photoshopのチュートリアルを日本語で説明したページを集めたサイトです。日本語だとわかりやすくて便利です。

http://toshiiy.blog22.fc2.com/blog-entry-137.html

最低限知っておきたいフォントの基礎知識 | ラクスルマガジン

2011/03/09(Wed) 11:28

oldstyle、modern、Slab serif、Sans serif、script、decorativeといったフォントの基礎知識を紹介しています。

http://magazine.raksul.com/?p=886