DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ
こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ
最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ
ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。 そんな便利なスマホアプリのユーザーインターフェイスに注目し、最近のUXデザインにおけるクリエイティブなすごいコンセプトを紹介します。 15 Creative UX Design Concepts for Everyday Needs by Tubik Studio 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 植物の水やりを管理するアプリ 安眠アプリ ハンバーガーショップのアプリ TODOアプリ 料理のレシピアプリ ベジタリアン用のレシピアプリ アラームアプリ 家電操作アプリ 家計簿アプリ 名刺管理アプリ バランスアプリ ファイナンスアプリ フィットネスアプリ カレン
ユーザーインターフェイス解剖学・改訂版（公開版）
社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。
『ペルソナ5』のカッコよすぎるUIの制作工程を紹介！ アトラスの危機から生まれ、やがて特徴となったUIができるまで【CEDEC＋KYUSHU 2017】 - ファミ通.com
2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC＋KYUSHU 2017”が開催。本記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法 ～ペルソナ5のUI事例～”のリポートをお届けする。 本セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI（ユーザーインターフェース）専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている
グーグル、ブラウザで音楽と“触れ合う”VR体験『Inside Music』公開
グーグル、ブラウザで音楽と“触れ合う”VR体験『Inside Music』公開 VRを用いて、音楽をこれまでにない形で楽しむコンテンツが登場しています。先日はバーチャル空間の中でダンスしながら音楽を楽しむ『Dance Tonite』が公開されましたが、今回は、バーチャル空間の中で音楽と“触れ合う”ことができる『Inside Music』が登場しました。 音楽とふれ合えるVR体験 『Inside Music』はグーグルがリリースしたアプリで、ポッドキャストのSong Exploderと、複数のジャンルのミュージシャンとの協働で開発されました。本アプリは立体音響を使用しているので、楽曲を構成する様々な楽器の音を、異なる方向から聴くことができます。 https://www.youtube.com/watch?v=px5uLIEFiY8 現在、『Inside Music』では合計で6つの楽曲を聴く
Yahoo! JAPAN Creative Blog — 方向音痴向けの徒歩案内
日本語 | 英語 Yahoo! MAPリニューアル後のルート・徒歩案内のUIUXを担当しました杉浦です。 どのように徒歩案内が作られたかお話しようと思います。 1.方向音痴向けの徒歩案内を作る以前Yahoo!地図アプリではルート機能の月平均世代性別利用比率が地図TOPと比較して、10代女性が40代男性の約3倍もありました。 この数字は男性の30~50代が多いユーザーの中で突出した数字でした。 この結果がルートの機能を求めるユーザーは地図TOPの機能を求めるユーザーとニーズや特性に違う部分があるのではないかと推測した切っ掛けになりました。 次に徒歩案内を使う人の特徴を考えました。 徒歩案内はルートと違いオンタイムでの案内です、ルート機能は確認のために準備段階で使うことができますが、徒歩案内は基本現在進行形で目的地に向かう時に道案内をするために使います。 逆を言えばルートだけの案内では満足でき
nicterWeb
WHAT’S NICTER ? NICTERは無差別型サイバー攻撃の大局的な動向を把握することを目的としたサイバー攻撃観測・分析システムであり、ダークネットと呼ばれる未使用のIPアドレスを大規模に観測しています。本来、未使用のIPアドレスに通信は届かないはずですが、実際にはマルウェアに感染した機器によるスキャン活動など、サイバー攻撃に関連した通信が大量に届きます。このダークネットで観測された通信の分析を通してサイバー攻撃の動向を把握し、新たな脅威の発見や対策の導出につなげることがNICTERの中心的なミッションです。 NICTERWEBでは、NICTERのダークネット観測結果の一部を日々公開しています。 Atlas Atlas はダークネットに到達したパケットを、IPアドレスやポート番号などに基づいて、世界地図上にアニメーション表示する可視化エンジンです。
『NieR:Automata』のUIデザイン | NieR:Automata 開発ブログ
こんにちは。『NieR:Automata』で UI (ユーザーインターフェイス) とメカデザインを担当した木嶋です。開発ブログを書くのは『ベヨネッタ2』以来になります。(以前書いた記事) 普段あまり注目されないUIですが、ありがたいことにユーザーの方々からの要望があり、当記事を執筆することになりました。UIにもヨコオさんのこだわりがたくさん詰まっているので、その一部も併せて紹介していこうと思います。 ■はじめに：UIアーティストの仕事 UIアーティストは、体力ゲージや会話ウインドウ、各種メニュー画面などゲーム内表示物を作っています。 大まかな仕事の流れはこんな感じです。 1：UIのコンセプトデザイン策定 2：仕様に合わせて各メニュー画面や表示物のデザインを量産 3：UIのゲームデータを作成してプログラマーに実装してもらう 4：動くUIを触ってみてアニメーションなどの調整、クオリティアップ
uGUI 描画優先度のチートシート
皆様，こんにちは！ 株式会社Aiming の 土井と申します！ リードソフトウェアエンジニアをやっております！ ここ数年は，業務で Unity の uGUI を使って UI 開発をする機会が多いのですが、 Order in Layer, Sorting Layer, ヒエラルキ上の並び順……(つд⊂)ｺﾞｼｺﾞｼ Unity では重なり順を指定する項目が多いですよね。 これらの項目間の優先度が実際にどうなっているのか理解していなかったため、調査を兼ねてチートシートを作ってみました！ h2. 描画優先度を指定するものを列挙してみた * Canvas の Screen Space 設定 * Order in Layer * SortingLayer * Camera の Depth 値 * Material の RenderQueue * ヒエラルキ(Hierarchy) 上の親子関係・兄弟関
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
ÉKRITS / エクリ
水野 勝仁 / Masanori Mizuno スワイプされる映像が、画面と身体の境界を曖昧にし、ディスプレイ越しの世界が触れる対象として立ち上がる。行為と認知が循環するインターフェイス空間のリアリティを問う。
UIデザインにおけるボタン:スタイルの進化とベストプラクティス | POSTD
ボタンはごく普通の、インタラクションデザインの日常的な要素です。ボタンはとてもシンプルなUI要素に見えますが、過去数十年間でそのデザインはかなり変わってきました。しかし今でもボタンのUXデザインは認識しやすさと明確さについて言及されています。 この記事ではボタンデザインの発展を辿りながら、有効なボタンを作るために何が最も重要で最適なのかを見つけて行きたいと思います。 スタイルの発展 3Dボタン 初期からオペレーティング用のボタンは、周りのコンテキストと区別するために、浮き彫りと影に依存していました。この設計の解決策は枠、グラデーション、ドロップシャドウを使用して、要素を背景やコンテンツから目立たせ、クリック可能な要素だと簡単に認識できるようにするといった単純な原則に基づいていました。 ボタンが浮かび上がっているように見えます。 このWindows95のダイアログボックスは、濃い影とハイライ
大林寛「インターフェース、その混血した言語性」 | ÉKRITS / エクリ
インターフェースは……道具や機械にあなたの意志を伝えるための言語であるリチャード・ストールマン 主体なき世界のモノたち 「ユーザーインターフェース」や「ヒューマンインターフェース」といった言葉は、人間が主体である前提で使われてきた。対象となるのはモノであり、主体である人間は「インターフェース」を通じてモノをコントロールする。だから人間の目的から、モノのインターフェースが設計される。ここには、人間が主体でありモノが対象で、人間はモノではないという暗黙の了解がある。 この前提条件は、わたしたちの知性を根拠としていた。しかし、知性を判断するのも、また知性である。主体というものは、その知性を越える存在を想定した途端に、あっさりと失われてしまう。人間の主体が奪われるのを、悪夢かディストピアのように感じるとしたら、それは単にわたしたちが今持っている想像力のせいかもしれない。その前に、主体を想定せずにい
【Unity】「モダンなUIの提案と実装」 - テラシュールブログ
先日行われた「Unity道場05 モダンなＵＩの提案と実装」にて配布されたスライドが公開されていました。 スライド 要するに大雑把な内容 イベントのレポート 関連 スライド 前後半に分かれ、前半はＵＩについての進化、後半は実装したサンプルの例です。 speakerdeck.com speakerdeck.com 要するに大雑把な内容 前半 インターフェースについて ＵＩと認識するための工夫 脱メタファー 後半 サンプルアプリの実装方法について https://github.com/unity3d-jp/DojoUI1 マップ移動系 キャラクター選択（かなり複雑な独自システム） 戦闘シーン イベントのレポート 合わせてイベントの参加レポートに関する記事もいくつか公開されています。 lycoris102.hatenablog.com power4games.hatenablog.jp ktg6
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Oops, You Found the Unfound! | abdz—do
https://jp.techcrunch.com/2017/09/14/20170902the-product-design-challenges-of-ar-on-smartphones/
ユーザーインターフェイス解剖学（公開版）
Overview - Loudness Metering Plug-ins And Resources - Part 3 | Pro Tools - The leading website for Pro Tools users
https://jp.techcrunch.com/2017/06/10/galleryworst-volume-controls/
ユニティ・テクノロジーズ・ジャパン株式会社
