Dreamweaver/Photoshop経験者優遇。WEBデザイナー/WEBディレクター/ネットショップ店長など【WEB・モバイル業界専門の求人情報サイト】
お仕事情報カタログ ウェブタント サポタント株式会社 人材派遣サポートセンター:0120-317-133 社団法人日本人材派遣協会 / WEB広告研究会 / EC協議会賛助会 / 東京商工会議所 会員 プライバシーマーク
一般労働者派遣:(般)13-302759 / 有料職業紹介:13-ユ-302233

会社概要お問い合わせ法人のお客様へ就業中スタッフ専用ログイン
ホーム お仕事を探す スキルアップ研修 ウェブ・モバイルプチノウハウ お仕事情報メルマガ 初めての方へ
職種からお仕事情報を探す  WebディレクターWebデザイナーコーダーネットショップ運営モバイルサイトその他   今週の特集
ネットショップでのPhotoshop活用術
フォントの使い方(実践編)

マツイの担当するイーストリートベーグルズさんでは、

毎週のように、新商品のベーグルやスイーツが発売されます。



そのベーグルやスイーツを販売するために、

新しいバナーを毎週作って行くのですが



バナーの印象(商品の印象)を決めるのに、大きな役割を果たしてくれるのが、

そのバナーに使っている「フォント」なのです。





基本的に、バナーに書かれている文字は、説明の日本語の場合は別として、

英語(アルファベット)で書かれている文字は、その言葉を読んでもらうというよりも、

バナーに描かれている商品の雰囲気作りの為にあると思っています。



以前に、元気のある感じを出したいときは太字、上品な雰囲気の場合は細字と

概要でお話したかと思いますが(セミナーだったかな〜)



今回は、実践編として具体的に、お話したいと思います。



例として、「ガーリック(ニンニク)」を使った商品が発売されたとき、

マツイがフォントをどうしようかと考えたとき、



とにかく、ぱっと見たときにガーリックぽいモノなんだな〜

ということが分かるように考えます。



チョッと、難しく書くと

お客様の頭の中にある「ガーリック」というモノを印象付けるフォントで作ることになります。



簡単に書くと、

「ガーリック(garlic)」を思い浮かべる、

商品のパッケージやレストランのメニューで使われているフォントと色で作れば良い
のです。







そこで、活躍するのが、

街で売られている商品のパッケージや

YahooやGoogleの画像検索なのです。





特に、パッケージのデザインというものは、

すぐに変更可能なWEBのバナーと違って、

一旦デザインが決まると、数万単位で印刷されて、世に送り出される訳なので、

デザインが決まるまで非常に時間と候補作から選ばれて決まっていると思います。

それだけ、絞られたデザインなので「思いつきで作るデザイン」とは

比べ物にならない精度とマーケティングから生まれたデザインが採用されていると思います。※



また、そのデザインが世に出回っているということは、

お客様の頭の中にもそのデザインが認知されているので、

その形でバナーを作成することによって、お客様も認知しやすい形で出来上がると思います。



もちろん、フォント自体を持っていなくて「こんな形できない〜」という場合は、

全く同じフォントで作成する必要は、全く無いと思います。

大体・おおよそ同じフォントで作れば良いと思います。



それでも、雰囲気は伝わりやすいですし、

フォントを選ぶ基準があることで、迷っている時間のロスや

商品の特徴から外れたフォントで作成することがなくなります。







▼といった感じで作成したバナーです。

ガーリックは画像検索で見つけたパッケージから

Garlicという部分は、画像検索で見つけたパッケージのデザインに似せて作っています。





※余談ですが、宅配ピザのチラシのデザインは、

非常に良く出来ていると思います。

実際に注文するときに、あのチラシを見ながら注文することが多いと思うので、

新聞の折込やポスティングされた、他の宅配業者のチラシの中から

いかに当店のピザを食べたい気持ちにさせるかを考えていると思います。



こんな見方で宅配のチラシを見たり、女性誌に掲載されている広告や記事を見てみると面白いですよ。







それでは〜




松井@和博
有限会社フューチャーワークス
オンラインショップ様のパートナーとして、担当するオンラインショップ様の売上に応じて、成功報酬での運営、管理、コンサルティングを行う、有限会社フューチャーワークス在籍。

担当ショップ様、来店するお客様のイメージに合ったデザインを作る事を常に心掛け、WEB制作業界以外、過去5社での、製造、営業、小売での経験から商品の見せ方、デザインに限らず制作、広告、イベント等での工程管理も得意する。仕事は段取り8割がモットー。

現在、担当ショップ様2(8サイト)
過去の新規制作案件2社。

使用PhotoShopバージョン:PhotoShop6(Windows)


■連絡先
〒120-0034
東京都足立区千住3-35シルクビル3階
03-6912-8855
有限会社フューチャーワークス
http://www.future-worx.net/



同系色でまとめてみては??
基本のまとめカレンダー作り
バナーには枠線を引きましょう♪
文字を変形してみよう♪
スライスでGoGo!
文字の装飾イロイロ
大きなバナーを作るとき・・・
クイックマスクで選択範囲を作ってみよう♪(その2)
点線のイロイロ♪
グラデーションで合成♪
フォントの使い方(実践編)
画像を囲って、写真っぽくしてみよう〜
フィルター(そういえばシャープしか使っていない・・・)
管理しやすく画像を作るっ
フォント選びは簡単に〜
クリックされた先のページも考えてみよう〜
良いバナーって何??
録音して、一気にサムネイル作成。(後編)
録音して、一気にサムネイル作成。(前編)
素材からバナーを作成まで その9(パターンを作って塗り絵)
----------------------------------------------------
全ての記事を見る

ノウハウコラム
現場で使えるDreamweaver & Fireworksの
「イラストを描く前に、イラストを理解すること」をモットーに
ネットショップでのPhotoshop活用術
デジカメ商品撮影 情報満載図書館
ネットショップに役立つプログラミングを楽しく伝授
【トントンのネットショップ運営繁盛講座】
売るための"サイト構築テクニック
心を動かすお店の作り方
御社の「売り」は何ですか?
スタッフ紹介
とこみゆきの良新日記
大池めぐみブログ
佐藤麻衣子ブログ
笠原華子ブログ
橋和田智子ブログ
平岡典子ブログ
野崎朋子ブログ
高見英作ブログ
松本ひとみブログ
高橋理華ブログ
椎木美由紀ブログ
細畠牧奈ブログ
外薗聖子ブログ

スタッフコラム
ちょっと耳より♪Web/Mobileコラム

 サポタントSTAFFが、現場で感じた
 スキルUP情報を交代でお届け♪
今週のイチオシ企業様

 毎週、コーディネータの
 おすすめ企業様をご紹介します♪
大池めぐみのイチオシ企業様
佐藤麻衣子のイチオシ企業様
笠原華子のイチオシ企業様
高見英作のイチオシ企業様
椎木美由紀のイチオシ企業様
細畠牧奈のイチオシ企業様
外薗聖子のイチオシ企業様


お仕事を探す
東京神奈川埼玉千葉 大阪京都奈良兵庫 愛知静岡岐阜

スタッフ登録する
派遣スタッフエントリー 登録から契約までの流れ 派遣スタッフ登録特典

このページのトップへ

ウェブタント運営会社 サポタント株式会社 http://www.supotant.com/
ネット業界で目標実現を目指すお客様を「おブッチギリ」に「愛」たっぷりにお手伝いする【サポート担当】の会社です。
IT業界で、就職・転職を目指している方、人材を募集されている企業の人事採用(雇用)担当者さま、ネットショップを立ち上げられたい方、ネット通販を運営されている経営者の方々のお手伝いをさせていただきます!
主な事業内容
■一般労働者派遣事業:(般)13-302759  ■有料職業紹介事業:13-ユ-302233
WEBデザイナー、WEBディレクター、WEBプロデューサ、WEBマスター、ネットショップ店長・運営者、ブログ編集管理者、ソーシャルネットワーキングの制作・管理業務者、プログラマー・保守、マーケティング企画、メルマガライター、WEB系企業一般事務員など、即戦力スタッフを派遣・紹介いたします。未経験者には、技術研修を行い、スキルアップを図ります。(中途採用もあり)
<主な派遣先企業様実績 最寄り駅>
【関東】東京:銀座、新橋、有楽町、目黒、代官山、渋谷、神谷町、表参道、恵比寿、六本木、飯田橋、大森、 神奈川:横浜、新横浜、茅ヶ崎
【関西】大阪:梅田、本町、心斎橋、なんば、三ノ宮、神戸、京都
■ECサイトセミナーの企画及び運営事務局
サイト開設、売り上げUP、集客UP、SEO、SEM、PPCなど、EC業界の最新情報をお届けするセミナーを企画・運営しております。
参加団体 社団法人 日本人材派遣協会 会員 / 東京商工会議所 / Web広告研究会 / オンラインショップマスターズクラブ / NPO法人 キープラネット / 全国イーコマース協議会

 トップページ会社概要・各拠点連絡先 個人情報保護方針法人のお客様へ