購入を検討している人が製品の料金プランを比較し、必要な情報を一目で確認できるグラフィックを作成しましょう。

テンプレートを検索する

Adobe Stockのテンプレートフィルターを選択し、「価格比較」で検索します。

feature-comparison-chart-step1_900x506

自社製品に合わせて、コンテンツを調整する

Adobe Photoshopの横書き文字ツールを選択して、テンプレートのテキストレイヤーを編集します。

feature-comparison-chart-step2_900x506

ブランドに合うカラーに調整する

グラデーションオーバーレイ効果をダブルクリックして、グラデーションを調整した後、分岐点をダブルクリックしてコーポレートwebカラーに変更します。 

feature-comparison-chart-step3_900x506

Adobe XDにPhotoshopファイルを読み込む

ファイルメニューから「読み込み」を選択し、XDのwebデザインに直接読み込みます。

feature-comparison-chart-step4_900x506

完成

これで購入希望者は、製品についての情報を効率的に知り、判断することができます。

feature-comparison-chart-step5_900x506

Adobe Stockの厳選されたコレクションから、次回のプロジェクトに活用できる素材を見つけましょう。

03/20/2020
このページは役に立ちましたか。