Home » 入門講座 » ECサイト向けのデザインツール。わずか4ステップで完成!

ECサイト向けのデザインツール。わずか4ステップで完成!

非デザイナーのための最高のグラフィックデザインツール

Vivipicは、ECサイトのデザインを作成するために開発されたオンライングラフィックデザインツールです。季節や商材に合わせて、デザインテンプレートが選べます。お正月やバレンタイン、お花見、入学式、夏休み、クリスマスなどのイベントの他、季節や商材に応じたデザインが毎月追加されていきます。気に入ったテンプレートが見つかれば、ワンクリックするだけで完成します。

Vivipicの登録方法
アカウントはメールアドレスだけでなく、FacebookやGoogleのアカウントを使用することもできます。
まずは無料会員登録をしましょう!https://vivipic.com/jp/

デザインを作成

各種ソーシャルメディアプラットフォームのサイズに合わせて適切なサイズを選びます。

Vivipicのテンプレートには、Facebookの投稿(1080 x 1080)、Facebookカバー写真(1230 x 693)、Instagramの投稿(1080 x 1080)、Instagramストーリー(1080 x 1920)、LINEリッチメッセージ(1040 x1040)など、ECサイトでよく使われるおすすめの画面サイズが用意されています。自分の指定したカスタムサイズでデザインを制作することもできます。

「Facebookの投稿」が例として挙げられます。

たったの4ステップでデザイン作成

1.編集画面に進んで、お気に入りのテンプレートを選ぼう
画面をスワイプ、またはキーワードを使用すると、用途に応じたテンプレートを探すことができます。赤ちゃんやレストラン、レッスン、お正月などの豊富なデザインテンプレートを揃えました。

2.画像、素材、背景、テキストなどについてカスタムオブジェクトでできること
(1)画像
キーワードを入力して、欲しい画像を検索することができます。ストックフォトが商用利用であっても全て無料で利用可能です。テンプレートを利用して、画像を入れ替えることで、画像編集することができます。

・右側の「整列」をクリックすれば、中央揃え、下揃え、上揃えなど、好みの整列スタイルを適用することができます。
・右側の「切り取り」をクリックすれば、画像の四隅をドラッグすることで画像をトリミングすることができます。
・右側の「反転」をクリックすれば、画像の左右または上下を反転することができます。
・右側の「調整」をクリックすれば、画像全体の明るさ、コントラスト、鮮やかさのバランスを調整することができます。

(2)背景&素材を探そう

二つとも検索ボックスには、検索したいキーワードを入力して見つけることができます。

(3)フォント

使用可能な見出しタイプから選択して、デザインにテキストボックスを追加します。多くの文字ステッカーも用意されます。ECサイト運営に役立つ!

テンプレートに使われている文字をクリックすると、「テキスト設定」が画面左側に表示されます。フォント、サイズ、色、配置などを変更したり、効果を追加したりできます。多くの日本語のフリーフォントに対応しているので、あまり心配する必要がありません。

3.自分の画像をアップロードして追加する
画像をアップロードするか、直接ドラッグでアップすることもできます。

4.デザインをダウンロード

画像の形式(PNGまたはJPEG形式)やサイズを選択してダウンロードすることです。