11,000円(税込)以上お買い上げで送料無料

アイデアノート

デザインのアイデア
2013/10/21 2013/11/18

Vol.02 「デザインのカスタマイズについて1」

ウェブサイト上でデザイン


attaにはデザインのカスタマイズ機能が付いており、
デザイン専用のアプリケーションをお持ちでなくても
ウェブサイト上で簡単にデザインをカスタマイズできるのです。

ideanote_design_01

まずデザインのカスタマイズについて説明する前に、
事前の店舗情報の登録について説明します。


 

店舗情報を登録する


新規登録時、またはマイページにて店舗情報の入力ができます。
こちらに住所や電話番号、キャッチフレーズ、そしてロゴマークやお店の地図や写真を登録しておくことで、
選んだデザインテンプレートにその登録した情報を自動的に読み込み、
簡単にデザインのカスタマイズをスタートすることができます。


(例)キャッチフレーズの入力

ideanote_design_01


(例)ロゴマークの入力(jpeg画像またはpng画像)

ideanote_design_01

 

デザインを選んで、カスタマイズ


今回はショップカードを例に見ていきます。
「アイテム別」-「カード類」-「ショップカード シンプル 柄」のパステルピンクを選択します。

ideanote_design_01-2

続いてプレビュー画面に進むと、このように入力したキャッチコピーやロゴマークが
自動的にレイアウトされた状態で表示されます。

ideanote_design_01-2

こちらをそのまま使用して、
ご注文していただくこともできますが、
今回はデザインをカスタマイズしてみます。


 

ロゴを調節したり、文字を修正する



まず、ロゴを拡大して、真ん中に配置し直します。
マウスのカーソルで四隅をドラッグして伸ばしてください。

ideanote_design_01-2

次に、キャッチコピーの文章を編集します。
「文字編集」から文字を入力します。
ideanote_design_01-2

できました!
ロゴを真ん中に大きくレイアウトして、文字もすこし修正できました。
ideanote_design_01-2

こんな風に、attaではウェブ上でデザインのカスタマイズが簡単にできます。
まずは、イメージを掴むために、いろいろなツールを触ってみてはいかがでしょうか。

次回は、「デザインのカスタマイズについて2」です。
様々な装飾をしていきたいと思います。

関連記事

おすすめ商品