新しいスマートなDesigner 2.0をご紹介します!以前の機能の多くを最適化し、よりクリーンで効率的なユーザーエクスペリエンスを実現しました。使いやすいデザインツールがさらに使いやすくなりました!
この記事では、OptiSigns Designerの最新バージョンのすべての新機能の使い方について説明します。
テンプレートライブラリとDesignerについての詳細は、OptiSignsのテンプレートとDesigner 1.0の使い方をご覧ください。
Designer 2.0のデザインの違い
左揃えのサイドメニュー
ユーザーにとって最大の変化は、Designer 2.0での機能の見た目と配置です。新バージョンでは、以前のボタンや機能の多くを左揃えにすることでデザインを合理化しています。
ほとんどの機能が左側に再配置されました。
左側のメニューは、特定の機能で使用されていたポップアップウィンドウに代わるものです。
左側メニューに含まれる機能:
- 位置
- レイヤー(以前は「オブジェクト」と呼ばれていました)
- データソース
- アニメーション
- ウィジェットフォーマットオプション
- 設定
- テキスト
- その他
例えば、アニメーションコントロールは左側メニューに表示されるようになりました。
エフェクト
エフェクトは視覚効果にアクセスするための新しいカテゴリです。これには、影、輪郭、テクスチャ、グラデーション、不透明度などの以前の機能が含まれます。
これらの機能にアクセスするには:
- エフェクトを選択
- サイドメニューから任意の機能を選択
レイヤー
同様に、オブジェクトはレイヤーに名称変更され、左側のメニューに移動しました。これにより、デザインの要素の位置やレイヤリングを編集できます。
レイヤーにアクセスするには:
- 右側のレイヤーアイコンを選択
- または位置を選択
- レイヤーを選択
その後、任意の要素を選択して移動し、位置や「レイヤリング」を変更できます。
履歴
この新機能により、デザインへの最新の変更をすべて追跡できます。
注意!以前の「イベント」をクリックしてデザインの変更を開始すると、その特定のイベント以降に作成されたイベントは消去されます。
履歴にアクセスするには:
- 右側のレイヤーアイコンを選択
- またはツールバーから位置ボタンを選択
- サイドメニューに表示される右側のオプションが履歴です
- 任意のイベントをクリックして、編集のその時点に移動
キャンバスサイズ変更オプション
使いやすさを向上させるため、サイズ変更オプションに横向きと縦向きのオプションを追加しました。これにより、ボタンをクリックするだけでキャンバスとデザインの形を変更できます。横向きでデザインを作成したが、縦向きモードの画面に必要な場合でも心配ありません!
- ツールバーからサイズ変更を選択
- 縦横比を維持のチェックを外す
- 縦向きまたは横向きを選択
Designer 2.0の新しいエキサイティングな機能
再利用可能なコンポーネントライブラリ
この機能により、任意のデザイン要素またはグループ化された要素をコンポーネントライブラリに保存できます。お気に入りの要素を保存して、ブランドやテーマの要素のライブラリを作成したり、後で使用するために保存したりできます!
コンポーネントを追加するには:
- 保存したい要素をクリック
- その他を選択
- コンポーネントを追加を選択
コンポーネントにアクセスするには:
- 左サイドバーからYour Tempをクリック
- コンポーネントをクリック
これで任意のデザインに追加できるようになります!
これは、作成した要素やデザイン、ライブラリからのテンプレート全体、またはテンプレートからの単一の要素で機能します。
リピーター画像のスケール設定
リピーター内の画像に新しいスケーリングオプションが利用可能になりました。フィット、ズーム、またはストレッチを選択して、デザインにより適合させることができます。
リピーター内の画像サイズをお好みにカスタマイズするには:
- リピーター画像を選択
- 設定を選択
- スケールを選択
- フィット、ストレッチ、またはズームを選択
背景除去
画像から背景を自動的に検出して削除します。現在は自動削除のみをサポートしており、現時点ではカスタム消去や背景の復元はできません。
背景を削除するには:
- ツールバーから背景除去を選択
- 読み込みアイコンが終了するまで待つ
- 保存をクリック
その後、背景は消えます!
画像マスキング
新しいツールにより、形状や要素を画像のマスクとして適用できます。
- ツールバーからマスクアイコンをクリック
- 任意の形状を選択するか、左側メニューでさらに形状を検索
マスクと画像は選択すると自動的に結合されます。
画像上の配置を編集するには、マスクを編集でオーバーレイされた形状を分離します。
マスクを適用で再度適用し、グループ化し直します。
形状を完全に削除するには、マスクを削除を選択します。
Googleフォントウェイトのサポート
Googleフォントのフルフォントウェイトオプション(例:Thin、Light、Regular、Bold)が利用可能になりました。
注:これはGoogleフォントでのみ利用可能です。
フォントウェイトを変更するには:
- 変更したいテキストを選択するか、テキストボックスを追加
- ツールバーのフォント名をクリック
- 左側メニューからフォントを選択
選択したフォントがGoogleフォントの場合、フォント名の下にオプションがドロップダウンで表示されます。
スタイルのコピーと適用
この機能により、フォント、サイズ、色、エフェクトなどのスタイル設定を要素間で簡単にコピー&ペーストできます。
これはテキストと形状要素の両方で機能します。
スタイルを変更するには:
- コピーしたいテキストまたは形状を選択
- ツールバーからスタイルをコピーアイコンをクリック
- 変更したいテキストにアイコンをドラッグ
1.
2.
テキストケースオプション
テキストを大文字、小文字、文頭大文字、タイトルケースなど、あらゆる種類のスタイルにすばやく変換できるようになりました。
使用方法:
- テキストボックスを追加するか、変更したいテキストを選択
- テキストケースをクリック
- お好みのテキストケースを選択
パンツール
これにより、デザイン要素を動かさずにキャンバス上をパンできます。デザインにズームインしている場合に、要素を邪魔せずにキャンバスの別の部分に移動したい場合に便利です。
- 右側メニューの手のアイコンを選択
- 手を使用してデザインを移動
- 終了したら手の選択を解除
Excel日付形式
DataSourcesで日付がシリアル番号として表示される問題を修正しました。ただし、修正を有効にするには、Excelファイルを新しいDataSourceとして再作成する必要があります。
ExcelスプレッドシートをDataSourcesとして追加する方法の詳細については、動的データマッピングの設定方法とExcelスプレッドシートをDataSourceとして追加を参照してください。
基本的なデザイナー機能
デザインに写真を追加
Designerでは、Unsplashを搭載したギャラリーからストック写真を追加するか、コンピューターまたはOptiSignsアカウントから写真をアップロードできます。
ストック写真を追加するには:
- 左側メニューから写真を選択
- 検索バーで写真を検索
- 任意の写真を選択
デバイスまたはOptiSignsアカウントから写真を追加するには:
- ツールバーから画像をクリック
- 「あなたのデバイス」または「画像アセット」を選択して、アカウントからアップロードする画像をアップロード
各種アプリのアップロード
OptiSignsライブラリから他のアプリや画像を組み込むのは簡単です。
左側メニューバーからウィジェットを選択すると、OptiSignsアカウントのアセット、アプリなどをデザインにアップロードできます。
アイコンまたはエレメント
左側メニューの「エレメント」ボタンをクリックして、デザインにアイコンやエレメントを追加できます。
1000以上のよくデザインされたアイコンを閲覧、検索、選択できます。
デザインキャンバスに配置されたら、アイコンをクリックしてエフェクトを選択することで、サイズ、色、不透明度などをさらに編集できます(記事の前半で説明したとおり)。
作成した要素をコンポーネントライブラリに追加して、将来の使用のために保存することもできます!
QRコードの追加
デザインにQRコードを追加することは、デジタルサイネージとのインタラクションを増やす優れた方法です。
当社のアプリでは、以下のような多くの目的でQRコードを作成できます:
- ソーシャルメディアへのリンク
- 視聴者をウェブサイトに誘導
- Google PlayまたはAppleストアでアプリをダウンロードするようユーザーを誘導
- SMSやWhatsAppメッセージ、またはメールを送信
- 顧客にWiFiへのアクセスを提供
- その他!
QRコードを追加するには:
- 左側メニューでQRコードをクリック
- QRコードを追加を選択
- 利用可能なオプションのいずれかを選択
- QRコードを更新を選択
以上です!
OptiSignsはデジタルサイネージソフトウェアのリーダーです。OptiSignsについて追加のご質問、ご懸念、またはフィードバックがございましたら、お気軽にサポートチーム(support@optisigns.com)までお問い合わせください。