月曜日, 8月 25, 2014

キッチンのスマート家電

人とデヴァイスをつなぐデザイン：キッチンのスマート家電

イタリア発のシンプルでスマートなキッチンガジェットが、「Indiegogo」で資金を募集。すでに目標額を超える金額を集め、注目されている。

イタリアのデザインスタジオ、THINGKが設計・開発したそのガジェットは、「GKILO」と「CLOGK」の2つのセット。どちらも、ウッド調のデザイン雑貨といった外観だ。

シンプルなまな板のような外観をしたGKILOは、1枚でキッチンスケールと時計の機能を兼ね備える。ボードをひっくり返すだけで、簡単にスケールと時計の機能を切り替えることができる。一方、CLOGKは、円柱のペーパーウェイトのような外観。触れると起動し、時計またはクッキングタイマーとして機能する。

GKILOとCLOGKはインタラクティヴな機能を備えている。ワイヤレスでアプリに接続し、アプリを介して互いの情報を活用できる。たとえば、ある野菜の重さをGKILOで測ったとしよう。専用アプリでその野菜を選択すれば、GKILOが測定した重量のデータから推奨調理時間が計算される。そのデータがCLOGKに送られると、自動的にタイマーが設定される仕組みだ。

THINGKのプロジェクトリーダーを務めるステファノ・マランゴーニは、米『WIRED』にこう語っている。「新しいかたちの人間とデヴァイスの関係が必要とされています。それは、タッチ、声、ジェスチャーに基づいた、より人間らしい自然な関係です」

現在、5万ドル（約500万円）の目標額に対して、2万4000ドルを越える資金が集まっている（5月14日時点）

［Source: WIRED US］

木曜日, 4月 25, 2013

ウェブデザイナーのための便利すぎるツール3つ

1. 直感的なカラー選択ツール

color.hailpixel.com

おもしろいので行ってみるべし

私たちのお気に入りのカラー選択ツールの1つ。読み込み時に、ウィンドウ全体が1つの色でいっぱいになる。色合いを調整するにはマウスを左右に動かし、明るさを調整するにはマウスを上下に動かし、スクロールして彩度を変える。0 to 255とColllorも試してみよう。

2. PlaceIt

画像をアップロードするだけ

PlaceItは、シンプルなドラッグ＆ドロップツールで、あなたに現実の製品のスクリーンショットを一瞬で作らせてくれる。

3. PLTTS

ここちよいカラーバランスとは

PLTTS（パレッツと発音する）は、あなたが取り組んでいるプロジェクト用の完璧なカラーパレットを簡単に見つける。

ウェブデザイナーのための便利すぎるツール＆リソース20選

ウェブデザイナーに便利なデザインリソースやツールをまとめた最新版の記事をThe Next Webから。きっとあなたの知らない、日本ではまだメジャーじゃない注目リソースやツールがあるはず？ — SEO Japan

Webデザインにおいて、使用するツールはあなたの結果に重要な役割を果たす。もちろん、紙に鉛筆で描くことのような、基本を忘れないことが大事だが、時には新しいアプリやリソースを見つけることが、あなたのクリエイティブなジュースをもっと流れるようにするのに役立つかもしれない。

今回は、デザイナーとデベロッパーのための20個の便利なツールをリソースリストとしてまとめた記事を紹介する。あなたのお気に入りを（または、もし私たちがあなたのお気に入りを見逃していたら）コメント欄で教えて欲しい！

1. Niice

Niiceは基本的に、人気デザインサイトのBehance、Dribbble、Designspirationから結果を引っ張ってくるデザイン検索エンジンとして機能する。もしあなたがインスピレーションを必要としているなら、ここに来てがっかりすることはないだろう。
例：白黒の筆記体デザインを検索してみよう。

2. Pixel Dropr

Pixel Droprは、UI Paradeが作ったPhotoshopのプラグインで、デザイナーは、アイコン、イラスト、写真、ボタン、その他の要素を作って、PSDファイルにドラッグ＆ドロップすることができる。詳しい説明はここを読もう。

3. Designer News

もしあなたがHacker Newsの読者なら、すでにDesigner Newsの仕組みは知っているはずだ。それはデベロッパーとスタートアップシーンに焦点を合わせたサービスのようなものだが、デザインやデザインのプロセスを簡単にする新しいツールに関する議論を重視する。

4. FirefoxのFont Inspector

Firefoxは、DevToolに最近“Font Inspector”と呼ばれる新しいタイポグラフィ中心のツールを追加した。現在は、このブラウザのNightly Build内で利用できる。詳しくはこちら。

5. Cloud Comp

Cloud Compは、Cloud Appを使用した軽いツールで、デザイナーはアプリやウェブサイトのモックアップをクライアントと共有することができる。詳しいことはここを読もう。

6. Sidebar.io

Sidebarは、5つの“最高のデザインリンクを、毎日”提供するサイトだ。

7. BLOKK

BLOKKは、簡単なモックアップやワイヤーフレームで使用するためのダッシュでできたフォント（漫画新聞で見つけるようなもの）だ。最高のツールだ。
詳しい内容はここを読もう。

8. What’s My Browser Size?

このWebアプリは、その名の通りシンプルだ。あなたのブラウザウィンドウの現在のサイズを教えてくれ、あなたがそれをリサイズするとそれに従って調節する。例えば、もしあなたがMedia Queriesを使用しているなら、このツールは便利だ。

9. 直感的なカラー選択ツール

10. Timehub

Timehubは、プログラマーにGitHubリポジトリから請求書を作らせるサービスだ。そう、今、デベロッパーは、 GitHubから離れることなくプロジェクトに費やした時間を追跡することができるのだ。詳しい情報はここを読もう。

11. Helvetica vs Arial

タイポグラフィはWebデザインにおいて重要な役割を果たすが、多くのデザイナーは、HelveticaとArialのような似ている書体の違いを理解するように訓練されていない。このリソースは、あなたがそのスキルをテストして、この2つの有名な字体を区別することに上手くなるのを手助けするだろう。

12. HEXからRGBへの変換ツール

先に紹介した“What’s My Browser Size?”というツールと同じように、これは、HEXからRGBにカラーコードを変換するだけのミニマルなサイトだ。もちろん、あなたは他のたくさんのアプリケーションやサービスを使って同じことをすることができるが、これはとても美しくシンプルな選択肢だ。Colorrrsも試してみよう。

13. PlaceIt

PlaceItは、シンプルなドラッグ＆ドロップツールで、あなたに現実の製品のスクリーンショットを一瞬で作らせてくれる。

14. Heyoffline.js

このJavaScriptプラグインは、ネットワークがダウンした時にユーザーが何も失わないように警告する。ローカルにフォーム入力内容を保存するプラグイン、Garic.jsもチェックしよう。

15. UXテストのためのKeynote/PowerPoint

信じられないかもしれないが、KeynoteはGoogle Venturesのデザインチームに選択されているツールだ。私たちの詳細な調査より：

デザインパートナーのJohn Zeratsky、 UXリサーチパートナーのMichael Margolis、Knappと私は、ユーザーテストのためにモックアップを作ることに没頭していた。私たちは、（驚いたことに）機能的なモックアップを作るのに非常に便利なツールであることが証明されているKeynoteを使うように指示された。