Webデザイン

ウェブデザイナーのための基本的なデザインの10のルール

2012/09/06(Thu) 12:01

ウェブページを制作する際、ユーザーに正しく効果的にメッセージを届けるための基本的なルールを紹介しています。

http://coliss.com/articles/build-websites/operation/design/10-basic-graphic-design-rules-for-web-designers-by-webdesigndev.html

クリック率・コンバージョン率を高めるボタン。3つの大きなポイント

2012/09/03(Mon) 11:07

行動を呼びかけるためのボタン（Call to Action Button）についての考えをまとめています。

http://creators-manual.com/button_conversion/

ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ

2012/08/07(Tue) 11:37

2012年上半期、チェックしておきたいUIデザインをdribbleから紹介します。ほとんどのものがPSDファイルをダウンロードできるので、勉強になりますよ。

http://coliss.com/articles/build-websites/operation/design/showcase-ui-design-first-half-of-2012-by-dribble.html

黄金比や白銀比など最適な比率を計算してくれる「Metallic Ratio」

2012/07/30(Mon) 11:42

図形が最も美しく見えるとして1：1.618という比率は黄金比。「Metallic Ratio」では縦や横の幅を記入すると自動的にそれらの比率に従って長方形を作ってくれます。

http://gigazine.net/news/20120704-metallic-ratio/

あなたが作ったサイトのフッターの役割は？12のフッター活用方法！

2012/07/20(Fri) 11:18

ウェブデザインで重要なフッターデザインについて紹介しています。

http://creators-manual.com/footer12/

Webユーザビリティを改善するための5つのポイントと方法

2012/07/12(Thu) 11:10

「基本的なルールを利用する」「使わなくても忘れない」といったWebユーザビリティを改善するためのポイントと方法を紹介しています。

http://creators-manual.com/usability/

人はなぜ角丸に魅かれるのか、その理由と角丸の効果的な使い方

2012/07/10(Tue) 11:53

ウェブのインターフェイスだけでなく、現実の世界でもたくさんの角丸を目にします。角丸は一時のトレンドではなく、デザインのスタンダードと言ってもよいでしょう。そんな角丸がなぜ好まれるのか、どう使えばよいのか、ウェブページにどのように実装するのかなどを紹介しています。

http://coliss.com/articles/build-websites/operation/design/why-do-we-love-roundes-corners-by-designmodo.html

はてなブログのデザインの裏側

2012/07/03(Tue) 11:51

「はてなブログ」のデザイン全般を担当した方がデザインの裏側。「デザインの方向性」「HTML構造」「ロゴ」の製作過程を紹介しています。

http://works.uedayworks.com/entry/hatenablog-design

水彩タッチの美しいエフェクトをウェブデザインに取り入れるチュートリアルのまとめ

2012/06/18(Mon) 16:59

水彩タッチの背景の作り方をはじめ、写真画像を水彩タッチにしたり、水彩タッチのマスクをしたり、ウェブのレイアウトやエレメントに水彩タッチを取り入れるチュートリアルをnoupeから紹介しています。

http://coliss.com/articles/build-websites/operation/design/watercolor-effects-in-web-design-and-tutorials.html

ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン

2012/06/11(Mon) 12:01

実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介しています。

http://coliss.com/articles/build-websites/operation/design/10-evergreen-website-layouts-by-speckyboy.html