iOS 7ではユーザーインターフェース(以下、UI)がフラットデザインになり、見た目も操作方法もこれまでのiOSとは違うものになりました。そんなiOS 7向けアプリを開発するデベロッパー向けに、AppleがUIデザインで気をつけるべき点やガイドラインなどをまとめています。 Designing Great Apps - Apple Developer https://developer.apple.com/design/ このサイトは登録済みiOSデベロッパー向けのもので、iOS 7向けアプリをデザインする上で必要な要素を、複数のページとApple World Wide Developer ConferenceやTech Talksのムービーを使って解説してくれます。 例えば、UIデザインのヒントを集めているのが以下のページ。 UI Design Dos and Don'ts - Apple

ドラブレコーダーを搭載しておくと交通事故や何らかのトラブルに巻き込まれた時に役立つことがありますが、自転車向けのものは普及していません。そこで、チャリダーの安全を守るために、7つのカメラを使って周囲360度すべてを記録できるドライブレコーダー内蔵のヘルメット「Helmet of Justice」が現在開発されています。 A 'black box' for bicycles http://edition.cnn.com/video/#/video/tech/2013/02/21/exp-helmet-of-justice.cnn ヘルメットを使ったデモンストレーションの様子は以下のムービーから見ることができます。 Helmet of Justiceは現在開発中の自転車用ドライブレコーダー内蔵ヘルメット。 こちらがHelmet of Justiceを製作するデザイン事務所Chaotic Moo

リアルに届いた各種郵便物をスキャンしてデータ化し、アプリやブラウザから閲覧・整理できるサービスが「Outbox」です。特定の住所に転送するのではなく、実際に自動車で自分の住んでいるところにある郵便受けの前まで走って回収しに来て、スキャン後には必要な郵便物を指定するとちゃんと戻してくれます。また、特定の送り主からのメールはスキャンせずに速攻でゴミ箱にポイという、いわば「リアル世界での迷惑メールフィルタ・スパムメールフィルタ」というべき使い方も可能です。 Outbox — A beautiful inbox for postal mail https://www.outboxmail.com/ サービスに申し込むと週に3回、自分の郵便受けまでマジでこの自動車が走ってきて自分宛の郵便だけを回収していきます。家族やルームメートがいる場合などでも大丈夫というわけ。また、カギがかかっている場合は申込時

By by Janine 一般的な理解能力などに異常がないにも関わらず、文字の読み書き学習に著しい困難を抱える障害を失読症（ディスレクシア）と呼びます。エジソンやトム・クルーズ、スティーブン・スピルバーグなども失読症に悩まされており、アメリカでは2割近くの人々が何らかの形で読字障害に関わる症状を持つという調査結果もあるのですが、失読症を抱えていても文字を読めるようにするフォントが「Dyslexie」です。 Typeface Dyslexie for people with dyslexia - studiostudio http://www.studiostudio.nl/ 失読症の顕著な例としては数字の「7」と「seven」を同一のものとして理解ができなかったり、文字がひっくり返って記憶されたりして正確に覚えられない、というものがあり、その他にも2つの文字の違いがわからない、文字や単語の

世界の道という道を撮影しているGoogleストリートビューは、たまにすさまじい一瞬を捉えてしまったりしていますが、始点と終点さえ設定すれば世界中の美しい街並みからいつもの帰り道まで、ストリートビューの写真を使ったタイムラプス映像を作ってくれるというサービスが「Hyperlapse」です。ストリートビューに対応している場所ならどこでもムービー化してくれるので、旅をしているかのような気分にもなれます。 Teehan+Lax - Defining Experience http://www.teehanlax.com/ ストリートビューのタイムラプス映像がどのような感じで再生されるか、ということは以下のムービーから見ることができます。 Google Street View Hyperlapse on Vimeo 実際に使ってHyperlapseを使う場合、まずトップページの「Make your

日本のマンガ文化を世界に発信するため、ANAが作ったサイトが「マンガナイザー(MANGANIZER)」です。アップロードした写真を元にしたイラストをマンガの主人公のようにすることができ、ただ顔を作るだけでなくそのキャラクターが登場する作品を読むこともできるというかなり凝った内容になっています。 ANA | MANGANIZER - Let's Do Japan http://ana-manganizer.com/ トップページはこんな感じ。 「日本独特の文化であり世界中で愛されているマンガ。日本の航空会社であるANAは日本文化を理解してもらうためにMANGANIZERを製作しました」というメッセージ。 マンガのストーリーを選ぶとその主人公として自分の顔をマンガ化したイラストが使用されるという仕組み。 写真をアップロードして、カスタマイズ、後は出来上がったコミックを読むだけ。 「AGREE

デザインの仕事をしていたり、フリーペーパーやポスターを作る時にも、無料で自由に使える写真やイラストは重宝します。一定条件の下で作品を自由に使えるCCライセンスの画像も有用なのですが、商用利用やクレジット表記・リンクの可否など制限があり使いづらいことも。そんな時に便利なのが、知的財産権が誰にも帰属しないパブリックドメインの画像を検索閲覧・ダウンロードできる「Pixabay」であり、CCライセンスのように細かい点を気にすることなく自由に画像を使用できます。 Pixabay - パブリックドメイン画像 http://pixabay.com/ テキストボックスに単語を入れて検索ボタンを押すと…… こんな感じでずらっと写真やイラストが並びます。画像は新着順の他、人気順でも表示することが可能。 気になる画像をクリックすると…… 詳細ページへと飛びます。 撮られた日時や使用されたカメラの種類などと共に、

UIデザインとはユーザの使い易さ、分かり易さ、快適さから情報機器やWEBなどを設計をしていくことを言いますが、ハンゲームを運営するNHN Japan株式会社の此川祐樹さんが、ゲームにUIデザインを取り入れて、よりゲームを面白くするという取り組みについて語りました。 ユーザの行動から学ぶゲームUIデザイン NHN Japan株式会社クリエイティブマーケティングセンターマーケティングデザイン室/UXデザインチームの此川祐樹と申します。よろしくお願いします。 ユーザの行動から学ぶゲームUIデザインについて発表させていただきます。私は2011年に弊社に入社しましてUXデザイナーとしてWEBサービスをデザインしてまいりました。2012年からは主にスマートフォンアプリやゲームに関するUXを行っております。 弊社のサービスについて紹介させていただきます。主要4ブランドサービスを展開していまして、左からオ

料理をする際、まな板の上でカットした具材をどこに置いておくか迷うことがあります。そのまま、まな板の上に置いておくと邪魔で、かといって新たに皿やボウルなどを使うと余計に置く場所が必要になります。そんなときに便利なのがまな板と引き出しが一体となった「Mocubo」です。 quirky - Mocubo http://www.quirky.com/products/91-mocubo-Modular-Cutting-Board 竹製のまな板で、3つの引き出しがついています。なお、サイズは幅16インチ(40.64センチ) ×奥行11インチ(27.94センチ) ×高さ1.75インチ(4.445センチ) 。 カットした野菜をスライドするだけですっと引き出し部分に入れることができ、ちょうどいい高さになっています。まな板を持ち上げたり、手で一旦集めて移動させるといういつもの作業が不要に。 引き出しによって

「iPhoneをカバンのどこに入れたかわからなくなった！」という場合に音と振動で探し出したり、逆にiPhoneから音と振動を出させて探したりという使い方ができるなくしもの防止ガジェット「ぶるタグ LBT-MPVRU01BK（直販価格税込3480円）」。今回は実物を購入して、製品を触りながらどんな感じで作動するのかをチェックしてみることにしました。 LBT-MPVRU01BK: Bluetooth製品 iPhoneから「ぶるタグ」の音と振動を起動して探す、「ぶるタグ」からiPhoneの音と振動を起動して探す、という2通りの使い方ができます。 また、お互いが一定の距離以上離れると自動で音と振動を起動する機能も搭載。 ◆フォトレビュー パッケージはこんな感じ。 サイズは縦45×横45×厚さ13ミリで成人男性の手の平にスッポリと収まる大きさ。 裏側はこうなっています。 金属製のクリップが付いている

ロゴ画像を作るというのはなかなか骨の折れるクリエイティブな作業であり、しかもその製品やサービス、企業のアイデンティティというものを込めなければならず、しかも今後の「顔」にもなるので、その苦労は並大抵ではありません。そのため、実際にロゴが生み出されるまでの過程を知っておけば、ロゴをデザインする際、あるいはロゴデザインを発注する際にいろいろと役立ちます。 11 Great Examples Of How A Logo Is Born | Top Design Magazine - Web Design and Digital Content http://www.topdesignmag.com/11-great-examples-of-how-a-logo-is-born/ ◆Kaviartの場合 完成 ◆Houdiniの場合 完成 ◆Project Moonの場合 完成 ◆Xokoの場合

「視聴者の目に引っかかるエフェクトとは何か？」を考えつつ、長年、トップランナーとして第一線でアニメエフェクトを作り続けてきた橋本敬史さん。クセのある気持ちいいエフェクトを作るためであれば物理法則や時間曲線すらもねじ曲げながら、誰もマネのできないエフェクトを作り上げてきました。普段は物語やキャラクターの背後でふと見逃してしまいそうな炎や水、スパークなどのエフェクトは、どのようにして生き生きとした映像表現となり得るのでしょうか。 本稿は日本最大のゲーム開発者向けカンファレンス「CEDEC2011」にて「アニメのエフェクト、ゲームのエフェクト」と題して行われた講演で、休憩を挟んで前後編に分かれていたものを1本にまとめました。橋本さんが携わってきた多くのアニメーション作品で培われた職人技から、デジタルアニメーションやゲームにおけるエフェクト作りまで深く掘り下げています。 ◆『アニメのエフェクト、ゲ

個人ユーザーから劇場映画制作の編集まで、幅広く用いられる国産の映像編集ソフトEDIUSのサイト内にある「PIMOPIC（The Perfect introductin of motion picture）」では、映像クリエイターとして実際に仕事を始めている人やこれから映像コンテンツ制作を目指そうという人のために、経験豊富なプロの映像制作者が、映像制作の各段階で必要な技術や機材の理論に基づく基礎知識から実践現場で活かされるコツまでをまとめて伝授しています。 そこらの教科書よりも詳しく書かれており、これが無料で読めるというのがオドロキです。 CREATIVE LAB. INDEX | EDIUS.jp http://www.edius.jp/cre_lab/index.html ◆どんなことが書いてあるのか 企画段階から映像制作のフローに沿って、図や写真を使って、どのように制作を進めていけばい

「iPad 2」が4月28日から日本国内で販売開始となりました。タブレット端末であるiPadは余分なボタンなどもほとんどついておらず、キーボードはソフトウェアキーボードを採用しています。しかし、人によってはやはりちゃんとしたキーボードがあった方がよい、と考える人もいるはず。 そんな人向けにiPad用のBluetoothキーボードがいくつも用意されているわけですが、この「Bluetooth Keyboard Case for iPad」はiPadのケースとも一体になっており、携帯も便利なガジェットとなっています。 詳細は以下から。 ThinkGeek :: Bluetooth Keyboard Case for iPad iPadをBluetooth Keyboard Case for iPadに取り付けたところ。ノートPCのように、横になったiPadの手前にキーボードが位置するような形。

by 707d3k 東日本大震災を考慮して「iPad2」の発売が延期されたことは記憶に新しいですが、思わずインストールしたくなるような、見た目が洗練されているiPad用のアプリが10種類挙げられています。 主にスケジュール管理系のソフトが中心となっているためか、奇をてらうよりはシンプルで使いやすいように設計されたものが取りそろえられているため、これからアプリを制作しようとする人にとってはデザインの参考になりそうです。 スタイリッシュなiPadアプリ10選は以下から。10 Beautiful iPad App Interfaces | Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers 1：Things TODOリストを管理するためのソフト「Things」はとても落ち着いた色

コンパクトなのでちょっとしたファイルを持ち運ぶときなどに便利なUSBメモリには、中にビールが入ったものやシャチハタそっくりなものなど多種多様な製品が存在していますが、「その発想はなかったわ」という新製品が「Combination Memory」です。なんとこのUSBメモリは「microSDカードを挿すことで容量が増やせる」という特徴を持っています。 「Combination Memory」の詳細は以下から。Collector USB Flash Drive by Fang-Chun Tsai ≫ Yanko Design これが「Combination Memory」。どこか未来的なデザインです。 このようにしてmicroSDカードを挿入します。なお、最大で3枚のmicroSDカードを挿入することが可能です。 通常のUSBメモリでは容量がいっぱいになってしまった場合、データの削除をしなけれ

でこぼこのない面であれば、壁であろうが柱であろうが机であろうがドアであろうが、とにかくなんでもかんでも塗るだけでホワイトボード化することができるという画期的な塗料がこの「IdeaPaint(アイデアペイント)」です。 実際にどういう場面で利用されているのか、価格はどれぐらいなのか、日本で入手するにはどうすればいいのか、などの詳細は以下から。 IdeaPaint | Dry Erase Whiteboard Paint for Home, School, and Work http://www.ideapaint.com/ 使用するシーンとしては、職場・学校・家庭の3つ。それぞれについて以下のような感じの使用を想定しています。 ・職場の場合 よくある会議室ですが、壁一面がホワイトボードに。 これは壁2面がホワイトボード化 目の前の壁自体がホワイトボード、電話のメモも簡単 背後の壁がホワイトボ

何をどこでどう間違ったのか2012年リリース予定で次期Windowsとなる「Windows 8(仮)」のプレゼンテーション資料と思われるものがネット上に流出、その資料から次々と新機能の輪郭や今後のスケジュールなどが明らかになってきました。 特に注目すべきはマイクロソフトが現状をどう認識し、そしてどのような次の手を打つべきだと分析しているのかという点。Windowsを超えることこそが勝利のカギだ！と読めるような箇所や、スタイルのかっこよさでビジネスの顧客が製品を選ぶわけではないと断じていたり、さらには影響力を持つアーリーアダプターは決して技術力があるわけではなくただ技術への興味が強く影響力も強いだけとしていたり、なかなか読ませるプレゼンテーションになっています。 というわけで、実際にその資料を見ながら、マイクロソフトが次のWindows8に搭載してくる新機能の数々を見てみましょう。詳細は以下

端末価格が高騰する中、安価に購入できる中古携帯電話市場の盛り上がりや、Googleの「Nexus One」のように、対応する通信方式を採用しているのであればどの携帯電話会社でも利用できる携帯電話が登場したことなどを受けて、携帯電話の「SIMカード（電話番号を特定するための固有のID番号が記録されたICカード）」の行く末が注目を集めています。 そして日本の携帯電話端末に採用されている、特定の携帯電話会社のSIMカード以外を利用できない様に制限する機能である「SIMロック」について、KDDIが本日説明会を開催しました。 日本の携帯電話市場については、世界と異なる独自の進化を遂げた「ガラパゴス化」を指摘されることがあり、その原因とされることもある「SIMロック」ですが、どうやらSIMロックだけがガラパゴス化を招いているというわけではないようです。 詳細は以下から。 ■そもそもSIMカードとは？

タイポグラフィとは、もともとは活版印刷の技法などを指す言葉だったのですが、今では書体やレイアウトなどのデザイン全般を表す言葉として用いられており、特に英語圏などのアルファベット文化圏では文字の種類が日本語のように多くないので、「文字の効果的な見せ方」の研究が古くから行われ、美しく見せるデザインパターンが多く作られています。 というわけで、デザインの参考に、さらにデスクトップをちょっとかっこよくするための壁紙は以下から。 50 Stunning Typography Wallpapers For Inspiration - Noupe I Typography I LOVE TYPO by ~dzn-citizen on deviantART Typography I LOVE U by =askdzigner on deviantART Helvetica, how I love thee