<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>Design Hacks</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/" />
   <link rel="self" type="application/atom+xml" href="http://blog.creamu.com/designhacks/atom.xml" />
   <id>tag:blog.creamu.com,2008:/designhacks//7</id>
   <updated>2007-03-12T14:55:18Z</updated>
   <subtitle>世界のデザインを紹介するデザイナーブログ</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 4.21-ja</generator>


<entry>
   <title>かわいいエレメントのデザイン『Francfranc』</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2007/03/francfranc.html" />
   <id>tag:blog.creamu.com,2007:/designhacks//7.462</id>
   
   <published>2007-03-12T14:50:54Z</published>
   <updated>2007-03-12T14:55:18Z</updated>
   
   <summary> エレメントにちょっとこってみたい。 アイコンを左につけるか、CSSでラインを引...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="エレメント" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="462" label="エレメント" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<a href="http://www.francfranc.com/information/index.html"><img src="/designhacks/img/francfranc.jpg" alt="Franc franc" border="0"></a>

エレメントにちょっとこってみたい。

アイコンを左につけるか、CSSでラインを引くか。でもどうもありきたりのものになってしまう。

そんなときに、この『Francfranc』のデザインは参考になる。
色、大きさ、ラインともにデザインされていてバランスがいい。

何かエレメントがさびしいな、というときには、少しこって画像にしてみてはどうだろうか。]]>
      
   </content>
</entry>

<entry>
   <title>ちょっとかわいいコメント欄のデザイン『LetterPop!』</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2007/03/letterpop.html" />
   <id>tag:blog.creamu.com,2007:/designhacks//7.455</id>
   
   <published>2007-03-06T21:59:46Z</published>
   <updated>2007-03-07T08:01:20Z</updated>
   
   <summary> LetterPop!のコメント欄のデザイン。 Commentsの横の画像がちょ...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="サイトデザイン" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="457" label="コメント欄" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<a href="http://letterpop.com/newsletters/guynameddave/37867/"><img src="/designhacks/img/letterpop_comment.jpg" alt="LetterPop! comment"></a>

LetterPop!のコメント欄のデザイン。

Commentsの横の画像がちょっとかわいかったのでキャプチャ。

inputの背景色もやさしい色で綺麗ですね。]]>
      
   </content>
</entry>

<entry>
   <title>緑とマッチする色は？ [agloco]</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/_agloco.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.263</id>
   
   <published>2006-11-23T04:49:06Z</published>
   <updated>2006-11-23T05:20:40Z</updated>
   
   <summary> 緑とマッチする色は何だろうか。そう考える時、補色の理解が役に立つ。 色相還では...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="GREEN" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="276" label="緑" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<a href="http://www.agloco.com/web/guest/howitworks"><img src="/designhacks/png/agloco.gif" alt="agloco"></a>

緑とマッチする色は何だろうか。そう考える時、補色の理解が役に立つ。

色相還では、色の波長の順番で赤橙黄緑青藍紫の順番で色が並んでいる。
色相還で反対の位置にあるのが補色であるが、大事なのは、補色をメインで2つとも使わない、ということだ、色が対立してぶつかってしまう。

<img src="http://www.spaceamenity.co.jp/color/color/img/c-3f.gif" alt="補色">

補色を使う場合は、もう一方はあくまでも差し色として使うのがいい。

aglocoは、緑を基調に使いながら、補色に近いけれど緑寄りのオレンジ、黄色をうまく使ったサイト。

背景色も色が押さえてあっていい感じだ。

緑を使ったサイトを作る時は参考にしたいですね。]]>
      
   </content>
</entry>

<entry>
   <title>赤をうまく使ったサイト [webshots]</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/_webshots.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.262</id>
   
   <published>2006-11-23T04:03:16Z</published>
   <updated>2006-11-23T05:09:34Z</updated>
   
   <summary> webデザインで赤を使うのは難しい、光の性質で赤が最も波長が強く、長く伸びる。...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="RED" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="275" label="赤、webshots" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<a href="http://webshots.com/"><img src="/designhacks/png/webshots.gif" alt="webshots"></a>

webデザインで赤を使うのは難しい、光の性質で赤が最も波長が強く、長く伸びる。差し色として使うのはいいのだが。

webshotsは、赤をとても上品に使ったサイト。
ヘッダの背景色、メニューのテキストカラー、ボタンの色に効果的に赤が使われていて、統一感がある。
バックグラウンドの無彩色の使い方もいい。

色の統一感、赤を使うときは参考にしたいですね。]]>
      
   </content>
</entry>

<entry>
   <title>商用利用可能なフリーのクリスマスアイコン [n.design]</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/_ndesign.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.261</id>
   
   <published>2006-11-23T03:49:13Z</published>
   <updated>2006-11-23T03:57:56Z</updated>
   
   <summary> アイコンを作るのは大変だ。簡単なアイコンでもグラデーションで立体感を表現しない...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="アイコン" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="228" label="アイコン" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="274" label="クリスマス" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="227" label="フリー" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<a href="http://www.ndesign-studio.com/resources/christmas-holiday-icons/"><img src="http://www.ndesign-studio.com/images/resources/christmas-icons/vector-samples.gif" alt="n.design"></a>

アイコンを作るのは大変だ。簡単なアイコンでもグラデーションで立体感を表現しないと素人っぽくなるし、オリジナリティーを出そうとするとなおさらだ。

n.designでは、クリスマス用のフリーアイコンを配布している。しかも商用利用可能だ。
一つ一つとても丁寧に作られていて、かなり使えそうだ。

季節や記念日など、時間に特化して質のあるものを提供してみたいですね。

サイト自体も、こんな風にとても綺麗。

<img src="/designhacks/png/ndesign.gif" alt="n.design">]]>
      
   </content>
</entry>

<entry>
   <title>デジタル時計のデザイン</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/post_2.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.253</id>
   
   <published>2006-11-18T12:51:20Z</published>
   <updated>2006-11-18T13:03:59Z</updated>
   
   <summary> Googleパーソナライズのプラグインのデザインがとてもいい。 いつも見るホー...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="色" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="261" label="Googleパーソナライズ" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="259" label="グラデ" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="258" label="デジタル時計" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<img src="/designhacks/png/timeanddate.jpg" alt="Time and Date">

Googleパーソナライズのプラグインのデザインがとてもいい。
いつも見るホームページのデザインだから、少しでもセンスのいいものがあるとうれしい。

Time and Dateもそのうちの一つ。グラデーションとテキストの色が綺麗だ。

しかし、Time and Dateのよさは色とデザインだけではない。
Good evening!というシンプルなメッセージがついている。
やはり挨拶は人の世界でも、コンピュータの世界でも重要、少しでもテンションが上がるというものだ。

英語の挨拶はもともと「Good night 、よい夜を」のようにセンスがいいから、アプリケーションのメッセージに使うと映えますね。]]>
      
   </content>
</entry>

<entry>
   <title>クールなインターフェース、ECナビリスト</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/ec.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.249</id>
   
   <published>2006-11-16T14:15:20Z</published>
   <updated>2006-11-16T14:18:15Z</updated>
   
   <summary> インターフェースがかっこいいECナビリストのサイト。 色の使い方がとても綺麗。...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="サイトデザイン" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="251" label="ECナビリスト" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="249" label="インターフェース" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="248" label="サイトデザイン" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<a href="http://list.ecnavi.jp/"><img src="/designhacks/png/ecnavilist.gif" alt="ECナビリスト"></a>

インターフェースがかっこいいECナビリストのサイト。

色の使い方がとても綺麗。

統一感がありますね。

グレーを基調に使って、指し色に水色、黄緑を使っています。

いいデザインの参考になりますね。]]>
      
   </content>
</entry>

<entry>
   <title>かっこいいロゴ、medium</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/medium.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.248</id>
   
   <published>2006-11-16T14:05:36Z</published>
   <updated>2006-11-16T14:08:42Z</updated>
   
   <summary> 何のサイトかわかっていないんだけど、サイトがシンプルでかっこいいデザインだった...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="サイトデザイン" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="248" label="サイトデザイン" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="129" label="ロゴ" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<a href="http://me.dium.com/"><img src="/designhacks/png/medium.gif" alt="medium"></a>

何のサイトかわかっていないんだけど、サイトがシンプルでかっこいいデザインだったのでキャプチャ。

ロゴがいい感じです。]]>
      
   </content>
</entry>

<entry>
   <title>フリーアイコン配布サイト、graphicpushlogo</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/graphicpushlogo.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.240</id>
   
   <published>2006-11-14T14:25:36Z</published>
   <updated>2006-11-14T14:29:41Z</updated>
   
   <summary> こちらはシンプルなフリーアイコン配布サイト、graphicpushlogo。 ...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="アイコン配布サイト" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="228" label="アイコン" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="227" label="フリー" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<a href="http://www.graphicpush.com/index.php?s=icons"><img src="/designhacks/png/graphicpush.jpg" alt="graphicpushlogo"></a>

こちらはシンプルなフリーアイコン配布サイト、graphicpushlogo。

ちょっとデザインがいまいちな時に参考にするといかがでしょうか。]]>
      
   </content>
</entry>

<entry>
   <title>16×16のフリーアイコン配布サイト、dhtmlsite</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/1616dhtmlsite.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.239</id>
   
   <published>2006-11-14T14:22:36Z</published>
   <updated>2006-11-16T14:10:02Z</updated>
   
   <summary> 16×16のフリーアイコン配布サイト、dhtmlsite。 かわいいのが揃って...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="アイコン配布サイト" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="228" label="アイコン" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="227" label="フリー" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<a href="http://www.dhtmlsite.com/icons.php"><img src="http://www.dhtmlsite.com/dhtmlsite.gif" alt="dhtmlsite"></a>

16×16のフリーアイコン配布サイト、dhtmlsite。
かわいいのが揃っています。]]>
      
   </content>
</entry>

<entry>
   <title>Webデザインのおすすめ書籍</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/web.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.223</id>
   
   <published>2006-11-11T14:25:35Z</published>
   <updated>2006-11-11T14:37:15Z</updated>
   
   <summary> プロとして恥ずかしくないFlashの大原則 MdN編集部 MdN（2006-1...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="おすすめ書籍" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="183" label="おすすめ書籍" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358898%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358898%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844358898.01._SCTHUMBZZZ_V36764855_.jpg" id="leftMenu"  alt="プロとして恥ずかしくないFlashの大原則"></a></div>
<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358898%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358898%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくないFlashの大原則</a>
<br />
<!--著
-->MdN編集部<br />
MdN（2006-10-28)
<div class="price">￥ 1,890</div>
<!--<div class="rate">&nbsp;</div>
-->

<!--<div class="rate"></div>
<div class="reviewtitle"></div>

-->
</div>
</div><div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844357875%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844357875%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844357875.09._SCTHUMBZZZ_V1122555867_.jpg" id="leftMenu"  alt="プロとして恥ずかしくないWEBデザインの大原則―正しいWEBデザインのルールを知っていますか?"></a></div>
<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844357875%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844357875%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくないWEBデザインの大原則―正しいWEBデザインのルールを知っていますか?</a>
<br />
<!--著
--><br />
エムディエヌコーポレーション（2005-01)
<div class="price">￥ 1,680</div>
<!--<div class="rate4.5">&nbsp;</div>
-->
<!--<div class="rate"></div>
<div class="reviewtitle"></div>

-->
</div>
</div><div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358383%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358383%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844358383.09._SCTHUMBZZZ_V1139916217_.jpg" id="leftMenu"  alt="プロとして恥ずかしくないスタイルシートの大原則"></a></div>
<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358383%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358383%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくないスタイルシートの大原則</a>

<br />
<!--著
--><br />
MdN（2006-01)
<div class="price">￥ 1,890</div>
<!--<div class="rate5.0">&nbsp;</div>
-->
<!--<div class="rate"></div>
<div class="reviewtitle"></div>

-->
</div>
</div><div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844357840%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844357840%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844357840.09._SCTHUMBZZZ_V1122555861_.jpg" id="leftMenu"  alt="プロとして恥ずかしくないPhotoshopの大原則―正しいPhotoshopの使い方を知っていますか?"></a></div>
<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844357840%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844357840%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくないPhotoshopの大原則―正しいPhotoshopの使い方を知っていますか?</a>
<br />
<!--著
--><br />
エムディエヌコーポレーション（2004-12)
<div class="price">￥ 1,680</div>

<!--<div class="rate4.5">&nbsp;</div>
-->
<!--<div class="rate"></div>
<div class="reviewtitle"></div>

-->
</div>
</div><div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358049%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358049%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844358049.01._SCTHUMBZZZ_V1121166094_.jpg" id="leftMenu"  alt="プロとして恥ずかしくないIllustratorの大原則"></a></div>
<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358049%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358049%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくないIllustratorの大原則</a>
<br />
<!--著
--><br />
MdN（2005-05-31)
<div class="price">￥ 1,680</div>
<!--<div class="rate5.0">&nbsp;</div>
-->
<!--<div class="rate"></div>
<div class="reviewtitle"></div>

-->
</div>
</div><div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358146%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358146%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844358146.01._SCTHUMBZZZ_V1122869605_.jpg" id="leftMenu"  alt="プロとして恥ずかしくないWEBレイアウトの大原則"></a></div>

<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358146%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358146%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくないWEBレイアウトの大原則</a>
<br />
<!--MdN編集部著
-->MdN編集部<br />
MdN（2005-07-19)
<div class="price">￥ 1,890</div>
<!--<div class="rate5.0">&nbsp;</div>
-->
<!--<div class="rate"></div>
<div class="reviewtitle"></div>

-->
</div>
</div><div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844357751%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844357751%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844357751.09._SCTHUMBZZZ_V1122555857_.jpg" id="leftMenu"  alt="プロとして恥ずかしくないデザインの大原則"></a></div>
<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844357751%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844357751%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくないデザインの大原則</a>
<br />
<!--著
--><br />

エムディエヌコーポレーション（2004-11-02)
<div class="price">￥ 1,680</div>
<!--<div class="rate5.0">&nbsp;</div>
-->
<!--<div class="rate"></div>
<div class="reviewtitle"></div>

-->
</div>
</div><div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358707%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358707%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844358707.01._SCTHUMBZZZ_V62553056_.jpg" id="leftMenu"  alt="プロとして恥ずかしくないJavaScriptの大原則"></a></div>
<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358707%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358707%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくないJavaScriptの大原則</a>
<br />
<!--著
--><br />
MdN（2006-07-15)
<div class="price">￥ 1,890</div>
<!--<div class="rate4.0">&nbsp;</div>
-->
<!--<div class="rate4"></div>
<div class="reviewtitle">不謹慎ですが、サンプル狙いで。</div>
　HTMLとCSSを勉強してきて一応サイトをある程度のレベルで作れるようになった。次にその
<br />サイトに動く要素や視覚的効果をもたらすには、JavascriptかFlashしかない。
<br />しかし、自分はプログラム系の勉強があまり好きではない。一から積み上げてJavascriptをマ
<br />スターすることはとても考えられない。
<br />
<br />で、この本を見つけてとても重宝している。実際のサイトで使われているサンプルとか目的別
<br />ピンポイント解説とかが書いてあって、要は自分がほしいJavascriptがそのまま使えそうなの
<br />である。ここは時間と労力の省力化のために、この本を最大限に利用しようと思う。
-->

</div>
</div><div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358162%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358162%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844358162.01._SCTHUMBZZZ_V1125654050_.jpg" id="leftMenu"  alt="プロとして恥ずかしくないレイアウト&配色の大原則"></a></div>
<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358162%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358162%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくないレイアウト&配色の大原則</a>
<br />
<!--著
--><br />
MdN（2005-08-26)
<div class="price">￥ 1,890</div>
<!--<div class="rate4.0">&nbsp;</div>
-->
<!--<div class="rate4"></div>
<div class="reviewtitle">とても実用的＆お買い得な１冊です</div>
専門学校で講師やってます。３ヶ月でDTPの基礎を教えるというコースにて、教材として選択したうちの１冊。
<br />・レイアウトの基礎
<br />・配色の基礎
<br />など、複数の書籍をバラバラで買うことを思うと、非常にお値打ちな内容だと思います。
<br />
<br />ただ、少し詰め込みすぎな部分もあるので（注釈の文字が本当に小さい）、その分でマイナス★１つ。
<br />今まで、この手の本を買った事がない人には★５つの内容だと思います。
-->
</div>
</div><div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358243%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358243%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844358243.09._SCTHUMBZZZ_V1129885206_.jpg" id="leftMenu"  alt="プロとして恥ずかしくない写真補正&加工の大原則"></a></div>
<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358243%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358243%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくない写真補正&加工の大原則</a>

<br />
<!--著
--><br />
MdN（2005-10-18)
<div class="price">￥ 1,890</div>
<!--<div class="rate5.0">&nbsp;</div>
-->
<!--<div class="rate5"></div>
<div class="reviewtitle">このシリーズはいいです</div>
見せ掛けだけの技術じゃない、<br>基本的なことから独学でも学べるような内容が丁寧に書かれています。<br>しかし入門用ではありません。初心者の方はやめておいた方が無難です。<p>参考書はネタ集やアイディア集ばかりなので、貴重な一冊。
-->
</div>
</div>
<div class="amazonbooks clearfix">
<div id="amazonleft"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358553%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358553%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank"><img src="http://ec1.images-amazon.com/images/P/4844358553.01._SCTHUMBZZZ_V54501254_.jpg" id="leftMenu"  alt="プロとして恥ずかしくないDTPの大原則"></a></div>
<div id="amazonright"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4844358553%26tag=englishsweets-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4844358553%253FSubscriptionId=1Q8JF9Z76Q6WF77AD9R2/ref=nosim" onfocus="this.blur()" target="_blank">プロとして恥ずかしくないDTPの大原則</a>
<br />
<!--著
-->MdN編集部<br />
MdN（2006-04-12)
<div class="price">￥ 1,890</div>
</div>
</div>]]>
      
   </content>
</entry>

<entry>
   <title>綺麗なドロップシャドウ、apple</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/apple_1.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.219</id>
   
   <published>2006-11-11T05:31:08Z</published>
   <updated>2006-11-11T07:42:20Z</updated>
   
   <summary> appleの綺麗なドロップシャドウ。 参考にしたいですね。...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="ドロップシャドウ" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="172" label="apple" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="175" label="ドロップシャドウ" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<img src="/designhacks/png/dropshadow_apple.jpg" alt="apple">

appleの綺麗なドロップシャドウ。

参考にしたいですね。]]>
      
   </content>
</entry>

<entry>
   <title>タイトルを目立たせる方法</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/post_1.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.218</id>
   
   <published>2006-11-11T05:18:09Z</published>
   <updated>2006-11-11T05:29:28Z</updated>
   
   <summary> appleのタイトルと本文のmarginのバランス。読みやすいですね。 タイト...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="marginのとり方" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="173" label="margin" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="174" label="タイトル" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<img src="/designhacks/png/margin_apple.jpg">

appleのタイトルと本文のmarginのバランス。読みやすいですね。

タイトルを目立たせる、本文と明確に区別するには次の4点。

1.文字を大きくする。
2.文字の色を変える。
3.文字を太くする。
4.タイトルと本文のmarginを十分にとる。

あとデザイン的には下記の4点ですね。

1.背景色をつける。
2.背景に画像を敷く。
3.アイコンをつける。
4.ラインをつける。]]>
      
   </content>
</entry>

<entry>
   <title>綺麗な背景色とテキスト色、apple</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/apple.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.217</id>
   
   <published>2006-11-11T05:10:07Z</published>
   <updated>2006-11-11T05:18:05Z</updated>
   
   <summary> appleのサイトで綺麗な背景色とテキスト色。 バランスがいいですね。 app...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="背景色" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="172" label="apple" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="171" label="テキスト色" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="107" label="背景色" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<img src="/designhacks/png/color_apple.jpg" alt="apple">

appleのサイトで綺麗な背景色とテキスト色。

バランスがいいですね。

appleのサイトは文字が読みづらいですが、情報サイトやECサイトでこの黒テキストの薄さは問題ですが、appleではやっぱりブランディングですかね。

文字を薄くするのはデザイン、ブランディングの一つですね。

あとタイトルと本文のmarginのバランスもいい。]]>
      
   </content>
</entry>

<entry>
   <title>かっこいいデザインの35のwebサイト集、The 35 Sexiest Designed Websites you&apos;ve Forgotten, part 3</title>
   <link rel="alternate" type="text/html" href="http://blog.creamu.com/designhacks/2006/11/35webthe_35_sexiest_designed_w.html" />
   <id>tag:blog.creamu.com,2006:/designhacks//7.216</id>
   
   <published>2006-11-11T04:58:50Z</published>
   <updated>2006-11-11T05:03:04Z</updated>
   
   <summary> The 35 Sexiest Designed Websites you&apos;ve...</summary>
   <author>
      <name>CREAMU</name>
      
   </author>
   
      <category term="webデザイン集" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="170" label="digg" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="169" label="webデザイン集" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.creamu.com/designhacks/">
      <![CDATA[<img src="/designhacks/png/verdure.jpg" alt="verdure">

<a href="http://digg.com/design/The_35_Sexiest_Designed_Websites_you_ve_Forgotten_part_3">The 35 Sexiest Designed Websites you've Forgotten, part 3</a>

今現在で1897のdigg。センスのいいデザインのwebサイトが揃っています。

webデザインの参考にどうぞ。]]>
      
   </content>
</entry>

</feed>
