開発現場に Figma を導入してチームの生産性が上がった話です。 デザインドリブンで、プロセスを可視化しながら進める僕の開発スタイルと相性が良いので、最近はクライアントワークでも啓蒙しています。 Figmaは平たく言うとデザインコラボレーションツールですが、こちらのリンクから動画をみると雰囲気が伝わると思います。 https://www.figma.com/ UIデザインツールのリッチ化ではなく、開発チームとコミュニケーションのしやすさが強みで、1人でUIを作るならSketchの方が使いやすいかもしれません。エンジニアやプロダクトマネージャーとガンガン議論して仕様を詰めていくスタイルを好む人はFigmaと相性良いです。 デザインプロセスが可視化されるためプロダクトマネージャー、エンジニア視点でも有用なツールだと思います。 Figmaを使ってよかった点まとめ・「デザインをみんなのモノに」を

全スライドをDocswellで公開中！ https://www.docswell.com/s/historia_Inc/ZMLRG5-vrui-78798570 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 「出張ヒストリア！　UE4勉強会2017」（https://atnd.org/events/89177）で行ったVRゲーム『Airtone』のUI制作事例です。 講演者： 岩田 里奈（UIデザイナー） 以下、セッション概要より抜粋。 VRゲーム『Airtone』のUI制作を通じて、VRでのUIデザインは2DベースのUIデザインとは大幅に異なると感じました。 VRにおけるUIデザインは、奥行き、平面ではなく360度空間を利用したレイアウト、視線誘導など、VRにしかない概念を意識する必要があります。また、制作の過程でほとんどのUIが3DUIになり、デザインの確認作業も

MatthieuはUpLabsの創設者で、MaterialPaletteとWOW.js.のクリエイター。 良いユーザー体験のためには格好良いデザインだけではなく、仕組みや構造、使いやすさにも気を配る必要があります。近年ではUXデザインの重要性が叫ばれ、こういった考え方も徐々に浸透してきてはいますが、だからといってビジュアルやインタラクションのデザインを軽視してもいいと言うわけでもありません。 この記事では過去にも何度か取り上げている、UIコンセプトギャラリーサイトのUpLabsからまたいくつかのUIコンセプトを実装コード付きでご紹介します。ユーザーがサイトを使うときの心地よさを演出するためのヒントがたくさん詰まっていますので、是非参考にして下さい。 ※各項目ごとにCodePenを埋め込んでいるため、読み込みに少し時間がかかる場合があります UpLabsのオススメUIコンセプト５選 1. カ

UX MILK編集長の三瓶です。いつも飲んでくれてありがとうございます。 さて、2015年もいよいよ終わりですが、皆さま今年はどんな年でしたか？　私は今年７月末のUX MILKリリースから生活が激変しました（笑）。UXに関しても編集に関してもシロウトなもので、たくさん勉強したような気がします（当社比）。 まずは年末らしく、今年反響のあった記事をPV基準、TOP10形式でピックアップしてみたいと思います。カウーンートーダウン！ 【1位】Amazonに見られる、UI変更を伴わないUX改善 by 原裕一郎 | 2015/09/28 【2位】Flashはなぜその役割を終えたのか by 木村 博信 | 2015/12/10 【3位】モーダルウィンドウはやめて！モバイルで最適なUIとは？ by Anthony | 2015/07/28 【4位】スマートウォッチって便利？ 着用してみて気づいた５つのイケ

コメントやファイルのやりとり、 校正、進捗確認！ これらをまるっとスムーズに PDF、静止画、動画、Webコンテンツなど、 さまざまなファイル形式のコンテンツを一元管理できます。 ファイルの中身のチェックに ダウンロードも、専用ソフトも必要ありません Adobe Illustrator、Adobe Photoshop、Officeドキュメント、PDF、さまざまな形式の動画ファイルなど、 これらのファイルの形式を意識することなく、ウェブブラウザやアプリでチェックして、手描きやコメントのフィードバックができます。

This domain may be for sale!

4月の数週間、Samsung Gear VR向けのデザイン作業をしました。どうして僕がVRでのhack-a-month（新しいチームでの短期間での取り組み）をすることになったのか、またデザインのプロセスで分かったいくつかのポイント、それから2週間という短い期間で僕が探究してみたデザインパターンについて、共有したいと思います。 僕と、初期のプロトタイプ。頭の動きをハックするためにiPhoneの加速度センサを使っています。 なぜVRなのか？ 僕は学校でインダストリアルデザインとHCI（ヒューマン＝コンピュータ・インタラクション）を学びました。僕の大きな関心は2つの領域に及んでいました。当時はデザイン全てをデジタル端末で行っていて、僕は卒業制作のプロジェクトとして電話をデザインしました。物理的発現・デジタルインターフェース・エコシステムの全てです。触ることのできる、物理面とデジタル平面とのインタ

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

DMM.comラボのゲーム事業開発本部の坂本学本部長にDMMとしてのゲーム事業の展開についてインタビューを行ったが、今回は、デザイン制作にフォーカスを当てたい。PCブラウザゲームからモバイルのブラウザゲーム、ネイティブアプリまで幅広く手がけるDMMならではの特長はどういった点にあり、そして、何が魅力なのか。今回、ゲーム事業開発本部でゲームデザイン部マネージャーである畠山諭氏にインタビューを行い、DMMにおけるデザイン制作について聞いた。 ―――：まず、担当されているお仕事をご紹介いただけますか？ 現在、デザイン部でマネージャーを担当しています。当社のゲーム事業部では、内製でゲームを作っている部署があり、デザイン部は、ソーシャルゲームのグラフィックやUI、イラスト、演出の制作を担当しています。前職は、ソーシャルゲームの会社では、何本かソーシャルゲームの開発に携わった後、マネジメント業務にシフ

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ

業界でもいち早くUIデザインにフォーカスを当て、「グノシー」や「マネーフォワード」など、これまで数多くのアプリ・サービスのUIデザインを手がけてきた「株式会社グッドパッチ」。 4月にはいまスタートアップ界で注目を集めるベルリンへの進出も果たしました。 同社の創業者でありCEOの土屋尚史氏に、創業から現在に至るまでの軌跡をお聞きました。 土屋尚史（つちや・なおふみ） 株式会社グッドパッチCEO。関西大学中退後、ウェブ制作会社に就職しディレクターを経験。その後、デジタルハリウッド大学院、サンフランシスコでのインターンなどを経て、2011年に同社設立。 米田：会社が急速に成長していますね。いま社員数は何人ですか？ 土屋：65人です。最初は2人から始まって、その半年後に1人になって（笑）。 米田：2011年、僕が「ノマド・トーキョー」というプロジェクトで東京中のシェアハウス・シェアオフィスを渡り歩

CGと現実世界を融合するヘッドセットを極秘開発中のMagic Leap――その特許申請の事例画像がいろいろスゴイことになってますが、あれ実は自社製の未来図じゃなく、単なるコピペの寄せ集めだったみたいですよ？ まずは比較図でどうぞ。左がMagic Leapの特許申請から抜粋した図、右は誰か他の人が考案したUIコンセプトのスクショです。 最初はこちら。なんか見覚えあるなーと思ったら、学生製作のショートフィルムの秀作｢Sight｣で、バイオニックアイ（人工眼）の主人公がFruit Ninjaやりながらキュウリ千切りするシーン（1:15-）でした。キュウリもおんなじ。全部おんなじ。 次のこれは、UIデザイン学科の学生Ivan Tihienkoさんが2008年に考えた｢Ringo Holographic Interface｣（0:32-）です。 で、こちらはインタラクションデザイナー、Joesph

「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や

はじめに Maya LT の勉強を始めました。以前、Blender でキャラクターモデリングに挑戦したことはあったのですが、それっきりになっていて、再度モデリングやアニメーションを始めようと思ったのですが、今は低価格版の Maya LT が利用できることから、Blender でなく Maya LT をやってみようと思った次第です（お金払うと払ってるお金をムダにしないようにやらないと...ドリブンで頑張る気もするので）。 低価格版のMayaが登場。インディーズ＆モバイルゲーム開発向けの「Autodesk Maya LT 2014」本日発売 - 4Gamer.net モバイルゲーム開発向けにMayaのライト版が登場 -「Autodesk Maya LT」発売 | マイナビニュース まずは最初に勉強を始めたとっかかりや、Unity へのエクスポートを試してみたことなどをメモしておきます。 May

どういうエンディングが良いんでしょうね、（テレビ）ゲームって。 テレビゲームはアーケードのピンボールなどを背景に登場したため、当初は明確な目的がありませんでした。しかし1980年代に入り、長時間プレイの抑制やプレイヤーに対する目的設定などを背景に、プレイ時間の有限化という概念が登場してきます（レースゲームでは上手い人ほど早くゲームが終わる！）。そして家庭用ゲームの一般化に伴い、いわゆる「エンディング」のあるゲームが一般的となっていきました。 しかし、昨今ではネットゲームの普及やゲームのサービス化に伴い、明確なエンディングが存在しないゲームが増加しています。そこでは多くの場合、サービス終了がエンディングと同義語になります。そこまでいかずとも、MMORPGなどで友達が一人、また一人と減っていくなど、コミュニティ崩壊がゲームをやめる理由になったという人も少なくないでしょう。いずれにせよ、あまり良

総勢10人の小さなベンチャー企業が2000年の歴史を持つねじに革命を起こそうとしている。らせん構造を持つ従来のねじは時間の経過とともに緩むリスクがあるが、特殊な構造を持つ「緩まないねじ」を開発した。大幅増資を実施し、量産に備える。ねじの革命児を訪ねた。学校に行かず発明続ける「学歴なし」「就職歴なし」。こんな経歴を申請書類に記入しながら、経済産業省や東京都の開発資金を受け取っている男がいる。緩

『Webデザイン・コミュニケーションの教科書 インタビュー』 筆者が本書を執筆する際に参考にさせていただいた、8人のワークスタイルをインタビュー記事にしました。 今回のお相手は、Android界隈では知らない人はいないという、あんざい ゆきさん。 3冊のAndroid UIに特化した著書の売れ行きも好調ということで、デザインとプログラムに関する話をお聞きしました。 今回のお相手：あんざい ゆきさん 「どんなにいいデザインを描いても、実現できないとそれは絵に描いた餅でしかなくて、実際につくってさわってみないと思ってたのと違うなっていうことがあると思う。」 あんざい ゆき @yanzm 株式会社ウフィカ 代表取締役 ブログ「Y.A.Mの雑記帳」で多数のAndroid技術情報を公開。UIに特化した「Android Layout CookBook」や「Android UI Cookbook for