Web制作に役立つ情報一覧

[CSS]画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションを適用する方法と注意点

2012/01/13(Fri) 10:23

CSS3を使って、画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションなどを適用するさまざまなテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css3-image-styles-by-webdesignerwall.html

Photoshopマジック、すごすぎる写真加工、レタッチ術チュートリアル20個まとめ

2012/01/12(Thu) 10:16

ファッション雑誌などでよく目にする美しい写真の多くは、レタッチ加工されていることが多いようです。特にPhotoshopはプロの現場でも利用されているツールのひとつで、魔法のような加工を可能にします。

http://photoshopvip.net/archives/30123

Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ

2012/01/12(Thu) 10:12

色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。

http://webdesignrecipes.com/photoshop-layer-style-and-1px-webdesign/

洗練されたデザインのUIエレメントのPSD素材のまとめ

2012/01/11(Wed) 11:18

そのまま使ってもよし、デザインの勉強にもよしの洗練されたデザインのUIエレメントのPSD素材を紹介しています。

http://coliss.com/articles/freebies/freebies-pixel-perfect-psd-ui-elements.html

今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々

2012/01/11(Wed) 11:16

「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを紹介しています。

http://webya.opdsgn.com/webdesign/fontsforwebdesigne/

レスポンシブwebデザインで制作する時のポイント

2012/01/10(Tue) 10:24

PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、ディスプレイの幅に合わせてデザインを最適化する方法を紹介しています。

http://design-spice.com/2011/09/22/responsive-web-desig/

デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き

2012/01/10(Tue) 10:21

デザインの基礎の基礎、レイアウトについてデザインするときに気をつけたいデザインの基礎の注意書きを紹介しています。

http://webdesignrecipes.com/web-design-beginner-learning-dtp-design/

ホワイトスペース -十分に利用されていないデザインエレメント

2012/01/06(Fri) 10:41

ウェブデザインにおいて、ホワイトスペースが生みだす効果とその利用方法を紹介しています。

http://coliss.com/articles/build-websites/operation/design/whitespace-the-underutilized-design-element.html

基本的だけど大切なタイポグラフィのシンプルな14のルール

2012/01/06(Fri) 10:38

ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介しています。

http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html

webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか

2012/01/05(Thu) 13:27

webサイトを作成するときに、どうしてもサイト全体の色を決められないという人の為のエントリを紹介しています。

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