一行コードで、ビルド不要
完成したロゴは、埋め込みコードとして任意のページに公開・配置できます。必要な場所に貼り付けるだけの単一のスニペットです。バンドルに追加する3Dフレームワークも、CDNにアップロードするモデルファイルも、サイト再構築時に動作を維持するためのものも一切不要です。
あなたのウェブサイトのための3Dロゴ
静的なロゴが標準なのは、インタラクティブなロゴを作成するには専門家を雇う必要があったからです。ここでマークを作成すれば、人々が掴んで回転させられるものとしてサイトに配置できます—1行のエンベッドコードで、3Dライブラリのインストールも、自分でホストするものも不要です。

完成したロゴは、埋め込みコードとして任意のページに公開・配置できます。必要な場所に貼り付けるだけの単一のスニペットです。バンドルに追加する3Dフレームワークも、CDNにアップロードするモデルファイルも、サイト再構築時に動作を維持するためのものも一切不要です。
ファイルを所有したい場合は、モデルを書き出して自分で設定してください。標準的なウェブ3Dビューアやあらゆる3Dアプリで開けます。この方法は手間がかかりますが、読み込み方や動作を完全に制御できます。
3Dロゴは、平坦な色の領域に厚みを持たせたもので、ダウンロードするテクスチャがないシンプルなジオメトリです。スキャンやスカルプトされたモデルのわずかなデータ量で済みます。これは、高速な読み込みが求められるヒーローセクションに配置する際に重要になります。
描画ではなくライティングで表現されるため、背景を選んだり、ページの雰囲気に合わせて光沢の位置を調整したりできます。暗いヒーローセクション向けに作ったロゴも、白い背景向けに作ったロゴも、周囲の環境が異なるだけで同じモデルです。
Mixosが選ばれる理由
ホームページ上のインタラクティブな3Dロゴは、特定の役割を果たします。それは、ページが組み立てられたものではなく、作り込まれたものであると感じさせ、訪問者に最初の1秒で何かをするきっかけを与えます。ほとんどのサイトにそれがない理由は、好みの問題ではなくコストです。歴史的に、それはモデラー、3Dライブラリに精通したウェブ開発者、そして誰も引き受けたがらないメンテナンスの負担を意味していました。
今日の正直な方法は、エンベッドとモデルファイルの2つです。エンベッドは貼り付けるスニペットで、ビューアー、ファイル、ホスティングが処理され、周囲のデザインを変更しても機能し続けます。モデルファイルはあなたのものです。ホスティングもビューアーの選択も、読み込み方法もすべてあなたが決定します。より多くの制御と作業が必要ですが、ロゴを回転させる以上の複雑な表現に組み込む必要がある場合の最適な選択肢です。
どちらを選んでも、そのジオメトリが役立ちます。平坦な色の領域から作られたロゴは、ソリッドカラーのシンプルな形状の集まりで、画像テクスチャがないため、ダウンロードサイズが小さく、レンダリングも安価です。これは、フォトグラメトリーのスキャンデータやスカルプトされたアセットをヒーローセクションに配置する場合とは、大きな違いです。
最も重要なデザイン上の決定は、控えめであることです。アイドル時にゆっくりと回転し、ドラッグすると反応するマークは、熟考されているように見えますが、高速で連続的に回転するものはスクリーンセーバーのように見えます。配置されるセクションに合わせてライティングを設定し、動きは控えめにすることで、人々が最初にではなく、二番目に気づくような存在にしましょう。
ロゴの作成は無料で、アカウントは不要です。エンベッドを公開したり、モデルファイルをダウンロードして自分でホストしたりするには、有料プランが必要です。
エンベッドの場合、いいえ—埋め込み動画を追加するのと同じように、ページに貼り付けるスニペットです。モデルファイルを取得して自分で組み込む場合は、ウェブ3Dビューアーに慣れている人が必要です。
3Dロゴは、平坦な色とテクスチャ画像がないシンプルなジオメトリなので、3Dの基準からするとファイルサイズは小さいです。それでもPNGよりは大きいため、その価値を発揮できる場所—すべてのページのヘッダーではなく、ヒーローセクションに配置してください。
はい、訪問者はマウスと同じように指で回転させることができます。小さな画面ではマークの細かいディテールはすぐに消えてしまうため、スマートフォンサイズでどのように表示されるか確認する価値があります。
その場合は印刷可能なバージョンが必要です—同じマークがSTLで3Dプリンター用にエクスポートされますが、これはウェブエンベッドとは異なるページ、異なるファイルです。
ダウンロード不要、セットアップ不要、ライセンス不要。初めてのモデルを自動テクスチャリングして、数分でリアルなPBRマテリアルを構築できます。