——自己紹介をお願いします。 本間：Colorful Palette クライアントエンジニア 本間 純平と申します。『プロセカ』にはリリースの約半年前からジョインし、以降ずっとアウトゲームメインのUIを担当しています。2023年9月に迎えた3周年で行ったUI全面リニューアルのメインの開発メンバーであるとともに、現在のアウトゲーム担当エンジニアの中では最も『プロセカ』の歴史を知っている立場でした。 小林：クライアントエンジニアの小林 大峰（ひろたか）です。2年前にColorful Paletteにジョインしてからは『プロセカ』でUIのアップデート業務をメインに担当しています。プロセカ運用側の新規開発などを行いながら、UIリニューアルについては後ほどお話するタスクフォースチームとしてサポートを行いました。 ——『プロセカ』のUI全面リニューアルについて、概要を教えてください。 『プロセカ』が3

ターゲットまでの移動時間は、ターゲットの大きさとターゲットまでの距離に依存する。 Fitts's Law and Its Applications in UX by Raluca Budiu on July 31, 2022 日本語版2023年1月10日公開 歴史 ポール・フィッツは、ヒューマンエラーが単なる人間による誤りではなく、不適切なデザインに起因することを理解した最初の心理学者の1人である。彼は第二次世界大戦中に飛行機のコックピットのデザインを研究し、ヒューマンエラーが原因であるとされていた多数の戦死が、実際にはデザインの不適切さによるものであると主張した。 1950年代になると、彼はシャノンの有名な情報理論の影響を受ける。そして、ジョージ・ミラーがチャネル容量の概念を人間の記憶に適用し、その過程で人間の短期記憶の情報処理能力として有名なマジカルナンバー7を導き出したように、フィッ

回答 (3件中の1件目) いわゆるフラットデザインと呼ばれるデザインの潮流は明確に原点があります。 以下は、マイクロソフトが2010年にデザインイベントMIX10でセッション公開した資料です。 https://www.slideshare.net/stevecla/windows-phone-ui-and-design-language-3511859 オリジナルの資料(Windows Phone UI and Design Language)は公開終了してしまったようなので、slideshareにあるコピーのリンクを貼っておきます。 iPhoneの登場とスマートフォン市場の勃興に...

「Unity」の名称、Unity のロゴ、およびその他の Unity の商標は、米国およびその他の国における Unity Technologies またはその関係会社の商標または登録商標です（詳しくはこちら）。その他の名称またはブランドは該当する所有者の商標です。

はじめに 先日、Unity公式からのUI 開発に関する究極のガイド(eブック) 「User interface design and implementation in Unity」 が公開されました！しかもなんと無料！ さらにこのガイドのために作られたデモプロジェクト 「UI Toolkit sample - Dragon Crashers」も無償公開されています！ UI Toolkit Sample – Dragon Crashers 残念ながら全編英語ですが、PDFでダウンロード出来るので、 英語が分からずとも自動翻訳でなんとか理解出来そうです。 ちょっと読んだ感じ、Unity UI(いわゆるuGUI)はもちろんのこと、 UI設計やアセット準備という実装以前の話や、 Unity Extensible Markup Language(UXML)やUnity Style Sheet(US

トグルボタンとは トグルボタンとは、1つのスイッチでON／OFF（有効／無効、再生／停止）といった2つの状態の切り替えをおこなうボタンのこと。「留め釘」という意味を持つ、トグル（toggle）を由来とした用語です。 トグルボタンは、システム設定や環境設定の変更によく用いられています。 UIデザインにおいてトグルボタンが優れている理由のひとつとして、その面積が挙げられます。ラジオボタンを2つ使う場合と比べると、トグルボタンを使うほうがスペースを節約できます。 トグルボタンを使うべき場面 トグルボタンは、ON／OFF以外の状態に設定できません。 たとえば先ほどのような「機内モードを持続的に有効（無効）にする場合」にはトグルボタンが適していますが、以下のような「一回だけの行動」「一時的な状態」に関しては、トグルボタンを使うべきではありません。

ひとつのデザインが事実上の標準となり、その後の基本パターンを変えてしまうことがあります。変わった後ではそれが当たり前となってしまい、その標準に始まりがあったことなど誰も気にしなくなるのです。また振り返ってみたとしても、それがなかった頃の感覚に立ち戻ることはできないので、もはや何がどう新しかったのかを実感することは難しいのです。 2007年に iPhone が発売され、その一年後に日本で iPhone 3G が発売されてから今日（2018年7月11日）でちょうど10年が経ちました。この10年間でスマートフォンやそのアプリを介したオンラインサービスは瞬く間に普及し、私たちのモバイルコンピューティング、コミュニケーション、ソーシャルメディア、Eコマースなどの態様が大きく変化したのは周知のとおりです。 iPhone のデザインは多くの面で新しいものでした。そしてその大部分がその後のスマートフォンの

機能とUIの進化はなぜ比例しない？　UI研究者に聞く、使いやすさの本質とUIのこれから 「私たちは慣れに支配され、使いにくさに気づいていない」　UI研究者・増井俊之氏が語る“使いやすさ”の本質 誰もが気軽に電子機器を持つようになった今、私たちの生活はデジタルの恩恵で確実に便利になっています。しかし、UIは“よりよさ”を求めた結果、期待した評価とは正反対の声が集まること少なくありません。 そこで今回は、慶應義塾大学環境情報学部の教授で、予測型テキスト入力システム「POBox」やiPhoneのフリック日本語入力システムの開発者であるUI研究者の増井俊之氏に、UIの本質についてお話をうかがいました。まずは増井氏がUIに関わることになったきっかけと、使いやすさの本質について。 UI研究に関わるようになった流れ ーー学生時代には電子工作やソフトウェアに興味をお持ちで、現在のUIにつながる研究は社会人

jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発 JavaScriptのUIフレームワークであるjQuery UIと、モバイルアプリケーション向けフレームワークであるjQuery Mobileは今後新規機能の開発が行われず、jQuery UIについてはメンテナンスへ移行、jQuery MobileについてはDeprecated（利用を推奨せず）になることがOpenJS Foundationから正式に発表されました。 jQuery UIは2007年に登場、jQuery Mobileは2011年に登場しました。一時期はWebサイトなどで広く使われ、関連書籍なども数多く出版された主要なライブラリ群の開発が正式に終わることになります。 ただしjQuery本体の開発は引き続き積極的に行われていくとのことです。 Follo

まずはじめにこれは、デザインエンジニアとして生きてきた私Rikikaのポジショントークです。 エンジニアとデザイナーの垣根が少しでも低くなれば、最高のプロダクトが次々に生まれると信じています。気に入ってくれた方はフォローお願いします！ Server-Driven UI（SDUI）とは何かAirbnbのテックブログで出てきた、UIをサーバーサイドで定義し、クライアント側に返却するという手法です。 つまりクライアント側で状態管理やレンダリングのロジックを持たせずに、各プラットフォームでのUIの同一性をサーバー側で担保するというもの。 GhostPlatform というイケイケの名前で立ち上がったというプロジェクト、Airbnb社内ではかなり普及しているようです。 ※GuestとHostを大切にするためのシステムだからGhostらしい SDUIは何を解決しているのか例えば、コンポーネント間の並び

「order」のリンクより(株)誠文堂新光社サイトのオンラインショッピングをご利用いただけます。送料やお支払いについての詳しい情報は、同サイトの案内に従ってください。 世界設計の方法 ゲーム体験とユーザーインターフェイス 企画・編集：アイデア編集部 監修：三宅陽一郎 デザイン：LABORATORIES（加藤賢策，守谷めぐみ） エンターテインメントの枠を超え，世界規模で人々の心を動かす表現メディアへと進化を遂げたデジタルゲーム。その世界を体験する時，わたしたちプレイヤーにとっての入り口となるのがゲーム画面だ。 今号の特集では，デジタルゲームにおけるゲーム画面の変遷を，操作性に関わる表現の変化や描画表現の工夫など，グラフィックデザインおける情報整理の手法や，ユーザーインターフェイス（UI）・ユーザーエクスペリエンス（UX）という観点を軸にヴィジュアルに振り返っていく。70年代以降から最新作に至

WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では

私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android

はじめに 「DissolveEffectForUGUI」を Unity プロジェクトに導入することで uGUI でディゾルブシェーダを使用できるようになります 使用例 使い方 Canvas の「Additional Shader Channels」に「TexCoord1」を設定します そして、ディゾルブシェーダを適用したい UI オブジェクトに UIDissolve コンポーネントをアタッチして 「Dissolve Factor」の数値を調整することで使用できます 画像だけでなく文字にも適用できます

Visualizers Default Greyscale Filter Protanopia Filter Deuteranopia Filter Tritanopia Filter Inversion Scanline/CRT ?????????

Deco-UIは簡単にゲームUIをモダンに盛れるUnity用のシェーダーです。シェーダーを適用するだけでボタンにパターンやアウトライン、アニメーションを付与することが出来ます。 詳細は以下のドキュメントを参考にしてください https://docs.google.com/document/d/1zSJ7eDWiwYAeFNipvTWnms7DWq9ZWWBR504dZ-0RTuM/edit?usp=sharing こんな人におすすめ！・雑にUIの情報量を増やしたい ・フラットなUIでゲームを作っている ・ポップ/フューチャー/カワイイなテイストのコンテンツを作っている ContentsDeco-UI ┣Shaders…シェーダーが入っているフォルダです ┣sample…サンプルシーンです ┣Textures…テクスチャの入ったフォルダです ┗Materials…サンプルマテリアルが入ったフ