デザイン
XR Cloud hubs XR World Spatial Cluster メタパ zepeto TGCVR 月面劇場 VirtualCinema Slack zoom Teams GoogleMeet Hubs アイコン XR Cloud 左上にある。×を押したらチャットマーク hubs チャット専用画面に行く XR World 右下のペンマークから 入力欄がで…
アコーディオンUI サイドバーの開閉 XD Inoreader Youtube Notion Twitch アコーディオンUI サイドバーとかでよくある▶を開くと子が出てくるUIをアコーディオンUIというらしい 狭い表示領域の有効活用 www.hypertextcandy.com Unityで実装するにはどうしたら…
Spline サンプルを見る ドキュメント Shape Material調整 Texture Frenel Noise Grandient Depth Light Status、アニメーション エクスポート機能 PublicURLとWebContent Image Video 最後に Spline 3Dのデザインが作れるソフト。 最近できたっぽい Spline …
タイムシフトで見たり記事読んだセッションメモ。 記事になっているものは記事を貼ったので、CEDECのパスを買っていない人にも参考になると思う。 くくりは私の雑な括りです。 CEDiLで発表スライドのpdfはみれます cedil.cesa.or.jp 各社のCEDEC2020記事リン…
キャラクターの色とかを保存しておきたい。 カラーパレットを作って保存できるサイトあるのか調べた webdesign-trends.net Coolors カラーパレット作る パレット保存 書き出し その他機能 配色提案 いまいちな点 ColorPick Eyedropper Adobe Color 最後に Co…
こちらの本をやっていく www.borndigital.co.jp Unity2019.4.5f1使用 エディタ PackageManager オブジェクト操作 UI操作（RectTransform） おまけ）UIScaling レイアウト uGUI 9スライス FillCenter 画像サイズ AspectRatioFitter Outline2重付け グラデーシ…
音量ゲージにも何種類あって、 ・自分のマイクの音量を示すもの ・相手の出力音量を示すもの ・出力音量を変更するスライダー など それぞれの種類を見ていきたい。 自分のマイク音量 相手の出力音量 出力音量を変更するスライダー 最後に 自分のマイク音量 …
よくVRのUIで、ボタンアイコンにレーザーを当てたらそのボタンの説明が出てくるUIあるじゃないですか。 あれを簡単に実装したい。 できた EventTriggerを使う とっても簡単で、ButtonにEventTriggerコンポーネントを付けて、PointEnterとPointExitに表示非表…
あるあるデザイン やり方 作る題材 ブログアイキャッチ画像 Youtubeのサムネ Boothサムネ その他各種カバー画像等 １.だいたいツートンで行ける＋44.またがる文字 2.丸インパクト 3.太枠を入れてみる 04.左から4分の１の法則 05.さんかく散らす/20.抜け感中…
前回構想したので、作ります。 bibinbaleo.hatenablog.com ストップウォッチ事例 素材とか パーツ制作 音 フォント ThirdParty表記 アプリアイコン Unity コード DeviceSimulator UIとか MacBuild Github 最後に ストップウォッチ事例 必要な要素はとか表示…
前作ったニューモフィズムデザイン bibinbaleo.hatenablog.com いまだにアプリやwebで見たことないので、自分で作ってみたい。 題材考える ストップウォッチ ニューモフィズムUIの例 音 最後に 題材考える シンプルなスマホのツールがいい。 できればストア…
fontvuer こちらの記事で知った coliss.com MITライセンス。こちらからダウンロードできる github.com fontvuer.netlify.app 自分で打った文字で一覧表示できる！フォントサイズ変えたり文字幅も変えられる。 ダークモードにもなるよ！いいね！ Monospaceは…
下のボタンを押したら画面が切り替わる。 随時追加する。 VR ambr ios AppStore(iPad) GooglePlayStore Googleフォト Twitter Instagram デンソーのQRコード Yahoo乗り換え 時計（Android公式？） Lips ユニクロ GU Honeys 東京流通センター ABCマート ノジ…
なるほどデザイン はじめてのUIデザイン UIのコンポーネント種類 UIの見えない部分 スマホアプリ（iosとアンドロイド） キャンセル Web レスポンシブデザイン UIを作る 命名 検証 ロゴ つい 三つの体験デザイン 直感のデザイン 驚きのデザイン 物語のデザイ…
QRコードメーカー QRコードの周り 背景色＋白 QRコード自体のデザイン QRコードの色を変える QRコード自体に模様を入れる 事例 QRコードメーカー 私がいつも使っているもの。シンプルでいい感じ！ www.kenjisugimoto.com こちらはデンソー公式 m.qrqrq.com Q…
インジケーター、スピナー アイコン アセットストア Google Material Design Loading screen animation uGUIで作る 実装参考 進捗率を取る インジケーター、スピナー 何かをロードしている時や、処理中の時に出るあれ 種類によって名前が分かれている。 イン…
位置 おまけ：canvasの描画順 位置 XDのコンポーネントのX,Yはコンポーネントの左上＆アートボードの左上との距離。 UnityのuGUIのPosX,PosYはデフォルトだと素材の真ん中＆Canvasの左上の距離 まずそこが違う。 Unityで素材の原点(Pivot）を変えるにはUnity…
「作ったデザインをモノクロ表示にしたら、コントラストのある良いデザインかがわかる」という記事を見た。 CTAのバランスや色、位置が適切かどうかをテストするためのよい方法は、できあがったデザインを一旦グレースケールにしてみることです。その状態で…
MESONさんの発表で「XRコンテンツではまず全てにサウンドをつけて、そのあと余計なものを取り除くぐらいでちょうどいい」って言ってた。 その発表の関連資料にあった記事を読む。 Sound Advice: A Quick Guide to Designing UX Sounds The Role of Sounds in…
Unityのロゴが最初に出るあれ。スプラッシュスクリーンといいます。 デフォルトだと黒背景に白Unity ボククロキライ なので背景を設定しておしゃれにするのが私は大好きです。 Splash一覧 設定 背景画像 単色背景 ロゴ追加 Light,Darkを選ぶ プレビュー 最後…
dmm 使い方 発祥 計算 実装 dmm distance-indipendent millimeter https://youtu.be/ES9jArHRFHQ?t=484 より XRコンテンツ(VR,AR,MR)で空中にUI等を出すとき、近づいたら小さく、離れたら大きくすることによって、見た目の置きさは一定にすることがある。 ht…
こちらの動画を見ます www.youtube.com GoogleのSENIOR INTERACTION DESIGNERの方みたい。 Product | MikeAlger docs.google.com 以下はメモです。すごく間違っている気がします。 黒い長方形 五感？ 試行錯誤 VRキーボード テレポート UIを作る UIの大きさ …
UIを学んでいるcocoda!で「マイクロインタラクション」というコースを始めました。 マイクロインタラクションとは？？？？？ 事例 404 クレカ disabledはグレーじゃなく半透明 作ったもの 最後に マイクロインタラクションとは？？？？？ 初めて聞いた言葉。…
Cocoda!でUIデザイン ガイドライン テンプレートダウンロード フォント 日本語 デザイン ステータスバー ナビゲーションバー タブバー スイッチとSegmentedControl ボタン 最後に Cocoda!でUIデザイン Cocoda!というUIのweb学習コンテンツサイトでのお勉強を…
デザインツールキット 中身 Fluent Design System デザインツールキット ここからXDやAIなどいろいろな形式でダウンロードできる。 docs.microsoft.com 中身 XDファイルを開いたらこんな感じ！ iosのテンプレートみたいにいろいろなUIパーツがある！ チェッ…
公式ドキュメントを見て粛々と勉強していくシリーズ第1弾は「設計デザイン編」 操作やUX、フォントについて書いてある。 https://partner.microsoft.com/ja-JP/asset/collection/designing-a-quality-hololens-2-application#/ 英語を日本語に機械翻訳された…
Adobe先生のこのツイート見て面白そうだと思った デザインに #人物イラスト を使いたい時にいかがですか 商用・個人ともに無料、 #AdobeXD #Photoshop #Illustrator で利用でき、表情や髪型、ポーズなどさまざまなパーツを組み合わせた人物イラストを作成で…
AdobeStock ガイド AdobeStock AdobeStockというAdobeの素材サイトがある stock.adobe.com そこで素材提供者（コントリビューター）になって、素材が150ダウンロード以上されたらAdobeCCのうち一つが１年無料になるらしい！ あれ？この2020年のAdobeStockボ…
ニューモフィズム 作る 明るい色と暗い色 混ぜてメインの色を作るらしい シャドウ 合体 背景 最後に ニューモフィズム この記事に余談として「ニューモフィズム」と言う名前が出てきた www.mdn.co.jp 画像検索したら、白い！フワフワ！好き！！！ 実際に使わ…
XdUnityUI 使ってみた XDサイド Unityサイド 属性 エラー 最後に XdUnityUI XDからUnityにUIをインポートできるパッケージ github.com AdobeXD to UnityXdUnityUIv0.8 releasehttps://t.co/TFWwR3hm3mMore samples and documents.https://t.co/NeINT7sG0Y#Ad…
