Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材のダウンロードまでできる便利なウェブサイトになっています。 The Best Of Material Design, daily – MaterialUp http://www.materialup.com/ マテリアルデザインとは何か？ということは、以下の記事から読むことが可能です。 アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？ - GIGAZINE
ネットショップで手作りアイテムを販売し年間1億円以上を売り上げるための秘密
by Tim Reckmann 三児の母にしてオンラインショップで月8万ドル(約950万円)、1年にすると96万ドル(約1億1000万円)の収益を上げることに成功したのがアリシア・シェイファーさん。この売り上げはアメリカでトップの整形外科医の収入とほぼ同じだそうですが、高収入を得にくいネットショップでシェイファーさんがなぜ成功したのか、Co.Designでその秘密が明かされています。 How One Woman Makes Almost $1 Million A Year On Etsy | Co.Design | business + design http://www.fastcodesign.com/3042352/how-one-knitter-makes-almost-1-million-a-year-on-etsy シェイファーさんのお店の名前は「ThreeBirdNest(三
カラフルなiMacをそのまま水槽にした「Macquarium」
Apple G3 iMacの中身をごっそり抜き取って、水槽にしているわけですが、最大のポイントは日本からでも購入可能という点。既にiMacを持っている人向けに改造キットも売っています。 iMac Macquarium http://macquarium.jakeharms.com/ 中の水槽タンクはオリジナルで作ったものでちゃんとiMacのCRTモニターのカーブに合わせて作ってあるとのこと。 水の容量は3ガロン（約11.3リットル）、水漏れしないようにできているのは当然で、浄化フィルターとポンプは「Whisper In-Tank 3i」を内蔵済み。 カラーはブルー・アクア・ホワイト・スモーク・レッド・オレンジ・エメラルド・フラワーパワー（あの花柄）などで、そのときの在庫から色を選ぶ感じで、1つ250ドル（約1万9500円）です。アメリカ国外へも発送可能で、その際の輸送代は大体90～120ド
「Microsoftのイメージを3日で一新する」プロジェクトをウェブ上で行った学生がMicrosoftからオファーを受け働くことに - GIGAZINE
2012年7月に「3日間でMicrosoftのブランドイメージを一新する」という試みをウェブサイト上で独自に行い話題となったロサンゼルス在住の学生Andrew Kimさんが2013年夏からMicrosoftで働くことが決まったことを自身のブログで明らかにしました。 Minimally Minimal http://www.minimallyminimal.com/ Kimさんは2012年2月に発表されたWindows 8のロゴを「ラディカルではあるけれど過去を脱ぎ去っていない」と指摘し、自身のウェブサイトMinimally MinimalでMicrosoftの新たなロゴマークや広告を具体的に提案し、その完成度がネット上で話題となっていました。そしてKimさんがプロジェクトを行った一ヶ月後の2012年8月23日、Microsoftは25年ぶりにロゴマークを新しくすることを発表。 Kimさんの
ネガティブスペースを使った見ているだけで面白いロゴデザイン35種類
By ssoosay 「対象物の間にある空間」をアート用語で「ネガティブスペース」といい、ネガティブスペースを利用した代表的な作品は「ルビンのつぼ」といわれる、つぼの回りのネガティブスペースを使って2人の男性の顔が向かい合うところを表現している作品です。ネガティブスペースを利用する手法はロゴデザインでも使われることが多々あり、パッと見たときにわかるロゴ部分だけでなく、ロゴ以外の部分に注目すると違うイメージが浮かび上がります。 Design Inspiration: Negative Space Logos and Symbols http://briandelaney.me/design-inspiration-negative-space-logos-and-symbols 01:Two girls & a Key logo 02:4x (fox) logo 03:Moetivs Pet
日本の伝統色が一目で分かり三原色・カラーコードも調べられる「NIPPON COLORS」
紅・山吹色・橙など日本古来の色の名称は実際にどんな色なのかイメージしづらいときがあるもので、そんな時に色を調べるのにもってこいなのが、様々な「日本の色」を知ることをできるサイト「NIPPON COLORS」です。 NIPPON COLORS - 日本の伝統色 http://nipponcolors.com/ NIPPON COLORSのトップページはこんな感じ。最初の画面は「櫨染(はじぞめ)」に設定されています。 知りたい色にカーソルを合わせてクリックすればOK。今回は撫子(なでしこ)をクリック。 クリックすると全画面が撫子色に変化。 撫子色の部分を良く見ると、カラーコードの番号も書かれています。撫子であれば「DC9FB4」。 色の三原色の配合も画面に表示されており、撫子色はC(シアン)が2、M(マゼンタ)が43、Y(イエロー)が3の配合。絵の具を混ぜて色を作ったりするときなどに参考になり
閲覧者の印象に残る、赤を基調としたウェブサイトデザイン35パターン
パッと見ただけで閲覧者の印象に残りそうな、「赤」を基調として構成されているウェブサイトデザイン35パターンです。赤は印象的な分だけ上手に使わないとサイトの見た目がうるさくなってしまいがちですが、うまくまとめることで魅力的なウェブサイトデザインを作り出せます。 A Round up of Red-Colored Websites Design 1：Cafe Rouge 赤い鍋と背景がよくマッチ。 2：MetroStation 小ぎれいにまとまっているウェブサイトデザイン。 3：Intensity in Ten Cities ロケットが印象的です。 4：Grafik さまざまな濃さの赤が使われています。 5：Northern Classics 背景が暗めの赤。 6：New Hampshire Distributors, Inc. 渋めの赤によってどこか落ち着いた高級感のある雰囲気に。 7：Th
有名な映画を絵文字で表現、ピクトグラムで表された映画のポスターいろいろ
駅や空港、はたまた非常口のマークなどで人々の生活の中に用いられているピクトグラム。そのピクトグラムの手法で表現された映画のポスターを集めました。ジョーズやマトリックスにターミネーター2、それにスタンリー・キューブリック監督作品などなど、さまざまな名画の内容を一目で表しており、見たことがある映画はもちろん、見たことの無い映画でも興味を持てるような見応えのある内容となっています。 ポスター集は以下から。Viktor Hertz / graphic design / photography Viktor Hertz on the Behance Network ◆スタンリー・キューブリック監督作品 現金に体を張れ 突撃 スパルタカス ロリータ 博士の異常な愛情 または私は如何にして心配するのを止めて水爆を愛するようになったか 2001年宇宙の旅 時計じかけのオレンジ バリー・リンドン シャイニン
インパクトがありすぎる広告の実例14パターン
とても物珍しく、クリエイティビティにあふれた広告14パターンです。どれも広告を見たときのインパクトを重視しているようで巨大なものが多くなっています。眺めているだけでも楽しめますが、これから新しく広告や宣伝を担当しなければならない人などの参考になるのではないでしょうか。 広告の実例14パターンは以下から。15 Examples of Creative Advertising 1：巨大な子どもの看板 メキシコの道路にある、とてつもなく巨大な子どもの姿をした看板はホットウィールの広告です。 2：エビが真っ二つになるエレベーター ドアが閉じた状態だと単なるエビですが、ドアが開く事によって包丁でエビを真っ二つに切る様子を表現した包丁の広告。これは日本のメーカーである加賀谷刃物製作所の広告です。 3：リアルアングリーバード 赤い鳥を飛ばして建物などを破壊するという、スマートフォンで大人気のゲームアプリ
特殊印刷＆おもしろ製本が家でできるアイデアてんこもりな「特殊印刷・加工DIYブック」でスゴ技をいろいろ試してみました
印刷会社に頼んでの自費出版はお金がかかるので凝った製本が難しく、そもそも少数しか刷らないので会社に頼むほどではないという時もあります。そこで家でも魅力的な印刷物を作れるアイデアや方法をまとめたのが「特殊印刷・加工DIYブック」です。低予算でもユニークな本が作れるようになっているとのことなので、実際に本に載っているスゴ技をいろいろ試してみました。 Amazon.co.jp： 特殊印刷・加工ＤＩＹブック: 大原健一郎, 野口尚子, グラフィック社編集部: 本 http://www.amazon.co.jp/dp/4766123034 特殊印刷・加工DIYブックは印刷・加工DIYブックに続くシリーズ第2弾で、特殊印刷に焦点を当てたもの。サイズは23.3×18.5×1.8cmです。 全部で128ページ。 手作りの雰囲気を出すためにあえて上部裁断はされていません。 ペラッとページをめくってこれが目次
ウェブ業界で流行しているフラットデザインの利点と欠点
Windows 8のUIやGoogleのアイコン、Appleの新しいiOS7、さらにはFirefox 23のアイコンにまで使われているフラットデザイン。そんなフラットデザインがインターネット上で流行しているのかどうか、このデザインの特長は一体どういった点なのか、ということを実際にウェブ業界で働くプロ100人に対して調査したレポートが公開されています。 Flat Web Design Is Here To Stay - The Usabilla Blog http://blog.usabilla.com/flat-web-design-is-here-to-stay/ 調査はウェブ業界で働くプロフェッショナル100人に対して行われました。調査対象者の職業は以下の通りで、ウェブ業界で働く人々をまんべんなく調査しています。 調査の参加者にフラットデザインについて最初に思い浮かぶ単語を尋ねると、以
電池のデザインを変えるだけでこんなに効率的になる
生活の中にあふれている様々なモノのデザインのほとんどは「必要性があってそのようなデザインになっている」ものがほとんどで、さらに一歩進めると「使いやすいようにそのようなデザインになっている」となり、さらに進めると「利便性以外にも気を遣ったデザイン」となり、段々と洗練され、次第に昇華されていきます。 普段から「これはこういうカタチだよね」と思い込んでいるものほど改善の余地があるのかもしれないという新たな気づきを与えてくれるのがこの電池デザイン案「hive」です。 Hive - Battery Design by Jin-young Yoon & Seong-hoon Jeong >> Yanko Design http://www.yankodesign.com/2011/09/15/let%e2%80%99s-rethink-the-battery/ 「hive」とは「ミツバチの巣箱」という
つるつるでボタンもマウスホイールも無く丸っこい石のようなデザインのマウス「Stealth Touch Mouse」
手のひらにすっぽり収まる大きさと尻尾のようにコードが伸びている形状がネズミに似ているからと名付けられた「マウス」ですが、コードなし、ボタン無し、何もなし、と、もはやネズミというより石ころに見えるツルンとしたデザインのマウスが「Stealth Touch Mouse」です。 ThinkGeek :: Stealth Touch Mouse http://www.thinkgeek.com/product/ef19/ ボタンもマウスホイールもないつるんとしたデザインですが、マウス表面は高感度になっているのでタップの強さを調節したり、指をスライドさせることによって操作できます。また、ボタンがないので右利き・左利きを問いません。 2.4 GHzのワイヤレス接続式なので、約10メートル内の距離でなら離れていてもパソコンが操作可能。 裏面はこんな感じ。大きさは大体幅6センチ×奥行き9センチ×高さ3セン
スターウォーズなどにインスパイアされたホンダのかっこよすぎるチョッパーバイク「Honda Chopper」
「Honda Chopper」は、スターウォーズや日本の漫画、医療機器などにインスパイアされたデザインのホンダ製チョッパーバイクです。SF映画にそのまま登場できそうな、未来的でスタイリッシュなかっこいいバイクとなっています。 詳細な見た目は以下から。Honda Chopper - Top Speed これが「Honda Chopper」。デザイナーのPeter Norrisさんによるコンセプトデザインで、正確にはチョッパーバイクではなく「Honda Chopper」という名のプロジェクトだそうです。 側面はこんな感じで、フロントサスペンションは長め。実際に乗車する場合は足を前方に伸ばすスタイルになりそうです。 ちょっと角度を変えたところ。 座席にデザインされたラインなど、細かな部分まで抜かりはありません。 デザインに関しては、スターウォーズ以外にも医療機器の清潔で機能的なデザインや、「Bi
台所・お風呂のゴミをカンタンに捨てることができる排水口カバー「TWEAK」
毎日の掃除の中で、キッチン周りやお風呂などの排水溝にたまるゴミの処理は面倒くさいもの。手は汚れるし、お風呂の場合だと毛のゴミがうまくとれずにイライラすることもあります。そんなお掃除の不便さを解決するため、シリコンゴムでできた排水口カバー「TWEAK」が開発され、Kickstarterで出資を募集しています。 TWEAK by Nitzan Shafat & Aviv Rozenfeld — Kickstarter https://www.kickstarter.com/projects/1371613126/tweak TWEAKがどのような製品なのか、以下のムービーから確認することができます。 こちらの2人がTWEAKを開発したニッツアン・シャファットさんとアビブ・ローザンフェルドさん。イスラエル出身のプロダクトデザイナーです。 そんな2人がいぶかしがって見る先には…… キッチンの流し口
冷やした石を氷代わりにしてジュースやお酒を冷たくする「Whiskey Rox」
飲み物を冷やす氷の代わりにソープストーン(石鹸石)と呼ばれる熱や酸に強い性質を持つ変成岩を使用して飲み物を冷やす、というアイディア製品「Whiskey Rox」を製造販売するための資金集めがアメリカのクラウドファンディングサイトKickstarter上で行われています。 Whiskey Rox http://www.kickstarter.com/projects/734246795/whiskey-rox-beverage-chilling-stones 「Whiskey Rox」の製品化を目指しているのはシアトル在住のZach Lengellさん。 製造工程はかなりシンプルなので、材料の石と切断するための工具さえ有ればどんどん製品が作れます。 後はちょっとオシャレなデザインの袋をセットにすれば完成。 こんな感じでグラスに入れて飲み物を注げば氷の代わりになります。 「Whiskey Ro
見ているだけで楽しめる、オシャレで創造性にあふれたメールフォーム32選
通販での会員登録の際などに名前やメールアドレスといった個人情報を入力することになる「メールフォーム」ですが、ウェブサイトのデザインに比べてあまり凝っていないような気がしている人も多いのではないでしょうか。 ここでは、見ているだけで楽しめるような、オシャレで創造性にあふれたメールフォームを32種類集めています。どのサイトもデザイン性に優れているので、これなら面倒になりがちなメールフォームの入力作業も退屈せずに済みそうです。 メールフォーム32選は以下から。01：ArtFlavours 02：VISMAAd 03：Christian Sparrow 04：Justdot 05：The Spray Studio 06：Ryan Scherf 07：Sandalias XTR 08：SVN2FTP 09：Wing Cheng 10：Denise Chandler 11:Needle 12：fabr
わずか3分でコーヒーをフィルターや機械を使わず簡単にいれることができる「Impress Coffee Brewer」
おいしいコーヒーを飲もうと思うとコーヒーメーカーを使ったり、丁寧な手順を踏んだりしなければなりませんが、コーヒーフィルターもマシンも使わずカップにコーヒー豆とお湯をいれて3分間待つだけで簡単においしいコーヒーが作れるのが「Impress」。タンブラー型で持ち運びも可能、プレス式なのでコーヒーだけでなく紅茶を作ることもできます。 Impress Coffee Brewer by Gamila Company: Aly & Beth Khalifa — Kickstarter Impressの使い方などを解説したムービーは以下から。 Impressは一度に約370mlのコーヒーが作れるフレンチプレス式コーヒーメーカー 作ったのはGamil Designのデザイナーたち。 Gamil Designのデザイナーたちはみんなコーヒーフリークです。 美味しいコーヒーを手軽に作りたい、ということで「フィ
QRコードをうまく使った名刺デザイン40パターン
ほとんどのカメラ付き携帯電話が読み取り機能に対応し、一気に普及した感のある「QRコード」ですが、名刺へ使うことによって自社のサイトなどへ気軽にアクセスしてもらうことが可能になります。「大きな面積を使用することになるのでデザイン的にはなかなか難しいのでは」と考えてしまうかもしれませんが、小さなものでも問題無く読み取ることができますし、逆に大きなQRコードそのものをデザインする方法もアリです。上手にQRコードを利用している名刺は機能性・デザイン性ともに良くできています。 QR Code Business Card Inspiration: 40 Great QR Code Business Cards | CreativeFan 1：New QR Code Business Card 表は緑を基調としてシンプルに情報を載せ、裏面にはQRコードのみ。 2：23rd and 5th 裏面の端に赤で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料で商用可のウェブでよく使われるアイコンをフォント化した「CONDENSE-iconFont」
