新登場: Vectary Canvas。AIで加速するアイデア創出のための、新しいスペースです。→ Canvas

充電器コンフィギュレーター

エレクトロニクス企業は、製品をいち早く市場に投入できるこのソリューションを高く評価しています。

充電器コンフィギュレーターとは?

充電器コンフィギュレーターは、社内外の双方のニーズを満たすために設計された動的なデジタルソリューションです。メーカーやデザイナーが特定の要件や好みに合わせて充電器のデザインをカスタマイズし、コンセプト設計を行うための強力なツールとして機能します。社内ではチーム間のコラボレーションを促進してデザインプロセスを合理化し、迅速な意思決定を支援します。社外では魅力的なセールスツールとして、顧客が購入前に希望する仕様をパーソナライズし、ビジュアルで確認できるようにします。この多機能なツールは、インタラクティブなカスタマイズ機能を通じて業務効率を向上させ、生産リードタイムを短縮し、顧客満足度を高めます。

コンセプト開発

このプロジェクトの目的は、Vectaryプラットフォームが提供できる広範なビジョンを示すことでした。充電器のデジタルツインを作成し、ユーザーが実生活で行うあらゆる種類のインタラクションを再現することを目指しました。

‍

このデモンストレーションを作成するにあたり、主にVectaryの2つの機能を使用しました。

  • アニメーション(オブジェクトの一部のコンポーネントの動きを説明するため)
  • 表示・非表示(要素を表示または非表示にして、“オン/オフ”の動作を再現するため)

3Dコンフィギュレーターの作り方

セットアップ

‍

充電器はRhinoでモデリングし、VectaryとRhinoの間で同じレイヤー構造を維持するためにFBXファイルとしてインポートしました。レンダリング工程でオブジェクトのマテリアルをどのように表現するかをイメージしながら、CADソフトウェア側でモデルの各パーツをあらかじめ分類しておくことが重要です。

‍

マテリアル & ベイク

‍

このプロジェクトでは、定番の白黒の組み合わせを避け、全体的にニュートラルなスタイルを目指しました。そのため、メタリックなボディを採用し、細部やインタラクティブなパーツにグリーンとオレンジをわずかにアクセントとして加えました。最初のステップとして、まずはすでに市場にある既存の製品を詳しく研究することをお勧めします。これにより、業界でよく使われている共通のディテール、形状、マテリアルを把握でき、全体のリアリズムを向上させることができます(例:プラグの金属製の先端など)。

‍

マテリアルの準備ができたら、忘れずに ベイクしてください。ただし、ライトマップ(多くの場合、素晴らしい効果を発揮します)は、メタルネスが100%に設定されたマテリアルでは機能しないことに注意してください。このような場合は、ライトマップの効果全体を活かすために、メタルネスの強度を下げる価値があります。画面はFigmaでフレームとして作成し、Vectaryにプレーンとしてインポートしました。Figmaでデザインを編集し、Vectaryでテクスチャを同期するだけで効率的に作業できます。実際の画面の反射効果を再現するため、この画面(グラフィック)プレーンの上に薄いガラスのレイヤーを追加しました。

‍

ステッカー & デカール

‍

画面と同様に、すべてのステッカーはFigmaで作成されているため、再インポート、サイズ変更、角度や位置の再設定を行うことなく、簡単に編集できます。不透明度マップとカラーマップを同期するだけで作業は完了します。リアルさを追求する上で、グラフィックの力を決して侮ってはいけません。特に消費財においては非常に重要な要素となります。

‍

ライティング

‍

A デフォルトのHDRi がこのプロジェクトで使用され、可動ライトをより際立たせるために強度は25%〜30%に設定されました。カメラの位置に関わらず美しい反射が得られるよう、オブジェクトの周囲にはいくつかの長方形ライトが(シャドウオプションを有効にして)配置されています。

‍

フロントボードのLEDライトは、 エミッションマップの強度 を800%に設定することで実現しています。(スライダーで100%以上に動かすことはできませんが、より高い数値を直接入力することができます。)

‍

ライトの露出が強くなりすぎないように、Vectaryには 「調整(adjustments)」と呼ばれるエフェクト が用意されており、右側パネル(AR機能の下)に表示されます。トーンマッピングセクションにはさまざまなオプションが用意されていますが、今回はシャドウとハイライトのバランスを保つのに最適な「Filmic」を使用しました。

‍

LEDライトを使用する際に非常に効果的なもう一つの機能が、 ブルーム(bloom)エフェクトです。ただし、製品のハイライト部分ではなく、LED部分だけが発光(ブルーム)するように調整する必要があります。通常は、高い強度としきい値(エミッションマップと同様に100以上の数値を設定可能)を組み合わせるのがおすすめです。

インタラクション

‍

このプロジェクトには、4種類のインタラクションが設定されています。

  • アニメーション: これらは、オン/オフボタン、右上隅のボタン、およびプラグによってトリガーされます。キーフレームを使用して動きを詳細にコントロールできるよう、アニメーションはアニメートモードで作成しました。
  • オブジェクトの表示・非表示: フロントボード上の画面やLEDなどのオブジェクトの表示・非表示に焦点を当てています。オン/オフボタンがトリガーとして機能します。アクションにディレイ(遅延)を設定すると、非常に面白い効果が得られます。例えば、各LEDが点灯する際に個別のディレイを追加することで、スムーズに『次々と順番に点灯する』ようなエフェクトを実現できます。
  • ハイライト: このプロジェクトにおいて、ハイライトにはさまざまな役割があります。これらは、ユーザーの操作を促すための主要なガイドとして機能します。背景をクリックすると、オン/オフボタンと右上隅のボタンがハイライトされ、デモを操作するために注目すべきエリアを閲覧者に分かりやすく示します。
  • マテリアルスイッチャー: 3つの異なるパーツのマテリアルを制御するFUI(フローティング・ユーザー・インターフェース)は、ホットスポットを基準に配置されています。このホットスポットをクリックすることで、FUIの表示・非表示を切り替えられます。FUIは自動的に隠れるように設定されているため、シーン内の任意の場所をクリックするだけでいつでも閉じることができます。

‍

‍

充電器コンフィギュレーターを導入するメリット

デザインのイテレーション

リファレンスツール

セールスコンバージョン

Try Business Workspaces

  • Ideate together in Canvas
  • Create and review 3D as a team
  • Organize projects and control access
  • Publish 3D and AR across every channel
  • Scale with APIs, hosting, and expert support
Talk to our team
Vectary Workspaces with shared folders, team cursors, and a 3D material board