優志：Niantic, Inc.に入る前には、もともとWebmasterというチームのグラフィックデザイナーとしてGoogleの日本支社で働き始めました。そのあとAPACのマネージャーを務め、そしてこちらの本社に移りました。また同時にGoogleのホリデーロゴのプロジェクトにもイラストレーターとして参加しました。当時アメリカ人以外では初めてDoodleを描いたんじゃないかな。そしてまだ当時は社内スタートアップだったNiantic, Inc.にUX/Visual Designerとして参加しました。今はアジア地域のディレクターとして働いています。 高：じゃあNiantic, Inc.でも当初はワイヤーフレームを組んだり、UIをデザインされていたんですね。 優志：そうそう。今はマネージメントが主な業務だけど、手を動かしてつくることもなるべく続けていきたいです。 UXのデザインを長年やってきてす

パイ インターナショナルは8月9日（火）、「リサ・ラーソン 100枚レターブック」を発売します。スウェーデンの陶芸家リサ・ラーソンさんのイラストを、100枚の紙にプリントして収録。1枚ずつ切り離して、手紙やラッピングなどさまざまな用途に使えます。 ▽ リサ・ラーソン100枚レターブック | PIE International 「100枚レターブック」シリーズに、リサ・ラーソンさんが仲間入りします。リサさんの魅力的な作品を、「ツルツル」「ざらざら」など質感が異なる100枚の紙にあしらっているそう。猫のマイキーやミンミ、ハリネズミといった、北欧雑貨でおなじみの人気キャラクターももちろん登場します。 ページは1枚ずつ切り離せるので、手紙を書いたり小さい物を包んだりと、いろいろな使い方ができます。切り貼りして、封筒やしおり、ガーランドなどにアレンジすることも可能。そのまま額に入れて飾れば、インテリ

Edward Snowden氏と著名ハッカーのAndrew "Bunnie" Huang氏が米国時間7月21日、MIT Media Labで新しい個人向けセキュリティデバイスのプレゼンテーションを行った。Wiredによると、このデバイスは、「『iPhone』の内部に接続して、内蔵アンテナに送信される電気信号を監視する」ケース型ガジェットだという。 この新デバイスの狙いは、それが政府であれ、民間のハッカーであれ、何者かがユーザーのiPhoneの無線通信を傍受していないかを常時監視することだ。このデバイスは、SIMカードポートに複数のケーブルを通して（SIMカード自体はケース上の新しいスロットに移される）、iPhoneのハードウェアを監視し、ユーザーの望まない通信の兆候がないかを確かめる。「機内モード」のような機能でも、スマートフォンが信号を発信するのを止めることはできるが、Snowden氏に

さて、日本でもとうとう「ポケモンGO」がローンチされました。皆さんも恐らくご存知の通り、一足先にリリースされたアメリカではもはや社会現象になっています。ローンチからたった一週間ですでにモバイルゲーム歴代最高のユーザー数を獲得し（！）、アクティブユーザー数ではTwitterを追い越しました。僕が住む比較的郊外でさえ、道を歩けばポケモンGOをプレイしている人と何度もすれ違います。アメリカに住んで12年、こんなことは初めてです。とにかく話題で持ちきりのポケモンGO、このゲームを任天堂と共同で開発している会社がサンフランシスコにあるNiantic, Inc.です。 Niantic, Inc.は元々Googleの社内スタートアップとして始まり、これまでにIngressというモバイルゲームを開発してきました。Ingressのゲームコンセプトは陣取りゲーム。ゲームフィールドは私たちが住む現実の世界そのも

2016年7月24日「Adobe Design Jimoto Vol.2 in 渋谷」のトークセッション用のスライドです。LiBについて話しました。Read less

コラボレーションは難しい コラボレーションは今日のデザインプロセスにおいて必須です。様々な分野の専門家たちが集まるからこそ、より良い製品へと進化していきます。専門家だからこそ出せるインプットによって、最適な解決策が見つかる … はずなのですが、実際そうはいかないことがあります。立場が違えば、物事の捉え方も違います。それぞれが置かれている状況によって、意見が分かれることがあります。意見が一致すればコラボレーションとしての相乗効果が生まれますが、そうでないときは、不平や妥協する人が出てくるでしょうし、最悪の場合は製品の利用体験を損なうものを実装してしまうこともあります。 コラボレーションは響きの良い言葉ですが、一筋縄にはいきません。意見が合わないとき、私たちはよく自己防衛の姿勢になりがちです。「これは違う」と言われると、反射的に「そんなことはない」と言うことがありますが、こうしたやりとりがコラ

過去200年、ほぼ同じ形のままだったという聴診器。今年7月、デザインと使い心地を重視した斬新な製品が生まれました。流線形の独特なフォルムと、折りたたみができる携帯性。現場の医師の声を元に開発した製品は、発売と同時に売り切れとなる人気を見せています。 【画像】アップル製品のような箱　オシャレ聴診器「こんなの欲しかった」需要とらえる デザインにこだわった聴診器「U scope」を手がけたのは、「おしゃれ白衣」で知られるクラシコ社（東京都渋谷区）です。元々、「デザインにこだわった白衣がない」という医師らの要望から、ドラマでも使われるようなおしゃな白衣を開発した同社。社長の大和新（おおわ・あらた）さんは、聴診器の開発を思い立った経緯を次のように語ります。 「白衣をはじめ、これまでの医療器具は、実際に扱う人の『使い心地』をおろそかにしがちだった。結果、ソフト面での改善が進まず、現場の人が酷使されて

少々前の話になりますが、ポリゴン・ピクチュアズさまからお声掛けいただき、2014～2015年にかけてテレビ放送されたアニメ「シドニアの騎士」（原作: 弐瓶勉さん）のプライマリーデザインを弊社 三階ラボ で担当させていただきました。 プライマリーデザインの具体的な内容は以下の２つです。 モニターグラフィックメインビジュアルの開発 シドニアフォントの作成 ともに、原作の漫画にはすでにオリジナルのデザインが存在していますが、しっかりと時間をかけて目視できる静止画とは違い、アニメのような動画では、様々な要素が一瞬しか表示されないことが多くなります。 今回は、原作の素敵なテイストを維持しつつ、アニメ向けにデザインを再構築することが主な目標でした。 モニターグラフィックメインビジュアルの開発 原作の漫画から、モニター内に表示される主なグラフィックを抽出し、機能性や視認性、汎用性を高める再デザインを行い

「IoTなんて自分の仕事とは関係なさそう」なんて言わないで。スマートフォンの登場がWeb制作の常識を変えたように、IoTだってフロントエンド開発者やデザイナーが扱う仕事になるかもしれません。 Word Wide Webは日々進化し、27年におよぶ歴史の中でその形は変化してきました。その歴史の中でコンテンツの表示やスタイリングの方法もしばしば移り変わってきました。最近ではレスポンシブWebの登場が大きな変化として挙げられるでしょう。レスポンシブWebは、さまざまなブラウザーとデバイスのサイズに適応させる、1つのWeb（One Web）のアプローチです。 Internet of Things（IoT：モノのインターネット）に対応したデバイスは常に増え続けています。たとえば、Raspberry Pi、スマートウォッチ、声だけで操作できるモバイルデバイスなど、たくさんあります。レスポンシブWebの

フォトショップをながく使っていると、いつも同じ方法やテクニックばかり利用していることがあります。デザインのひきだしを増やして、より魅力的な表現方法を学びましょう。 今回はフォトショップを学ぶときに参考にしたい、最新チュートリアルをまとめています。先日追加された Photoshop CC 2015.5の新機能のより実践的な使い方から、覚えておくと便利なお手軽チュートリアルまでが揃います。 詳細は以下から。 Photoshop で何ができる？すごいチュートリアルつくり方まとめ 2016年7月度 ファンタジー世界を表現する写真合成テクニック 縮尺サイズの異なる写真イメージを組み合わせることで、幻想的な雰囲気を演出するチュートリアル。Photoshop の基本ツールを使って、ステップごとに進めていきます。 光沢感たっぷりな金銀テクスチャのつくり方 まるで光が反射している様子も、見事に再現したテクス

Webデザインのトレンドは実際に使うかどうかは別にしても、それらを見るのは非常に楽しく、インスピレーションが刺激されます。 2016年上半期、最近見かけるようになったWebデザインの5つのトレンドを紹介します。 5 Actual Web Designs Trends for 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 1. ブラウザいっぱいに表示して、スクロール無し 2. 固定表示は見出しをサイドに 3. ロゴをローダーとして使う 4. 今までは違った背景の使い方 5. 圧倒させるアニメーション ボーナス 1. ブラウザいっぱいに表示して、スクロール無し スクロールを必要としないサイトが、ついに勢いを増してきました。 縦長ページで次々にコンテンツを無限スクロールで表示させたり、リンクが配置されたヘッダを上部に固定表示させ

要素や画像の角などに配置するコーナーリボンを、画像は使用せずにCSSのみで実装してみたものです。 HTMLとCSSで実装する場合は幅や位置の指定が若干面倒に感じることはありますが、その分カラー変更等も容易で角度なども自由に変更できます。 イメージにあるように、作成するのは「左上」「右上」「左下」「右下」の4パターンのコーナーリボンとなります。 「左下」「右下」に表示しているものは意図的にテキストを逆さに表示させていますが、通常の見栄えで良いのであれば後述するコードのtransform: rotate();の値を変更してください。 ここでは実装のコードのみ紹介しているので、実際に表示を確認したい場合は以下デモで確認できます。 HTMLと共通CSS 紹介しているものは下記のようなHTMLを使用しており、共通のclassとして.ribbonを記述しています。 また、それに加えて例えば「左上」の場

Medium で公開された「5 Actual Web Designs Trends for 2016」 by Nils Sköldの許可をもらい、日本語抄訳しています。 This article is translated from Medium (https://medium.com/). 「いつの間にか気付いたら、2016年も半分を過ぎていた。」そんなひとも少なくないかもしれません。今回は上半期の総集編として、ウェブデザイナーが押さえておきたい、実際に流行っているWebデザイントレンド5つを、サンプル実例サイトと一緒に見ていきましょう。 01. フルスクリーン表示 + スクロールなし。 スクロールしないウェブデザインが、いよいよ人気となりはじめているようです。ヘッダーの一番上にアンカーリンクを固定し、下方向にスクロールを促す単一ページのウェブサイトは、ホームページ作成のスタンダードと言

2016年は上半期だけでも多くのUXに関する書籍が刊行されています。 UXと言っても様々な領域を含みますので広義でいうと全ては取り上げられないのですが、今回は特にUXやIA界隈などで話題になっている本を中心に取り上げ、編集部の独断と偏見ではありますが簡単なご紹介と難易度のようなものも記載させていただきました。 各著書の関係者の皆様にもコメントを頂いておりますので、ぜひご購入の参考にしてください。 ※以下書籍は発売順 ※初心者向けのものが多いので、難易度に関しては主に初心者目線でつけています。★が増えるほど上級者・実践者向けです。 1. IA/UXプラクティス IA/UXプラクティス モバイル情報アーキテクチャとUXデザイン 難易度：★★☆☆☆ UXの基本的な定義や考え方から実践的な内容まで広く取り扱っている本です。理論よりも実践重視で、各チャプターに基礎講義パート→実践Q&Aパートに分かれ

とっつきやすさが売りこども食堂が急増している。 報道によれば、全国で300か所以上が確認されている。しかも、うち285か所はこの2年間の開設だというから、ちょっとしたブームと言ってよいだろう。 こども食堂のメリットは、なんといってもその「とっつきやすさ」にある。 広がり続ける子どもの貧困に心を痛めている人は多い。 「親の責任だ」と非難していれば子どもたちの状況が改善する、というわけでもない。 少子化が進む中での貧困率増加は、日本の将来像にも影を落とす。 教育は大事だが、勉強を教えられる自信はない。 何かできないかと思うが、何をすればいいのかわからない。 ――そう思い悩む人たちに、こども食堂は格好のツールを提供した。「これならできるかも！」 ある地域でこども食堂の実践者らが挙げた「こども食堂のいいところ」（写真：筆者）ネーミングが9割同時に忘れてならないのが「こども食堂」というネーミング。

Case: Bus stop roller coaster スペインで実施されたアンビエント広告をご紹介。クライアントは、ポートアベンチュラ・パークというスペインにあるアミューズメントパーク。 遊園地の目玉であるジェットコースターを、日常のある場所にもってくることにより、市民にブランドを想起させるモーメントを作り上げました。そのビジュアルがこちらです。 バス停の壁（ボード）をメディアとして、その場を一回転するジェットコースターへと変えたのです。 壁（ボード）にジェットコースターの絵をプリントし、セーフティーガードをつけるだけで、バス停がジェットコースターへと早変わりしました。 日常誰もが使用して目にする場所を、ほんのすこしのツイストで“非日常”へと昇華させたアンビエント広告でした。 (via Ads Of The World)

UIデザインを中心にサービス全体の企画設計・戦略からローンチ支援まで手がけるデザインカンパニー「Goodpatch(グッドパッチ)」の東京オフィスには、フロアの中に「キッチン」があるとのこと。自然と人が集まって、互いに刺激を与えたり受けたりしつつクリエイティビティを磨けるオフィスデザインがどんなものなのか、渋谷のオフィスを訪ねてみました。 Goodpatch グッドパッチ / UIデザインからサービス設計まで行うデザイン会社 http://goodpatch.com/jp 東京・渋谷にあるグッドパッチの本社に到着。 2階、3階がグッドパッチのフロアになっています。 エレベーターで2階に上がると、「Goodpatch」ロゴが登場。 壁にはiPad。 これは、来訪者が担当者を呼び出すための専用端末。もちろん専用アプリはグッドパッチによるUIデザインです。 画面の指示通りに操作すると、担当者を呼

概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢

ツイッターを見ていたら、みんな大好きサイゼリヤの広告が出てきた。 「ミラノ風ドリアは科学の産物です。」という下手したら食欲を失いかねない衝撃的なキャッチコピーに、既に社会人の私もインターンシップに参加してみたいと思ってしまったのだが、それよりも何よりもこの写真のミラノ風ドリアが腕時計にしか見えない。科学の産物度合いで言ってもきっとミラノ風ドリアより腕時計の方が上だろう。 というわけで、ミラノ風ドリア風ウォッチを作った。 意外とイカしている。そして思った以上にミラノ風ドリア風だ。 ミラノ風ドリアを前にミラノ風ドリア風ウォッチをつける。これでこの記事は終わりなのだが全国100万人のミラノ風ドリアファンのために完成までの模様もお伝えしておこう。 まず元となる時計はドン・キホーテで990円の格安ウォッチを買ってきた。100均やネットでも探したが、これが一番ミラノ風ドリアにぴったりの形だった。正直、

絵が描けなくても同人誌の表紙は作れるから！　字書きでも、表紙を書いてもらえるあてがなくても、同人誌出そう！？ 追記：こんなの難しいよ、レイヤーって何？！という方はまずこちらで画像加工ソフトをいじってみてくださいませ。 「レイヤー？　コスプレイヤーのこと？」という字書きのためのサークルカット（PNG形式）の作り方。 https://twitter.com/kusaremonokaki/status/756013554608713729

こんにちは。ぼく編集の西牧です。 前回は、iPad Proを2台使い、見開きで漫画を描いている人がいるというので行ってみたら、なんと寺田克也さんで驚いたというお話でした。うちのライターの四本さんのお知り合いらしいですが、だったら最初からそう言ってほしかったです。 漫画は見開きページで考えるもの。だから漫画を描くにあたって、2台のiPad Proと、Procreateというアプリ、そしてApple Pencilの組み合わせは、寺田さんにとって最高のものなんだとか。しかもモバイル性が高い。海外の個展や日本各地のイベントに引っ張りだこの寺田さんにとって、それも重要な性能のはずです。 ただ、2台のiPad Proを同時に使うことはAppleも想定していません。だから、やればできるとはいえ、実際にはいろんな不都合が生じます。それを寺田さんは工夫で乗り切っているようですが、もっと使いやすくなるよう、各

amazonギフト券は全部で11種類もあることを知っていましたか？ 11種類ある理由としてはそれぞれギフト券の種類ごとに、用途や特徴が違うからです。 11種類全て覚える必要はありませんが、おすすめの2種類を覚えておくだけでも使い分けができてとても便利になります。

仕事から家に帰って何気なく財布の中を見ると、なんかスゴい違和感がある50円玉が入ってたんです。 なんかとってもデッカく見えるのです。 デッカい50円玉 とりあえず見てみて。普通の50円玉と並べたのでそのデカさが分かると思います。 んー、デカい。作りも雑なカンジです。ニセモノ？ ニセモノだったら、そんなの手元に持ってるのイヤなので、ちょっと調べてみました。 50円玉の歴史 50円玉は正式には五十円硬貨といいます。日本国政府が発行する、額面50円の貨幣です。当たり前ですが。 そんな50円玉ですが、初めっから今のようなカタチや材質ではないようです。じゃあそれはどんなのだったのか、書いてきましょう。 五十円洋銀貨 1950年、ニッケル製の額面50円の硬貨が発行される予定でした。しかし同年、朝鮮戦争がおこりニッケルの価格が高騰、この硬貨は発行されることなくおわりました。 ちなみに当たり前ですが、50

鎌倉といえば、鳩サブレー。 その鳩サブレーにそっくり（？）な鳥型サブレが集まるオフ会イベントが6月11日に鎌倉で行われました。会員制の図書館「かまくら駅前蔵書室」の会員・高橋和也さんによるものです。いざ鎌倉！　と集まったサブレたちはコチラ。 こんなにたくさん！　とにぎやかになる室内 「鳩サブレー総選挙」サブレ一覧 ことりサブレ（北海道） グーテ・デ・プリンセス（群馬） 東京ひよ子サブレー（東京） アヒルのクッキー（東京） かるがもサブレ（神奈川） 鳩サブレー（神奈川） ハトヤサブレ（静岡） ぴよっこサブレー（静岡） 雷鳥サブレ（長野） 雷鳥駒”サブレ（長野） 雷鳥サブレ（長野） 鳩車サブレ（長野） しろやぎサブレ　ことり（長野） 名古屋コーチンサブレ（愛知） 鴨サブレ（京都） ふくの宿サブレ（山口） あひるさんクッキー（福岡） 博多ひよ子サブレー（福岡） さつまどりサブレ（鹿児島） 全国各