ブログ

HOME / 制作 / 1ピクセル単位にまでこだわるデザイン

« Google製携帯OSはiPhoneに勝てるのか? | 1ピクセル単位にまでこだわるデザイン | 4本の指で... »

1ピクセル単位にまでこだわるデザイン

昔の偉い建築デザイナーが言った「デザインにおいて神は細部に宿る」という言葉がありますが、webデザインにおいてもそれは同じで、ちょっとの違いでより使いやすい洗練されたデザインになります。

参考「WEBデザインBLOG」さんの
photoshop- 1ピクセルラインで質感を高めるテクニックという記事
上記の記事では「グラデーションに1ピクセルのラインを入れることにより、質感を高めてより洗練させたデザインにしましょう」というチュートリアルが丁寧に解説されています。確かに言われてみれば、「秀逸なユーザーインターフェース」として誉れの高い「itunes」のデザインもよく見ると1ピクセルのラインが入っています。

itunes-int.jpg
(↓↓itunesを拡大した画像)
zoomitunes.jpg
(↓↓さらに拡大した画像)
zoomzoomitunes.jpg

私も上記記事を参考に「1ピクセル単位にまでこだわるデザイン」を実践してみました。

↓↓まずは1ピクセルライン無しの普通のボタンを作ってみました。

button200810-1.jpg

↓↓次に、1ピクセルラインを入れてこだわったボタン

button200810-2.jpg

・・・お分かりになったでしょうか(心霊写真のTVナレーション風)。わずかな違いですが、ちょっとだけ見やすく押したくなるようなボタンになりました。

これが、もしホームページのお問い合せボタンだったら。。。ホームページには何百何千という訪問者がいます。長い目で見るとそのホームページの売上げに影響するのではないでしょうか?
web-consul.bizでは細部にまでこだわった使いやすいデザインのホームページを提供いたします。今のホームページが使いにくい、または新しくホームページを作りたいという方がいらっしゃいましたらお気軽にご相談・お問い合せください。
↓↓お問い合せはこちらより

otoiawase.jpg

にほんブログ村 IT技術ブログ Webサイト構築へ
日時: 2008年10月14日 13:40 投稿者: 加藤 1ピクセル単位にまでこだわるデザイン

« Google製携帯OSはiPhoneに勝てるのか? | 1ピクセル単位にまでこだわるデザイン | 4本の指で... »

トラックバック

このエントリーのトラックバックURL: http://www.web-consul.biz/mt-admin/mt-tb.cgi/76

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)




スタッフ

最近のエントリー

カテゴリーアーカイブ

月別アーカイブ

オススメサイト

モバイル版QRコード