Design Hacks http://blog.creamu.com/designhacks/ 世界のデザインを紹介するデザイナーブログ ja Copyright 2009 Mon, 12 Mar 2007 23:50:54 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss かわいいエレメントのデザイン『Francfranc』 Franc franc エレメントにちょっとこってみたい。 アイコンを左につけるか、CSSでラインを引くか。でもどうもありきたりのものになってしまう。 そんなときに、この『Francfranc』のデザインは参考になる。 色、大きさ、ラインともにデザインされていてバランスがいい。 何かエレメントがさびしいな、というときには、少しこって画像にしてみてはどうだろうか。]]> http://blog.creamu.com/designhacks/2007/03/francfranc.html http://blog.creamu.com/designhacks/2007/03/francfranc.html エレメント エレメント Mon, 12 Mar 2007 23:50:54 +0900 ちょっとかわいいコメント欄のデザイン『LetterPop!』 LetterPop! comment LetterPop!のコメント欄のデザイン。 Commentsの横の画像がちょっとかわいかったのでキャプチャ。 inputの背景色もやさしい色で綺麗ですね。]]> http://blog.creamu.com/designhacks/2007/03/letterpop.html http://blog.creamu.com/designhacks/2007/03/letterpop.html サイトデザイン コメント欄 Wed, 07 Mar 2007 06:59:46 +0900 緑とマッチする色は？ [agloco] agloco 緑とマッチする色は何だろうか。そう考える時、補色の理解が役に立つ。 色相還では、色の波長の順番で赤橙黄緑青藍紫の順番で色が並んでいる。 色相還で反対の位置にあるのが補色であるが、大事なのは、補色をメインで2つとも使わない、ということだ、色が対立してぶつかってしまう。 補色 補色を使う場合は、もう一方はあくまでも差し色として使うのがいい。 aglocoは、緑を基調に使いながら、補色に近いけれど緑寄りのオレンジ、黄色をうまく使ったサイト。 背景色も色が押さえてあっていい感じだ。 緑を使ったサイトを作る時は参考にしたいですね。]]> http://blog.creamu.com/designhacks/2006/11/_agloco.html http://blog.creamu.com/designhacks/2006/11/_agloco.html GREEN 緑 Thu, 23 Nov 2006 13:49:06 +0900 赤をうまく使ったサイト [webshots] webshots webデザインで赤を使うのは難しい、光の性質で赤が最も波長が強く、長く伸びる。差し色として使うのはいいのだが。 webshotsは、赤をとても上品に使ったサイト。 ヘッダの背景色、メニューのテキストカラー、ボタンの色に効果的に赤が使われていて、統一感がある。 バックグラウンドの無彩色の使い方もいい。 色の統一感、赤を使うときは参考にしたいですね。]]> http://blog.creamu.com/designhacks/2006/11/_webshots.html http://blog.creamu.com/designhacks/2006/11/_webshots.html RED 赤、webshots Thu, 23 Nov 2006 13:03:16 +0900 商用利用可能なフリーのクリスマスアイコン [n.design] n.design アイコンを作るのは大変だ。簡単なアイコンでもグラデーションで立体感を表現しないと素人っぽくなるし、オリジナリティーを出そうとするとなおさらだ。 n.designでは、クリスマス用のフリーアイコンを配布している。しかも商用利用可能だ。 一つ一つとても丁寧に作られていて、かなり使えそうだ。 季節や記念日など、時間に特化して質のあるものを提供してみたいですね。 サイト自体も、こんな風にとても綺麗。 n.design]]> http://blog.creamu.com/designhacks/2006/11/_ndesign.html http://blog.creamu.com/designhacks/2006/11/_ndesign.html アイコン アイコン クリスマス フリー Thu, 23 Nov 2006 12:49:13 +0900 デジタル時計のデザイン Googleパーソナライズのプラグインのデザインがとてもいい。 いつも見るホームページのデザインだから、少しでもセンスのいいものがあるとうれしい。 Time and Dateもそのうちの一つ。グラデーションとテキストの色が綺麗だ。 しかし、Time and Dateのよさは色とデザインだけではない。 Good evening!というシンプルなメッセージがついている。 やはり挨拶は人の世界でも、コンピュータの世界でも重要、少しでもテンションが上がるというものだ。 英語の挨拶はもともと「Good night 、よい夜を」のようにセンスがいいから、アプリケーションのメッセージに使うと映えますね。]]> http://blog.creamu.com/designhacks/2006/11/post_2.html http://blog.creamu.com/designhacks/2006/11/post_2.html 色 Googleパーソナライズ グラデ デジタル時計 Sat, 18 Nov 2006 21:51:20 +0900 クールなインターフェース、ECナビリスト ECナビリスト インターフェースがかっこいいECナビリストのサイト。 色の使い方がとても綺麗。 統一感がありますね。 グレーを基調に使って、指し色に水色、黄緑を使っています。 いいデザインの参考になりますね。]]> http://blog.creamu.com/designhacks/2006/11/ec.html http://blog.creamu.com/designhacks/2006/11/ec.html サイトデザイン ECナビリスト インターフェース サイトデザイン Thu, 16 Nov 2006 23:15:20 +0900 かっこいいロゴ、medium medium 何のサイトかわかっていないんだけど、サイトがシンプルでかっこいいデザインだったのでキャプチャ。 ロゴがいい感じです。]]> http://blog.creamu.com/designhacks/2006/11/medium.html http://blog.creamu.com/designhacks/2006/11/medium.html サイトデザイン サイトデザイン ロゴ Thu, 16 Nov 2006 23:05:36 +0900 フリーアイコン配布サイト、graphicpushlogo graphicpushlogo こちらはシンプルなフリーアイコン配布サイト、graphicpushlogo。 ちょっとデザインがいまいちな時に参考にするといかがでしょうか。]]> http://blog.creamu.com/designhacks/2006/11/graphicpushlogo.html http://blog.creamu.com/designhacks/2006/11/graphicpushlogo.html アイコン配布サイト アイコン フリー Tue, 14 Nov 2006 23:25:36 +0900 16×16のフリーアイコン配布サイト、dhtmlsite dhtmlsite 16×16のフリーアイコン配布サイト、dhtmlsite。 かわいいのが揃っています。]]> http://blog.creamu.com/designhacks/2006/11/1616dhtmlsite.html http://blog.creamu.com/designhacks/2006/11/1616dhtmlsite.html アイコン配布サイト アイコン フリー Tue, 14 Nov 2006 23:22:36 +0900 Webデザインのおすすめ書籍
プロとして恥ずかしくないFlashの大原則
プロとして恥ずかしくないFlashの大原則
MdN編集部
MdN（2006-10-28)
￥ 1,890
プロとして恥ずかしくないWEBデザインの大原則―正しいWEBデザインのルールを知っていますか?
プロとして恥ずかしくないスタイルシートの大原則
プロとして恥ずかしくないPhotoshopの大原則―正しいPhotoshopの使い方を知っていますか?
プロとして恥ずかしくないIllustratorの大原則
プロとして恥ずかしくないWEBレイアウトの大原則
プロとして恥ずかしくないデザインの大原則
プロとして恥ずかしくないデザインの大原則

エムディエヌコーポレーション（2004-11-02)
￥ 1,680
プロとして恥ずかしくないJavaScriptの大原則
プロとして恥ずかしくないレイアウト&配色の大原則
プロとして恥ずかしくない写真補正&加工の大原則
プロとして恥ずかしくないDTPの大原則
プロとして恥ずかしくないDTPの大原則
MdN編集部
MdN（2006-04-12)
￥ 1,890
]]> http://blog.creamu.com/designhacks/2006/11/web.html http://blog.creamu.com/designhacks/2006/11/web.html おすすめ書籍 おすすめ書籍 Sat, 11 Nov 2006 23:25:35 +0900 綺麗なドロップシャドウ、apple appleの綺麗なドロップシャドウ。 参考にしたいですね。]]> http://blog.creamu.com/designhacks/2006/11/apple_1.html http://blog.creamu.com/designhacks/2006/11/apple_1.html ドロップシャドウ apple ドロップシャドウ Sat, 11 Nov 2006 14:31:08 +0900 タイトルを目立たせる方法 appleのタイトルと本文のmarginのバランス。読みやすいですね。 タイトルを目立たせる、本文と明確に区別するには次の4点。 1.文字を大きくする。 2.文字の色を変える。 3.文字を太くする。 4.タイトルと本文のmarginを十分にとる。 あとデザイン的には下記の4点ですね。 1.背景色をつける。 2.背景に画像を敷く。 3.アイコンをつける。 4.ラインをつける。]]> http://blog.creamu.com/designhacks/2006/11/post_1.html http://blog.creamu.com/designhacks/2006/11/post_1.html marginのとり方 margin タイトル Sat, 11 Nov 2006 14:18:09 +0900 綺麗な背景色とテキスト色、apple appleのサイトで綺麗な背景色とテキスト色。 バランスがいいですね。 appleのサイトは文字が読みづらいですが、情報サイトやECサイトでこの黒テキストの薄さは問題ですが、appleではやっぱりブランディングですかね。 文字を薄くするのはデザイン、ブランディングの一つですね。 あとタイトルと本文のmarginのバランスもいい。]]> http://blog.creamu.com/designhacks/2006/11/apple.html http://blog.creamu.com/designhacks/2006/11/apple.html 背景色 apple テキスト色 背景色 Sat, 11 Nov 2006 14:10:07 +0900 かっこいいデザインの35のwebサイト集、The 35 Sexiest Designed Websites you've Forgotten, part 3 The 35 Sexiest Designed Websites you've Forgotten, part 3 今現在で1897のdigg。センスのいいデザインのwebサイトが揃っています。 webデザインの参考にどうぞ。]]> http://blog.creamu.com/designhacks/2006/11/35webthe_35_sexiest_designed_w.html http://blog.creamu.com/designhacks/2006/11/35webthe_35_sexiest_designed_w.html webデザイン集 digg webデザイン集 Sat, 11 Nov 2006 13:58:50 +0900