トマシープが学ぶ

Unity/VR好きのミーハー初心者 記事内容は自分用のメモ。何も求めないで

デザイン

Holo2アプリの設計デザイン(1/n)【公式ドキュメント読むシリーズ】

公式ドキュメントを見て粛々と勉強していくシリーズ、設計デザイン編。 たぶん操作やUXやフォントについて https://partner.microsoft.com/ja-JP/asset/collection/designing-a-quality-hololens-2-application#/ 操作 入力モデル アフォーダンス 音声入力 …

【CC0】自分で組み合わせて使える人物イラスト

Adobe先生のこのツイート見て面白そうだと思った デザインに #人物イラスト を使いたい時にいかがですか 商用・個人ともに無料、 #AdobeXD #Photoshop #Illustrator で利用でき、表情や髪型、ポーズなどさまざまなパーツを組み合わせた人物イラストを作成で…

AdobeStockに素材投稿して一定数ダウンロードされたらAdobeCCが無料

AdobeStock ガイド AdobeStock AdobeStockというAdobeの素材サイトがある stock.adobe.com そこで素材提供者(コントリビューター)になって、素材が150ダウンロード以上されたらAdobeCCのうち一つが1年無料になるらしい! あれ?この2020年のAdobeStockボ…

XDでニューモフィズムデザインを作ってみた

ニューモフィズム 作る 明るい色と暗い色 混ぜてメインの色を作るらしい シャドウ 合体 背景 最後に ニューモフィズム この記事に余談として「ニューモフィズム」と言う名前が出てきた www.mdn.co.jp 画像検索したら、白い!フワフワ!好き!!! 実際に使わ…

AdobeXD to Unityを試した

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…

RGBをCMYKに変換したい

XDで作ったRGBの画像ファイルをCMYKに変換してどれくらい変わるかみてみたい。 bibinbaleo.hatenablog.com ついでにCMYKにした状態で色味を調整したい。 ツール Photoshop GIMP2 ClipStudio 調整のコツ 最後に ツール webツールあった! shimeken.com displa…

【Unity】すりガラス風の板を出す方法まとめ(ARもあるよ)

こちらのツイートを見て、Unityでどうやってすりガラスのテクスチャ作るんだろ~と思いました。 #毎日ARデザイン No.02 [可読性を考慮したデザイン]空間上に情報が重畳されることがARの特性であり、その情報が見えづらい状態は避けなければいけません。周囲…

XDで印刷用の名刺を作る

最初に行っておきますがやめたほうがいいですね。 XDはweb用のベクターツールなので印刷物を作るのに使ってはいけない。 だってキャンバス設定をcmですることすらできないのだから でも進みだした船は止まらない。 私はXDの理解も印刷物への理解も低いのであ…

VRoid Studio講座買いました!

VRoid Studio講座 環境構築 CLIPSTUDIO ペンタブ 講座が買えない VRoidStudio 感想とか 学び 最後に その他 VRoid Studio講座 VroidStudioの講座ができた!イケメン作りたい!online.dhw.co.jp 講座料5500円で、動画を見る形式。5時間分で2ヶ月間見れる www.…

パワポとフォント

パワポにフォント埋め込み dekiru.net ファイル>オプション>保存>ファイルにフォントを埋め込む 「使用している文字だけを埋め込む」にしてNotoSansJPを使って保存しようとすると「プレゼンテーション内に保存できないフォントがあります」「一般障害」と…

バーチャルっぽいイラスト・イメージ表現を作ってみる【XD】

特徴 半透明にする アウトラインを青っぽくする 白や水色のドロップシャドウ(光ってる) ぼわ~ メッシュ風 中に重ねる ぼわぼわ 作る メッシュ作る(Unity/Gimp/XD) GIMP XDで効果つける 最後に 特徴 Pintarestにまとめました。 www.pinterest.jp 半透明…

丸いデザイン

VRだと視界は丸い ディスプレイやモニターは四角が多いから今までの画面UIは四角が使われていたけど、VRなら四角である必要はない 丸は無駄な形だからあまり好きではなかった。 現実の空間も有限だから無駄のない四角い製品が好き。敷き詰められる。 テーブ…

【Cocoda】UIを学べるサービスはじめてみる!【XD】

UIデザインを学べるサイト。 cocoda-design.com お題とか作り方とかのコースがいくつかある ゲームのUIコースもできたって! note.com はじめてのUI やってみる。 まずは「はじめてのUI」から XD公式のチュートリアルを3種類した。 XD本体のホーム外面右上に…

トマシープデザインまとめ記事まとめ

まとめすぎてどこでまとめたのか分からなくなったのでまとめる 頭が悪いことしてるみたい スクショ系 VR・AR 全般 リンク系 VR/AR 全般 最後に スクショ系 VR・AR VRコンテンツのUIのスクショを貼ってる bibinbaleo.hatenablog.com ARマーカーデザインを集め…

参考になるUIデザイン記事まとめ【Unity・全般】

見つけ次第追加していきます。 デザイン全般 ごちゃごちゃ ロゴ ユニバーサルデザイン デザインガイド ムードボード ゲームのUI UnityのUI VR・ARのUI デザイン全般 ごちゃごちゃ note.com uxmilk.jp ロゴ coliss.com ユニバーサルデザイン uxmilk.jp このpd…

ARマーカーデザイン集め

ちゃんと認識されて、かつ数種類別々に認識されて、その環境やARコンテンツに馴染んでいるデザインにするの難しすぎた。 bibinbaleo.hatenablog.com 既存の事例を集めて学習していきます! Moguraで検索! AR マーカー | 検索結果: | Mogura VR - 国内外のVR…

AdobeCCのすごい機能使う【切り抜き・Dimension】

昔調べたadobeのすごい機能 bibinbaleo.hatenablog.com AdobeCCを触る機会があったのでPhotoshopとDimensionを少し触りました。 Photoshopの切り取り マスク抜きはそれ単体で仕事(アルバイト)になるぐらいめんどくさい作業。 それをいい感じにやってくれる…

ハンドトラッキングでのUI操作についての資料まとめ

見つけたら追記します Hololens2+HandTracking Oculus LeapMotioin MRTK 最後に Hololens2+HandTracking ハンドトラッキング操作でのメニューの場所についても書いてある medium.com 左手のそばに出して、自分の好きな空間に固定するか、編集する対象のオ…

UXのイベントに行ってきた

最近購読しているUXMILKというサイトがやっているUXJAMに初めて参加してみた! uxmilk.connpass.com スライド デザイナーとエンジニアで体験の認識を揃えるために行ったワークショップ UXデザイナーあるある言いたい Googleの考えるユーザーにとって優れたデ…

カメラ背景のUIデザイン事例をまとめる【AR,QRコード,カメラアプリ】

背景がカメラの映像の時、UIは何色がいいのか、どんなふうに見やすさを保つのか。 元々ARアプリのUIについて事例を集めるために始めたけど、カメラアプリやQRコードアプリなども同じだと気づいたのでまとめる。 見つけ次第追記します。無限にあると思うけど …

デザイン記事を購読したい

今はInoreaderでMoguraと3D人を主に購読してて、最近XR-Hubも追加した。 とても良い! ふと、デザイン記事も購読したいと思ったので探す! bibinbaleo.hatenablog.com デザイン記事 UX UI フォント 最後に デザイン記事 デザイン系の記事というのも見たくな…

CanvaでQRコード付きの名刺を作った

名刺作りました。 Canva 印刷 値段 QRコードデザイン 最後に Canva Canvaで作った。 www.canva.com 表面はCanvaの名刺テンプレートをもとに色とアイコンを変えたぐらい。このテンプレは「businesscard cute」で検索したら出る。 色は自分の色をもともと決め…

Unity×マテリアルデザイン

最近Googleが提唱するマテリアルデザインにはまってる。 Androidアプリとかをデザインするときに使うといい。 bibinbaleo.hatenablog.com Unity Unityで自分もやってみたい!! とりあえず何もサイトを見ずにuGUIだけでやってみたもの。 フォントをrobotフォ…

WebやアプリのUIをストックするだけ

巷のWebサービスやアプリのUiをぽちぽち集めていく。 Yahooの検索欄 YoutubeのToggleSwitch bibinbaleo.hatenablog.com kindleUnlimitedでエンジニア向けデザイン本があった。

VRの文字入力UI(キーボード) まとめ【Quest・Go・PCVR】

PCVRとOculusGoのキーボードはまとめてたけど記事バラバラだったのでQuestも加えつつまとめます。 情報古いので今はUIが変わっているものもあります。特にPCVR 随時追記するかも 2020/1/6 AmazonPrimeVR追加 2019/12/26 Cluster更新 2019/8/20 PorkseStarsVR…

MaterialDesignのサイトを見る

MaterialDesign 解説サイト サイトを見る Font 文字 ColorSystem Resources 素材とか見本サイト 最後に MaterialDesign GoggleがまとめているUIのデザインサイト「MaterialDesign」 時折見るのですが、結構いっぱい情報があってどこにどんな情報があるのかわ…

空間UIサイトリンクまとめ

3DゲームとかVRとか映画とかの空間UIをまとめているサイトまとめ。 あとUIの名前とか 随時追加予定。 サイト 3D Design Patterns INTERFACE LOVE. VRのUIまとめ 名前 DiegeticUI SpatialUI MetaUI 最後に サイト 3D Design Patterns www.xr.design INTERFACE…

色選択UI

メモアプリやペイントアプリで、色を選択した時の表現。 全てiPadのアプリから ios標準のメモ帳 GoodNotes MediaBangPaint pixiv Sketch Sketches SketchBook AdobeSketch ios標準のメモ帳 ペン先の色変更+中に白い丸 GoodNotes ペンアイコンの色変更+矢印…

デザインパターン

この本見ていいなと思ったデザインメモ めっちゃ書き込む 黒地に白のイラスト 白黒プラス1色 ブロードウェイブギウギ 白で囲む 最後に めっちゃ書き込む デザインの情熱! paradjanov.biz これ見たときこの方のイラストが思い浮かんだ 黄金の風 pic.twitter…

ミニチュア風写真の作り方(インスタグラムでもできるよ!

こんにちは。 ミニチュア風写真家のビビンバです。 今日から名乗ろうと思います。 アーティストとかプロゲーマーは名乗ったもの勝ちなので。 ミニチュア風写真とは 撮影法 上から撮る 被写体 天候 加工 加工ツール インスタグラムでの加工法 私とミニチュア…