トマシープが学ぶ

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

デザイン

丸いデザイン

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…

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

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

デザイン科学概論

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

商標登録について調べた

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

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

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

私のキャラのカラーメモ

このキャラのカラーをメモしておきます。 こちらのサイトで画像からカラー判別できます。 lab.syncer.jp こんな感じ そしてGoogleでカラーピッカーって検索したら、カラーピッカーが出てきて選んだ色をrgb,CMYK,webコード?などで表示してくれます。 www.goo…

LINEスタンプ作る!!!

LINEスタンプ実績解除したい! ただそれだけ。 個人でも作れて、私にも作れそうなものは作りたいよな!? あとこのタイミングなのは私の好きなVtuberの魔王の息子わんわんくんがちょうど申請してたから。 あと自分の使い勝手のいいスタンプ欲しいよね~ でき…

インタビューボードを作る

ヒーローインタビューや記者会見の時に後ろに写っているアレを作りたい。 そういう衝動が走ったこと皆さんはありませんか? 私はあります。 ということで作りました。 名前 アレの名前はインタビューボードというそうです。 bigpop.jp 上の記事がめっちゃ詳…

VRoid用の配布テクスチャを使わせていただきました【booth】

眉や瞳、服などのテクスチャをBOOTHで販売&配布されている方がたくさんいます。 booth.pm お絵かきできないマンでもかわいいモデルを作れる! それを使わせていただきました。 男性テクスチャ 服 瞳 眉 口の中 最後に 男性テクスチャ 2019/1/27追記 貴重な…

自分の手書きフォントを作る!!【Calligraphr】

Macfanと言う雑誌でオリジナルフォントが作れるサイトが紹介されていたので、私も作ってみたいと思います。 75文字までは無料で作れるそうです! Calligraphrというサイトです。 www.calligraphr.com こちらの解説がわかりやすいです。 coliss.com テンプレ…

Apple教育教材のEveryone Can Createの中身を見た。

Appleが教育用に公開したクリエイティブ教材 gigazine.net ・音楽 ・スケッチ ・写真 ・ビデオ の4種類ある。 www.apple.com アプリかと思ったらドキュメントだそうです。 AppleBookから無料でダウンロードできる。 AppleBook初めて使った。 「スケッチ」の…

インタビュー記事の丸いアイコン作りたい!& 吹き出し

インタビュー記事や会話記事といえば人を表す丸いアイコンが特徴的ですよね。 あれをこのブログでもやってみたいと、突然思いました。 作った 吹き出しとか 最後に 事例研究 作った 「ぽいかな?」 「いいんじゃない?」 「イラレで作りました」 吹き出しと…

表紙のデザインやってみた #それっぽくなる表紙

流行っていたので実際に作ってみました。 #それっぽくなる表紙 Unsplash 作る 例 最後に #それっぽくなる表紙 twitterで「#それっぽくなる表紙」というハッシュタグがトレンドにありました。 twitter.com かっこいい!! #それっぽくなる表紙 楽しげでしたの…