::Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。いい無駄にエロい「Number」を作ってみました。続き読む?使い方は簡単。Tue引き算の美学デザインという言葉を聞くと、線を引いたり色を付けたり「足すこと」ばかりに気がとらわれがちです。読んで「引き算のデザイン」について考えてみました。インタビューで次の言葉がとても心に残りました。僕はグラフィックの中でも、ものを省くことがデザインだと考えているんです。デザイナーは今までものをくっつけすぎた。ものを省いていくと、シンプルで、すごく強くて、きれいでなかったら残らないんですよ。氏は線があるのを嫌ったそうですが「白の空間」をとても大切にしているように思いました。白の空間「ホワイトスペース」は、次のような役割があります。区別する目立たせるリズムをつける間(ま)を持たせるこのように「ホワイトスペース」には、重要な役割を持っていると同時に「何もないデザイン」は美しく機能的でもあるんですね。メイクでもよく言われることですが、例えば目元を強調したい時はリップメークは控えめにするとか、口元を強調したい場合は目元をラインだけにする・・・といった具合に「引き算」ができてこそ上級者と言えるでしょう。Webデザインも同様に、スペースが空いているからといって、無駄に詰め込み過ぎると逆効果になってしまいます。シンプルに何も足さない、置けても置かないことを心がけたいですね。様々な手法でグラフィック表現を行うユニット。Day4月5日、恥ずかしながら(CSS)ヌードを公開します。CSSなんて考えるな。デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。練習することが上達するための何よりの方法だと思います。デザイン(CSS)ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。デザインを一括チェックできます。カテゴリーも豊富です。inspirationカラーで絞り込みができます。日本人が制作している「いけてるサイト」のリンク集。業種やジャンルごとに見やすく整理されています。危険のギャラリーと思いますペパボの家入さんが手がけたサイト。Sat実用的!レイアウトで悩んだときに頼れるツール計算された余白やレイアウト。見えない線に沿って揃えることが大切な要素ですが、美しいと感じるものには何か法則があるはずです。そこで、簡単にバランスの取れた美しいレイアウトができる頼れるツールをふたつご紹介します。続き読む?黄金比、白銀比を活用ひとつめは、わたしも頼りにしている黄金比や白銀比のレイアウト計算が簡単にできるツールです。紹介しましたが、またまたデザインも一新してリニューアルしました。黄金比は名刺やタバコ、白銀比はA判サイズの用紙など身近にある比率なのでバランスよく見えるんでしょうね。画像をトリミングするときや、ロゴやバナーを配置するときなどに取り入れてみてはいかがでしょうか。黄金比で再分割してみました)こちらの記事もレイアウトの参考になります。d-spicaグリッドデザインを活用ふたつめは、グリッドレイアウトのためのブックマークレットオーバーレイ版も便利そうです。akiyan.comぜひご利用ください。Glance」を導入してみました。リンクにカーソルを重ねるとリンク先のサムネイルが表示されます。ブログでも興味を引くのは、ちょいエロや「チラリズム」なのかもしれませんね。導入も簡単メンバー登録などの面倒な手続きは一切不要です。そのままコピーして貼り付けるだけですぐに導入できます。似たようなサービスは他にもいろいろありますが、カスタマイズ性も高く機能も充実してデザインもわたし好みです。機能を適用する属性の指定ができる(追記)いつだったか(忘れた)ブログは自分のところのアクセスを集めるより、自分のところからどれだけアクセスを流せるかがおもしろいとえっけんさんがおっしゃっていましたが、思わずそのページに飛びたくなるような仕掛けをどんどん取り入れていきたいなと思います。機能を適用しない「排他属性」の指定もできるようになりました。(対応早ッ!ありがとうございます)当ブログでは、コメント欄・トラックバック欄のみに適用しています。リンク先のサムネイル表示の切替スイッチを導入しました。被はてブ数を表示するリンク作成を紹介したばかりなのに、これがあれば必要ないですね・・・。シンプルなデザインがいいという方には、プレビュー機能だけのサービスもあります。34名という激しい競争の中、見事に当選しちゃいました!外れた32名の方ごめんなさいごめんなさい。小1時間したあと毎晩抱いて一緒に寝たいと思います。無駄にエロいことはしませんので、どうぞご安心ください。この度はありがとうございました。この度はありがとうございました。Design—Web標準の基本とCSSレイアウト&Tips」をお買い上げの上ふるってご応募ください。■著者紹介リンク先のページで各章の名前や見出しがご覧になれます。発売となります今年は12年に1度の幸運期らしいのですが、きっとそのおかげで当選したのでしょうか。調子に乗って「彼氏欲しい!」とここで書いておきます。コンパクトで無駄に場所をとらないので、ちょっとしたアクセントにいかがでしょうか。形式の画像に自動変換してくれます。ところにトラックバックをしたら、トップページのトラックバック一覧に自分のファビコンが表示されて、ちょっぴりうれしい気分になりました。いうわけで、さっそくトラックバックのタイトルに送信元のファビコンが表示されるようにカスタマイズしてみました。こちらの記事にトラックバックしてファビコン自慢してください。トラックバックがたくさん並んだ時でも、誰のブログか一目でわかるのがいいですね。