以前に紹介した「場面転換」をよりスムーズな感じで行う処理ですが、uGUIに対応させるついでにUI単位で削除出来るようにしました。 UnityでuGUIのトランジション。パターンはマスク画像（白黒画像）を使用。トランジションするUIの下にあるUIも一緒に消える pic.twitter.com/YmJPSmAowy — 椿 (@tsubaki_t1) 2015, 10月 28 新しいFade Cameraは、ここからダウンロードできます。 サンプルはここからダウンロードできます。 目次 目次 新しいFade Camera 普通のトランジション設定 UIトランジション設定 スクリプトによる制御 関連 新しいFade Camera 今回のバージョンから、uGUIを基本として動作するようになっています。 「最前面でuGUIのImageがエフェクトをかけて場面転換する」理屈です。 これの応用で、「テキ

［CEDEC 2018］「プリンセスコネクト！Re:Dive」制作事例から学ぶ，UIを高速かつ高品質に作るためのプロトタイプ開発 神奈川県のパシフィコ横浜で開催されたゲーム開発者向けカンファレンス，「CEDEC 2018」。その3日めとなる2018年8月24日，アニメRPGを謳って配信中のスマートフォン向けRPG「プリンセスコネクト！ Re:Dive」（以下プリコネR）のセッションが行われた。登壇したのは，プリコネRのアニメーションデザインやUI/UXのディレクションを担当した佐々木拓夢氏と，UIチームのリーダーとして開発フローの整備やグラフィックを制作した齋藤友梨子氏で，ゲームUIを高速かつ高品質に作るためのワークフローが解説された。 まず斎藤氏が，「プリコネR」の概要とコンセプトである「アニメRPG」解説し，続いて佐々木氏が，アニメRPGとならではのキャラクターの魅力や世界観を伝えるた

先日開催されたGoogle I/O 2018で、Material Designは大きくアップデートされました。 ロードマップによると、今回のアップデートを皮切りに、これからも毎月リリースされ、Material Designはその表現力を高める機能を充実していくとのことです。 Material Design Material DesignはGoogleが提供するオープンソースのデザインシステムで、Webサイトやスマホアプリのデザインから実装まで幅広く利用できます。 Google I/O 2018でアナウンスされた大きなポイントは、3点。 Material Themingはテーマを使用して、開発者がプロダクト全体でユニークなスタイルを一貫して体系的に表現できるようになりました。 ワークフローを効率化する3つのツールがリリースされました。 Material Theme Editor, Mater

JakeはUIデザインやWeb開発の記事を執筆するライターです。彼の仕事はあらゆるWebや彼自身のポートフォリオで見つけることができます。ツイッター@jakerocheleauから最新のアップデートをフォローできます。 デザイン業界の流れは速く、絶えず新しいツールが誕生しています。そのため、デザイナーとして最先端を走り続けるには、世の中の動向につねに注意する必要があります。 そこで今回は2018年現在、チェックしておきたいデザインツールを厳選してまとめました。これらのツールにはデスクトップのプログラムもありますし、SaaSのアプリやブラウザツールもあります。 いずれにせよ、このリストにはみなさんがチェックしたいと思うものが必ずあるはずです。詰まるところ、素晴らしいデジタルコンテンツを作ることにおいて、あなたのデザインスキルはさまざまな手段の一部に過ぎないのです。 Adobe XD Adob

UIとは「ユーザー・インターフェース」の略で、UXは「ユーザー・エクスペリエンス」の略です。 インターフェースは「接点/接触面」、エクスペリエンスは「経験/体験」を意味します。 ゲームにおけるUI/UXデザインとは、「ゲーム」と「遊び手」を仲介する絵や文字の表現を通じて、心地よいゲーム「体験」を作りだすこと、とも言えます。 任天堂におけるUI/UXデザイナーの具体的な制作物は、 ・タイトル画面やメニュー画面 ・ゲーム中の体力ゲージやボタン、マップ、アイコン ・フォントやメッセージ ・勝敗の結果画面（リザルト画面） などとなります。 これらのUIを通じて、お客様にストレスなく心地よいゲームプレイを提供することがUI/UXデザインの主な役割です。 特に、ゲームは娯楽品であって生活必需品ではないため、わかりにくければ簡単に手放されてしまいます。そのうえ、何百万人というプレイヤーがUIを何百回、何

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

普段、インターネット上ではただのゲーム好きとして活動（？）しておりますが、本職はWebサービスやスマートフォンアプリのUIデザイナーをやらせていただいております コウノ アスヤ（@asuyakono）です。 退勤後はイベントに登壇！土日はコンセプトデザインで習作！みたいな同僚を横目に、仕事の時間以外はもっぱら家にこもってゲームを遊び、プレイ後に感想を記事にしてネットに公開することが多いです。それがこのブログです。このブログではいつも「良いも悪いも正直に。なるべく平易な文で。」をモットーに書いてますが、記事のボリュームを考えたり、専門的すぎないように気をつけていると、どうしてもなくなく端折らざるを得ない話題というものがあります。 それは、ゲームにおける「インタラクション・デザイン」のことです。 「友達が少ない」「インドア」「両親が共働き」の３本揃いで、物心ついた時から１人で黙々とビデオゲーム

忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました。

Are you in search of the perfect button design to enhance your website's user interface? Look no further! We are thrilled to present our latest update, featuring an extensive collection of hand-picked HTML and CSS button code examples. This compilation showcases a wide range of button styles, from simple and minimalist designs to bold and eye-catching creations. With our February 2023 update, we h

2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC＋KYUSHU 2017”が開催。本記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法　～ペルソナ5のUI事例～”のリポートをお届けする。 本セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI（ユーザーインターフェース）専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている

Drawn with Care and Timeto perfectly represent and convey your message. Highly Flexible IconsLine, Solid, Color & Flat icons with a precise and unified style. Adapts to any type of project with different stroke weights, color control and great legibility.

企業サイトをはじめ、コマース、アプリ、メディア、ブログなど、さまざまなUIデザイン用のアイコンが無料でダウンロードできるOrion Icon Libraryを紹介します。 その数はなんと4,500種類以上！ 豊富なデザインに加え、カスタマイズにも対応しており、ストロークを鋭角や角丸にしたり、太さを変更したり、カラーを変更することもできます。

Website find and download png, svg, ico, psd, ai, icns icons

こんにちは。サイバーエージェントのゲーム・エンターテイメント事業（SGE)でデザイナーをしている2015年新卒入社の櫻井です。今回はUIデザイナーが知っておきたいUnityの基本機能について紹介します。ダウンロードからUI配置まで基本的な手順を追いながらガールフレンド（仮）の画像素材を用いて簡単なゲームのホーム画面作りたいと思います。 Unityのダウンロード まずはUnityをダウンロードしてみましょう！ https://store.unity.com/ja 上記では常に最新版が提供されていますがゲームのプロジェクトによっては少し古いバージョンのものを使用している場合があります。「最新版も使いたいけど古いバージョンのものも必要！」という場合、下記のような手順を踏むと異なるバージョンのUnityを保持することができます。 ※この手順を踏まずにダウンロードすると上書きされてしまいます ダウン

今回は自動レイアウトの動作を把握するために、色々とトレーニングしてみました。 自動レイアウトでUIを並べる UIのサイズが固定、もしくは親に合わせて子のサイズが変動する場合は、簡単 Imageを並べる（左から詰める） Imageを並べる（等間隔） 高さにフィットしたUIを並べる 大きさが固定なUIを並べる 子の大きさを元にUIのサイズが変動する場合は、面倒くさい 子のUIの大きさが変動するUIを並べる（子のmin=Perferred） 子のUIの大きさが変動するUIを並べる（子のmin≠Perferred） 感想 関連 自動レイアウトでUIを並べる UIの要素を並べる場合、HorizontalLayout GroupやVertical Layout Groupといったレイアウト調整機能を使用するのが便利です。 ただ、この動作は割とわかりにくいと評判（主観）です。なので、下の記事である程度の

Hi, I'm Benoît Boucart 👋.I'm a UX designer who loves solving user interface problemsAbout meI am a Digital Product Designer from Gent, Belgium who designs and builds products, with simplicity in mind, which I believe to be the key to a good user experience. As a product designer (UX/UI), I want to have a positive impact on the life of the humans that are using digital products. I work as a freela

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

というわけでNintendo Switchを発売日に(会社をサボって)入手した。 全体的に素晴しいデキで、ゲームコンソールのあるべき姿を提示したのではないかと思う。細かい変な仕様も散見されるが、実装面ではマルチユーザ型コンテンツプレイヤの模範と言って良いのではないか。 曖昧な"やめる": プレイ中であることが明示できないなら"キャンセル"など対にならない語にすべき まとめ ゲームは必要数のコントローラと形態(スティック2本必要等)をシステムに宣言するデザインになっていると考えられる ゲームは接続形態の変更に動的に対応する必要がある コントローラの組み合せによって操作不能になるシーンは許容されている(ユーザは何らかの方法でHOMEに戻って対処する必要がある) ライブラリ/抽象化層の提供側としては、これらの宣言を行えるAPIを提供した方がスムースに統合できるように見える。 据え置き機のような外