トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

デザイン

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講座買いました!(追記:修了しました!)

4/12追記 VRoid Studio講座 環境構築 CLIPSTUDIO ペンタブ 講座が買えない VRoidStudio 学び 素体 顔パーツ 服 髪の作り方 髪のマテリアル 髪のボーン Vroidで難しい表現 修了! 撮影大会 最後に VRoid Studio講座 VroidStudioの講座ができた!イケメン作り…

パワポとフォント

パワポにフォント埋め込み 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 全般 最後に スクショ系 全般 パネル bibinbaleo.hatenablog.com bot 吹き出し bibinbaleo.hatenablog.com バッチ bibinbaleo.hatenablog.com Map bibinbaleo.hatenablog.com デフォルト画像 bibinbal…

参考になる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」で検索したら出る。 色は自分の色をもともと決め…

ARで読みやすいフォント

CEDECのこちらのセッションをYoutubeでみてた。 cedec.cesa.or.jp メモとってなかったので間違ってるかもしれない。 論文が出るそうなのでそれ読みたい 2020/05/01大幅追記 論文が出ていたので、内容を追記しました fontworks.co.jp テキスト提示の種類 目的…

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/07/25 Immersed追加 2020/05/27 ambr、ViveSync追加 2020/05/14 Spatial…

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 ペンアイコンの色変更+矢印…

Unityで使える再配布OKなフォント【自分用メモ】

Unityでフォント使うには再配布OKなものでないといけない。 自分用メモ。自己責任でオナシャス。 2020/9/11追記 こちらの記事が完全上位互換ですごいです。こんなにあるんだ!! rwiiug.hatenablog.com 2020/7/23 日本語手書きフォント2種追加 概要 SIL Ope…

デザインパターン

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

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

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

デザイン科学概論

こちらのツイートを見て読もうと思いました。 この本最強すぎて、ブルブル震えながら読んでる………ちゃんとデザイン理論あるじゃん…いわゆるUXデザインから細かい部分のデザインまで、もう全部抽象化・言語化できてんじゃん…全デザイナーの教科書じゃんこんな…

商標登録について調べた

勝手に第3者に商標登録されて、その店名やロゴが使えなくなった事件が話題になっていました。 ところで最近この子をLINEスタンプなどに使うようになって、この子も商標登録とかできるのかな??と思いました。 調べます。 店名みたいな文字以外にもアイコン…

消極性デザイン宣言読んだ

消極性デザイン宣言という本を読みました。 消極性研究会 www.sigshy.org 以前読んだ融けるデザインの著者の方が共著で書いている。 bibinbaleo.hatenablog.com 1章 2章 3章 4章 5章 最後に 1章 スピーチジャマー www.unryu.org www.nikkei.com 2章 …