「IDOLY PRIDE」における動画のようなADVの実現方法 | Unity Learning Materials
QualiArtsではこれまで3Dの各タイトルのADVパートを独自のエンジンとエディタを用いて実現してきました。 「IDOLY PRIDE」ではこれをさらに進化させ、UnityのTimelineの仕組みを参考に、動画のようなADV表現にチャレンジしました。 本公演ではこれを実現するPlayable APIを活用したシステムの構成と工夫について紹介します。 また、Unity上での制作の効率化や品質向上のための機能開発についても紹介します。 こんな人におすすめ: ・Unity上でADVを制作する仕組みを作りたい方 ・動画のようにシーク可能なADVの仕組みに興味がある方 ・Playable APIの実践的な活用事例に興味のある方 受講者が得られる知見: ・Playable APIの活用手法 ・UnityのADV開発を効率化するためのアプローチ 出演: 山城 悠太郎 (株式会社QualiArts)
全てのUIデザインに必要な５つの状態（実例と共に） - The five UI states｜TK - UXデザイナー in 🇺🇸
授業ではあまり習わないですが、UIデザインの実務において常に考えなければならないフレームワークの一つにThe five UI statesがあります。雑に説明するとUIは以下の５つの状態になる可能性があることを踏まえて、それぞれに対してデザインを作っておくというコンセプトです。 • 何も登録されていない状態 (Blank state) • ロードしている状態 (Loading state) • 不完全な状態 (Partial state) • エラーが起きている (Error state) • 理想的な状態 (Ideal state) 授業のプロジェクトや提案型プロジェクトではそこまで深く考えないのかもしれませんが、UIデザインの実務では相当な時間を占めていることが多いです😑 特に複雑な構造のB2BプロダクトだとError stateのUIパターンを一週間考え続けるみたいなことも多々あり
ボードゲームのデジタル化の工夫 - 「レッツプレイ！オインクゲームズ」のUI｜オインクゲームズ
2021年12月16日、オインクゲームズの人気小箱ボードゲームを Nintendo Switch で遊べる「レッツプレイ！オインクゲームズ」がリリースされました。 ボードゲームのデジタル化は、数々のデジタルゲームを手掛けてきたオインクゲームズのデジタル部にとっても初めての挑戦で、試行錯誤の連続でした。元々のボードゲームをよく知ってるだけに、対面でプレイした時の楽しさ・盛り上がりが再現できるか、不安がありました。しかし、チーム内で何度もテストを重ね、UI や演出を工夫していった結果、間違いなく対面でのプレイに匹敵する作品が完成しました。 XD 上で色々と考えながら UI を作っても、実際に組み込んで動かしてみると、全然意図通りに機能しなかったり、分かりにくかったりすることがたくさんありました。ここでは、UI デザイン・演出担当が、どのような問題を感じ、どのように解決していったかを、初期に開発
pixivサイトリニューアルの軌跡 長寿サービスの刷新において大切なこと
2018年12月6日、株式会社リンクアンドモチベーションのイベントスペースにて、エンジニア向けの勉強会に特化した書き起こしメディア「ログミーTech」が主催するイベント「ログミーTech Live #2」が開催されました。第2回となる今回のテーマは「レガシーシステムのリニューアル」。長期間運用され、設計が古くなってしまった「レガシーシステム」のリニューアルを行った3社が一堂に会し、システムリニューアルにおける知見と新システムへの移行について語ります。プレゼンテーション「11歳のpixivが迎えた3度のリニューアル 」に登場したのは、ピクシブ株式会社UX/UIエンジニアの渡邉拓巳氏。過去2回のサイトリニューアル失敗を経験して学んだ知見と、3度目のリニューアルにおいて大切にしたある方針について明かしました。講演資料はこちら 11歳のpixivが迎えた3度のリニューアル 渡邉拓巳氏（以下、渡邉）
Replit — CLUI: Building a Graphical Command Line
“Command line interfaces. Once that was all we had. Then they disappeared, replaced by what we thought was a great advance: GUIs. GUIs were - and still are - valuable, but they fail to scale to the demands of today's systems. So now command line interfaces are back again, hiding under the name of search. Now you see them, now you don't. Now you see them again. And they will get better and better w
個人開発のUI設計術 - Crieit
あんど( @ampersand_xyz )と申します。 クイズメーカーなど、色々なサービスを個人でリリースしているフリーのエンジニアです。 個人開発を支える技術のアドベントカレンダーではサービスを構築するArchitectureに関する技術の話題が多いなか、周りの方やマシュマロからの匿名メッセージ質問でUIのことに関する質問などが多かったので、本投稿ではUIやデザイン周りに関するTechnic…と言えるほど上等なものではないのですが、そのあたりの技術をお話したいと思います。 なお、自分は正直かなり我流で適当にやっているので、もっといい方法のツッコミなど歓迎しております。 1.画面サイズの最大・最小幅を最初に決めておく まずはじめにここを決めます。 いかにリキッドデザインやレスポンシブで画面を作成するといえども、極端に幅が小さい、または大きいデバイスを相手にする場合、どうしてもサイズ整合性を
優しいUI～ボイスユーザインターフェースで変わるコト 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
『NieR:Automata』のUIデザイン | NieR:Automata 開発ブログ
こんにちは。『NieR:Automata』で UI (ユーザーインターフェイス) とメカデザインを担当した木嶋です。開発ブログを書くのは『ベヨネッタ2』以来になります。(以前書いた記事) 普段あまり注目されないUIですが、ありがたいことにユーザーの方々からの要望があり、当記事を執筆することになりました。UIにもヨコオさんのこだわりがたくさん詰まっているので、その一部も併せて紹介していこうと思います。 ■はじめに：UIアーティストの仕事 UIアーティストは、体力ゲージや会話ウインドウ、各種メニュー画面などゲーム内表示物を作っています。 大まかな仕事の流れはこんな感じです。 1：UIのコンセプトデザイン策定 2：仕様に合わせて各メニュー画面や表示物のデザインを量産 3：UIのゲームデータを作成してプログラマーに実装してもらう 4：動くUIを触ってみてアニメーションなどの調整、クオリティアップ
LoveLiverのLive Photo切り出し専用UIをつくった - ツバメになったバリスタ
3月に更新するつもりだったが月末に東京ドームでラブライブ！をみていたので遅くなった。 banjun.hatenablog.com 前回の残された課題のうち，いくつかを完了させ，LoveLiver 1.2.0 としてリリースした。 [ ] 3秒以外の長さを指定する [x] 切り出しをプレビューする [x] UIをなんとかする [x] Sketchを体験版から正式版にする(31日以内) 出来上がりイメージ vimeo.com LoveLiver 1.2.0のダウンロードはこちら Release Dedicated UI for Live Photos Trimming · mzp/LoveLiver · GitHub 今回のUIによって狙い通りのLive Photoを次々生成できるようになり，Photos.appにLive Photoがたくさん登録されるようになった。 せっかくなので作成したU
タイルレイアウトjsIsotope
Install Download isotope.pkgd.js un-minified, or isotope.pkgd.min.js minified CDN Link directly to unpkg. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <!-- or --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save
Android版「マネーフォワード」をマテリアルデザイン対応したときのあれこれ - Money Forward Developers Blog
エンジニアの黒田です。 この度Android版「マネーフォワード」アプリをマテリアルデザインにフルリニューアルしました。 そしてなんと！！！ おかげさまでGooglePlayの「2014年ベストアプリ」に選出いただきました！ GooglePlay 2014年ベストアプリ アプリのDLはこちらから 家計簿マネーフォワード【投資・資産管理】 この記事ではマテリアルデザイン対応するにあたり、考えたことや実際に書いたコード、使ったツールなどあれこれと書いてみたいと思います。 マテリアルデザインとは マテリアルデザインとはGoogleが発表した新たなデザインガイドラインです。 モバイルに限らず、AndroidWearやAndroidTVなど様々なデバイスでもユーザーに対して同じ体験を提供することを目的としています。 マテリアルデザインに関する細かい説明は割愛しますが、GoogleMapやGMailな
Macのトラックパッドの操作性のすごさを知らない人に伝える記事 - 非天マザー by B-CHAN
トラックパッド（Trackpad）はAppleの大発明 みなさん、こんにちは！ B-CHANです。 ボクが愛読しているブログの著者の、id:cardmicsさんがこんな記事を書いていました。 スライドパッドでパソコン作業が出来る人は、尊敬に値する！私ならあまりの作業効率の悪さにイライラしてしまって使えません。 - SONOTA 記事を読む限り、cardmicsさんはミスをしています（cardmicsさんゴメンナサイ、あえてこう書いているだけなので気になさらぬよう。悪意はまったくありません）。 そのミスとは、 世の中のスライドパッドをひとくくりに評価してしまっている 最初に言っておきますが、ボクは特定の企業のファンではありません。MicrosoftのファンでもAppleのファンでもありません。 非天マザーを読んでくれている人は知ってるでしょうが、これはずーっと言い続けています。 どこかの企業
U-site
長文コンテンツのための5つの書式テクニック ニールセン博士のAlertbox 3月19日 要約、箇条書き、コールアウト、太字、役立つ視覚情報などのテクニックを用いることで、1,000語を超えるコンテンツの理解度やエンゲージメントは向上する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ UXのためのAI：入門編 ニールセン博士のAlertbox 3月13日 生成AIツールを、あなたのUXスキルを代替するためではなく、サポートし、強化するために使おう。小さなUXタスクから始めて、ハルシネーションや誤ったアドバイスに気をつけよう。
新鮮さ vs. 慣れ： デザインの見直しはどのくらい積極的に行うべきか
ユーザーは変化を嫌う。したがって、彼らが慣れ親しんでいるデザインを継続して、それを徐々に進化させていく方が良い場合が多い。しかしながら、長い目で見れば、漸進主義を取ることによって一貫性は徐々に失われ、その結果、新たなUIアーキテクチャが必要になってくる。 Fresh vs. Familiar: How Aggressively to Redesign by Jakob Nielsen on September 21, 2009 デザインチームのメンバー（あるいは彼らの上司）がこう言うのを耳にすることは多い。「新鮮なデザインが必要なんだ」。こうしたきっかけによって始められたデザイン変更プロジェクトは、そもそもの基本の部分が間違っている場合が多く、ゴールや戦略の設定も誤りがちである。 よくあるのは、新しいデザインが前よりも悪いデザインになってしまうことである。というのも、単純に言って、それは新
How to get started with next-generation website prototyping
Recently I’ve become increasingly frustrated with the current toolset and accepted practices for creating UI and UX ‘deliverables’. In my experience, building static mock-ups in Photoshop and Illustrator no longer captures the essence of current UI design. Likewise, creating wireframes and UX documentation in tools such as Axure seem to communicate very little of how a site or app actually feels t
デザインを良くしたい全ての人に知って欲しい3つの誤解| UID Lab
2013.11.03 デザインを良くしたい全ての人に知って欲しい3つの誤解 この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/three-misunderstanding-of-design/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【CEDEC 2018】明快で軽快！ Nintendo SwitchのUIを触るだけで楽しい理由 - GAME Watch
方法: Windows Phone Marketplace 用のスクリーンショットを作成する
Which way should arrows point in a collapsible accordion? Left/down … down/up?
iOS Human Interface Guidelines：Designing for iOS （日本語）
