私の肩書きは「Doodler」 Googleの若きデザイナーが語る記念日ロゴ、遊び心の秘密
Googleの若きデザイナー、ホムさん。肩書きは“Doodler” 多くのネットユーザーが毎日のように見ているGoogleのロゴ。祝日や記念日などにはいつもとちがったデザインで我々を楽しませてくれる。最近では音楽が流れたり、アニメーションが展開したりと、単なる“ロゴ”の枠を越えた手の込んだ作品が増えており、「おっ今日はこう来たか！」と思わず感心してしまうことも多い。 Googleはそれらの記念日ロゴを「Doodle」（ドゥードル、“いたずら書き”の意味）と呼んでいる。米国オフィスに勤務するジェニファー・ホムさんは、同社に数人いるDoodle専門スタッフの1人。大学卒業後、2009年にデザイナーとして新卒入社して以来ずっと、肩書きはずばり「Doodler」だ。彼女にDoodleの裏側を聞いてみた。 「Googleのオタクっぽさ」感じて Doodleの始まりは98年8月。創業者のラリー・ペイジ
目が見えない人のためのスマートフォンは、デザインも機能もファンタスティック！
いやはやスゴイ携帯の登場です。このシンプルでスタイリッシュなデザインの携帯電話は、目が見えない人のためのスマートフォンなのです。 デザインは、韓国のデザイナーYoungseong KimとEunsol Yeom によるもので、韓国語で「見ること」という意味の「VOIM」と名付けられました。視覚障害者のコミュニケーションを、より便利に、豊かに、円滑にするためのデザインです。 前面は全面シリコンパネル、裏面にはカメラとイヤーピースがあるだけのシンプルさですが、その機能は多彩です。のっぺりとしたシリコンパネルには、ユーザーに何かを伝える時に点字を浮かび上がらせることができます。カメラで文字を読み込めば、その情報をBluetoothを使ってイヤーピースから音声として出力することもできますし、カメラを前にして首から「VOIM」を下げて歩けば、前方にある物体を認識して音声で知らせることもできます。 デ
Layout generators - www.pagecolumn.com
Layout Generators Generating multi-column and grid layouts with CSS 2.0 techniques using %, px, or em. The amazing point of web design is you can use different techniques to achieve the same design. In Pagecolumn you can find out different layout patterns, i.e. HTML code to design your multicolumn layouts.
スターバックスの紙コップ利用を減らすためのアイデアコンペに優勝したのはコップのデザインではなく、”行動”をデザインするものだった！！ | greenz.jp グリーンズ
スターバックスの紙コップ利用を減らすためのアイデアコンペに優勝したのはコップのデザインではなく、“行動”をデザインするものだった！！ 2011.02.01 石村 研二 石村 研二 スターバックスもパートナーとなったコーヒーカップの廃棄量を減らすためのアイデアコンペ「Betacup」が行われたことについてはgreenzでもお伝えしました。このコンテストの結果が発表されたのですが、その結果選ばれた「Karma Cup」はなんとコーヒーカップではなかったのです！しかも他のアイデアとは一線を画すエモーショナルな仕掛けがなされていました… このKarma Cupのコンセプトを示すイメージ画に書かれた言葉がまず印象的です。 A shared problem. A shared reward.（問題を分かち合い、報酬も分かち合おう） このKarma Cupのコンセプトを要約すると、店頭に黒板を置き、マイ
rumblefish - はやぶさの最後の作品が完璧すぎてやばい
みんなご存知の、はやぶさが大気圏突入前に地球を撮った写真。５、６枚撮って、最後の１枚だけ撮れていたとのことで。 (･ω･)ねぇ・・・ どうも構図も含めて綺麗すぎるよね、と思って試しにCorel Painterの黄金分割のガイドを重ねてみたらこの通りですよ。 （黄金分割は、歴史的建造物、美術品、自然界の中に見出すことができる、１：１．６を基本とした構成。もっとも安定し美しい比率とされていて、黄金比を意識して創作する芸術家も多い。ソースはウィキペディア） 上端を合わせたのは恣意的と言えば恣意的だけど、地球の中心、地球の切れ目と青の縦線、下のモジャモジャと緑線、あと地味に下のグラデの切れ目と赤の交点あたりが注目ポイントで、ほぼぴったり一致している。 これであと一瞬転送が切れるのが早くて、下がもう少し大きく切れていたらと思うと、恐ろしくなるほど決まっている構図なわけでして。 田-{・∀・ }-田
wagonR35〜R35デザイナーに見えるもの » Blog Archive » ムムムッ！イギリスのデザイナーさん制作、ワールドカップの勝ち上がりをビジュアル化したインフォグラフィックスが、わかりやすくて視覚的に素晴しい！
イギリスのデザイナーPaul Buttさんの§ Section Designが制作したワールドカップの勝ち上がりをビジュアル化したインフォグラフィックス「The World Cup Predicted」が、とてもわかりやすく、またデザイン的に上手だなあと思ったので以下に紹介します。 インフォグラフィックスとは、情報などを視覚的に表現することで、瞬時に伝えたい事が伝わるようなデザインの事（多分）。経済雑誌とかでたまにみかけるんですがThe World Cup Predicted程、色もキレイでシンプルなデザインはあまり見かけたことがありません。 グループリーグの勝ち上がり。「ムムッ！（カビラジエイ風）」 「韓国！ムムムッ！」 「セルビアとブラジルでブラジル！ムムムムムッ！」 The World Cup Predictedによる、優勝予想はブラジル。決勝相手はセルビア。いわゆる巷の予想で、あま
「2009年のWeb制作情報のまとめ」のまとめ - かちびと.net
復習用。探すのが面倒なので備忘録的 に2009年のまとめをまとめます。時間 がある時に見て自分の必要なものを 確認しようと思います。同じお思いの 方とシェアしようと思ってエントリー。 Web制作関連のみになっています。 かなり時間がかかりそうなので正月辺りにもチェックします。こういうのは一気にやりたい。 100 Best Photoshop Tutorials From 2009 Photoshopチュートリアルベスト100。膨大な量です。 100 Best Photoshop Tutorials From 2009 The Best Free Fonts of 2009 2009年のベストフリーフォント12個。50 Best Free Fonts From 2009も同サイトで発表されました。 The Best Free Fonts of 2009 The Best jQuery Plu
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
クリエイティブなフリーフォントベスト50-2009年版「50 Best Free Fonts From 2009」
TOP > Design , Font > クリエイティブなフリーフォントベスト50-2009年版「50 Best Free Fonts From 2009」 様々なフリーフォントが公開されていますが、今日紹介するのはその中でも。キレイ目というよりはインパクトのあるクリエイティブなフリーフォントを中心に2009年に発表されたフォントの中からさらに選りすぐられたフォントを紹介するエントリー「50 Best Free Fonts From 2009」です。 FONT: Chaos Math 手書き風なものから、オリガミのようなものまで様々なフォントが収録されています。今日はその中から幾つ描きになったものをピックアップして紹介したいと思います。 詳しくは以下 ■tiza インクを刷り込んだような独特の風合いが出せるフリーフォントです。 ■Cube™ font 箱を組み立てたようなフリーフ
kaoiro | gung
ピクセルの世界から飛び出した 顔文字専用の回転スタンプ「kaoiro - カオイロ」 。 20種類あるパーツの組み合わせから うまれる顔文字は2000種類以上。 オリジナルの表情をつくってみたり いろんなところにペタペタ押してたりして 気持ちをつたえよう ＼( ^ о ^ )／ ～（ くみあわせみほん ）～ 定 価：2,700円（税込2,916円） カラー：白 / 黒 / ナチュラル（限定） サイズ：w34×d27×h100mm 材 質：天然ゴム・木・スチール ※ハンドメイドの為、イメージと異なる場合がございます。 予めご了承くださいませ。 made in JAPAN
Webデザイン事始め・まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト
題名の通りですが、これから Webデザインに手を出そう、 という方の為に日本語サイト で説明が凄く分かりやすい サイトと少しチュートリアル記事 の紹介です。 Webデザインを始めたいけどadobeのソフトは高額でなかなか手軽に始められません。まずはほぼ同等の機能を持ち、しかも無料で手に入るGimp（Photoshop代替ソフト）とInkscape（Illustrator代替ソフト）で様子見をしてみてはいかがでしょう。 使い方や実践チュートリアルを丁寧に説明してくれるサイトをご紹介します。「これなら触ってみよう」という気になれるかと思います。沢山あげられると選べずに萎えるので1，2サイトに絞りました。両ソフトのダウンロードもリンク先で出来ます。 プロも使ってるといわれるGimp。Webデザインをこれから始めようと思ってもなかなかとっつき難いかもしれません。ですので扉となってくれそうなサイトを
Tiny human figures at food transformed into landscapes | This Blog Rules
A food imaginatively transformed into a variety of landscapes by Japanese student Akiko Ida, 37, and Pierre Javelle, 39. And in an effort to catch out lazy-eyed observers, the pair have included tiny figures and props to make their scrumptious settings seem real at a glance. Working from a home studio in Paris, the photography duo have devoted hundreds of hours into tricking onlookers with tiny se
HeartRails Badge | プロフィールバッジ簡単作成サービス
「HeartRails Badge」 は、このページの左右に付いているようなプロフィールバッジを簡単に作成できるサービスです。
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
中国の町並みをドット絵で再現したE都市がすさまじい - てっく煮ブログ
中国の地図サイト「E都市」は一昔前の RPG のようにドット絵で中国の町並みを再現しています。描き込みの量もすごいし、再現されている範囲も広くて驚きました。たとえば 上海 はこんなの。もちろんドラッグで移動できます。少し拡大してみます。さらに拡大してみます。右下のビルの看板の文字が読めちゃってます。自分が見た範囲では全ての場所で地図がここまで拡大できました。すべてのズームレベルでしっかりと描き込んであるのが驚きです。Google Maps の衛星地図とも比較できます。衛星写真を45度ぐらい時計回りに回転すると、上のドット絵に近くなりますね。道の形や屋根の色まで忠実に再現されています。北京を旅する北京 の天安門広場〜紫禁城。天安門にズームイン。もちろん毛沢東の肖像画まで再現。オリンピックで話題になった鳥の巣スタジアムも再現されています。すぐ近くはビル街だったんですね。香港を旅する香港 の大量
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ネットで見られる提案書のまとめ | Webデザインのタネ
誕生色大辞典 366日の誕生色と色言葉 | 色見本大辞典
IDEA * IDEA
http://www.designwalker.com/2009/12/wordpress-theme2009.html
HTMLの外部ファイル化