2009/04/09
バナーのセンスは、こう磨く
磨いたら、力試し。 >>>> 4月20日(月)締切です。 http://www.webtant.net/contest/banner4/index.html ┌─┬────────────────────────── │第│「WEB業界」人材派遣・紹介/セミナー/WEB制作 最新情報 │１│┌─┐┌─┐┌─┐┌─┐ http://www.supotant.com/ │８││ダ├┤イ├┤サ├┤ポ│ │３│└─┘└─┘└─┘└─┘ 2009/04/09(木)配信 │号│ 「大」いなるビジネスの野望を「サポ」ート └─┴────────────────────────── こんにちは、サポタントの橋和田です。 いつもダイサポをお読みいただき、ありがとうございます。 webサイトの印象を、大きく左右するバナー。 センスのよいバナーとはいったいどんなものでしょう？ 『自分にはデザインセンスがないから向いてない。。』 なんて嘆かないでくださいね・・・！ バナーのセンスは、今からでも磨けます♪ それでは、ダイサポ183号スタートです。 ■┓━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┗┛バナーのセンスは、こう磨く └──────────────────────────── サポタントの人材派遣に登録に来られた方には、 面談後、課題を提出いただいて、添削指導も行っています。 その中に、「バナー制作」課題もあって、 素材や、配置されるwebサイトの全体図など、 最低限、共通のお題を指定をして あとは自由に制作していただいているのですが。。 それが本当に十人十色。百人百色？？！ 毎日のようにいろんなバナーを見ていると、 パッとみて、 ああ・・ちょっと残念。。。 と、思うパターンとその解決策が見えてきました。 今回は中でも、バナー作りのベースとなる部分を ご紹介いたします。 残念なポイントをしっかり掴んでおいて、 あとはそのパターンに陥らなければ、 実は、 センスのいいバナー作りは、カンタンです♪ ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ 残念バナーの３大パターンは以下の通りです。 (1) 画像処理がザツ --------------------------- (2) 配色バランスが悪い --------------------------- (3) キャッチコピーが弱い --------------------------- これらの解決法は、次のコラムで！ ■┓━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┗┛ step1 ザツな画像処理をきれいにする方法 └──────────────────────────── 文字や画像のフチがガビガビしているバナーは、 一瞬で気持ちが冷めてしまいます。 もう少し高画質で保存するか、装飾を少し工夫すると、 俄然プロっぽい仕上がりに！ 文字装飾については、 姉妹サイトのウェブタント（Photoshop活用術コラム） でも詳しくご紹介しています♪ ▼下記は主に文字装飾方法 http://www.webtant.net/a2-blogD-bid-1203.htm http://www.webtant.net/a2-blogD-bid-1137.htm http://www.webtant.net/a2-blogD-bid-1531.htm http://www.webtant.net/a2-blogD-bid-1938.htm └──────────────────────────── ■┓━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┗┛ step2 配色バランスをよくする考え方 └──────────────────────────── 自分の好みだけでチョイスしたり、 色をやたらと使いすぎるのも、NG。 サイト全体図にマッチすることを想定して、 配色はサイト全体でなるべく3色以上使わない方がベターです。 メインカラー(70%)、サブカラー(20%) アクセントカラー(10%)の割合だと 構築しやすいといわれています。 ＊フォントも同様に、 あまり複数の種類を使わず統一するほうがよいですね。 └──────────────────────────── ■┓━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┗┛ step3 キャッチコピーを魅力的にするヒント └──────────────────────────── つい、クリックしたくなるキャッチコピーというのは バナーに限らず、永遠のテーマにも思えますが。。 考え方は同じ！ まずは設定されるお客さまが 好んで読んでいそうな雑誌から、ヒントをもらいましょう！ ▼雑誌ネットさん 中吊りやあらゆる雑誌のキャッチコピーを閲覧できスゴク便利！ http://www.zassi.net/ また、割引価格がウリならば、その前後価格をアピールしたり、 「ここをクリック」なんていう、ズバリな表現も、 パッと見てストレートに伝わるひと工夫になりますね。 ＠ ＠ ＠ ここまで、残念ポイントの紹介をしましたが、 結局、添削時にイチバン多くアドバイスする言葉は・・！ ＞＞＞ 量稽古しましょう ＜＜＜ に尽きます。 ステキバナーのセンスを磨く、一番の近道は、 まずは時間を作って参考にしたいサイト（バナー）を を見つけること。 そして、まったく同じものを複製してみる練習です。 キャッチのセンスや、フォント使い、空間使い、 すべてにおいて、コツがみえてきます。 ぜひぜひ、お時間作って量稽古を積んでみましょう！ 練習成果の評価が得られる♪・・バナーコンテスト開催中 http://www.webtant.net/contest/banner4/index.html └──────────────────────────── ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ >> メルマガ読者【割引】あり！リアル研修 開催中♪ ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ ┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐ │セ├┤ミ├┤ナ├┤ー├┤ラ├┤ン├┤キ├┤ン├┤グ│ └─┘└─┘└─┘└─┘└─┘└─┘└─┘└─┘└─┘ ↑【１】新講座＊Flashから１歩進んでActionScript（東京） http://www.webtant.net/system/tool/seminarDetail.php?ms_id=246&unq=KI1238827346NK ↑【２】SEM講座〜ネットショップのために特化しました（東京） http://www.webtant.net/system/tool/seminarDetail.php?ms_id=247&unq=XQ1238827346GA ↑【３】やっぱり基礎です。Dreamweaver（入門・基本）（大阪） http://www.webtant.net/system/tool/seminarDetail.php?ms_id=254&unq=GF1238827346YV ┌――――――――――――――――――――――――――――┐ ├○ セミナー現場レポートも発信中 −−>>>>>>> │ ├○ ▼リアル講座当日の様子を、担当者がレポートします！ │ http://www.webtant.net/a2-blogD-stid-64.htm ├○ ▼参加者のアツい声はこちら♪ │ http://www.webtant.net/a2-blogD-stid-40.htm └――――――――――――――――――――――――――――┘ 研修スケジュール一覧はこちらです。 http://www.webtant.net/seminar/index.html └──────────────────────────── ■┓━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┗┛ちょットコ：WEBのデザインセンスを磨くとっておきの技 └──────────────────────────── トコです。 一般派遣や人材紹介でWEBデザイナーを志望する人は 本当に多いです。 その実力を見せていただくために サポタントでは、面接日から原則3日間以内に 制作課題を提出していただきます。 WEBデザイナー志望の場合は、 サイトを作っていただくのですが、 そのサイトを提出していただければ、 申告された実力が相応だったか、そうでなかったかが はっきりとわかります。 ひとことで言えばセンスがちょっと、、 ということにもなりますが、 もっと考えれば、圧倒的に見ているサイトの数が少ないところから 「あちゃー。。」というような色を使ったり、 レイアウト構成にしているように思います。 センスをアップするために カラーコーディネートの勉強をしたり CSSのような技術的なことを勉強することも大切です。 でも、そんなことよりもまず、 沢山の売れているサイト、人気サイトの デザインを見て、 色や配置を研究して、、 というデザインだけにとどまらないアクションの方が センスアップの一番の近道になるように思っているのは 私だけでしょうか。。。 ▼このコーナーへのコメントはこちらへお願いします。 Eメール： letter@supotant.com └──────────────────────────── ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ >> トコが独断と偏見で決める！今回のイチオシ本 ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ ▼タイトル：息を吸って吐くように目標達成できる本 http://www.amazon.co.jp/gp/product/4591104281/staffhaken-22/ ▼著者： 和田 裕美さん ▼価格： 1,155円 ▼オススメコメント： 最近、仕事上でいろいろなトラブルに見舞われている方に とてもおすすめで素敵な本です。 鎧のように心が固くなってしまっている皆さん。 心のパジャマに着替えさせてくれるような本です。 眠る前に読むととてもリラックスできます。 └──────────────────────────── ■┓━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┗┛橋和田の編集後記： └──────────────────────────── 橋和田です。 課題の添削指導係をしていると、 この人の前職は、きっと制作会社に違いない。 ・・とわかる人が結構います。 ぼかしの具合や、バックに「斜線」を入れる感じなど 制作会社で作るバナーは、 案外パターンができているのかも知れません。 それはそれで、ライバル会社の作品をみて 量稽古を積んだ結果なのかも・・＾＾？ パッとみて印象に残る、とっても気になるバナーって、 理路整然とした中にも、なにかオリジナリティのある、 あたたかみのあるものが、 ビビビ っと、ステキに感じる今日この頃です。 楽しくチカラ試しをしながら、賞金ゲットも夢ではない、 バナーコンテストを開催していますので、 この機会に、ぜひ♪ ご参加お待ちしています。 http://www.webtant.net/contest/banner4/index.html 【おまけ】これはツカエル♪参考サイト。 配色辞典 http://www.gihyo.co.jp/book/2001/234011/download/haishoku/ カラー配色辞典 http://fkm.sakura.ne.jp/ 色の組み合わせ検証 http://www.kanzaki.com/docs/html/color-check 商用利用可能な写真素材サイトいろいろ http://www.designwalker.com/2008/12/free-stock.html フリーフォント最前線 http://www.akibatec.net/freefont/index.html このコーナーへのコメントはこちらへお願いします。 Eメール： letter@supotant.com └──────────────────────────── ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ >>WEB業界専門の人材派遣！お気軽にお問合せ下さい！ ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ ┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐ │ス├┤タ├┤ッ├┤フ├┤の├┤ご├┤要├┤望│ └─┘└─┘└─┘└─┘└─┘└─┘└─┘└─┘ WEB/モバイルサイト運営＆制作スタッフ不足で お困りではありませんか？ 一般派遣に加え、直接雇用を希望するスタッフの登録も 増えています。 週2〜3からの派遣も可能ですので、 スタッフをお探しならぜひお問合せくださいませ。 ┌──────────────┐ │こんなスタッフが増えてます♪│2009年4月 スタッフ状況 ┴──────────────┴───────────── 【 関東の企業様へ 】 【コメント】 登録スタッフが増えています！ ご依頼いただければ早い段階でご紹介が進められそうです。 ぜひお問い合わせください。 【 関西・東海の企業様へ 】 ネットショップの運営経験があるスタッフが増えています。 ───────────────────────────── ご成約するまでは無料。お気軽にご相談ください。 ▼Eメール：haken@supotant.com ▼フリーダイヤル： 0120-31-7133（東京） 0120-14-2667（大阪・名古屋） ▼営業担当 東京 ： 佐藤・笠原・高見・菅原 大阪・名古屋： 大池・外薗 └──────────────────────────── ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ >>今すぐWEB業界で働きたい方へ！ ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ ┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐ │緊├┤急├┤募├┤集├┤の├┤お├┤仕├┤事├┤！│ └─┘└─┘└─┘└─┘└─┘└─┘└─┘└─┘└─┘ ┌─┐ │01│【登録場所】東京 【最寄駅】御成門駅徒歩1分 └─┘ 【職種】一般事務スタッフ 【お仕事内容】 ギフトカタログショッピング、 ネットショッピングで有名な大手企業さまです。 受注対応や営業事務をしてくださる方を急募しています。 WEB業界に入りたい、お客様対応を極めたい。 商品卸しの知識やギフト雑貨商材に興味のある方大歓迎です♪ ＊伝票処理/カスタマーサポート/受注対応 【就業曜日】 月/火/水/木/金 【定時(予定)】 09:00〜17:00 ▼詳細・応募はこちら▼ http://www.webtant.net/a2-jobD-jbid-852.htm ---------------------------------------------------- ┌─┐ │02│【登録場所】大阪 【最寄駅】三ノ宮 └─┘ 【職種】WEBデザイナー 【お仕事内容】 カタログ、WEBサイト、モバイルサイトの修正、 画像加工(色調整、切り抜き)業務。 幅広く業務経験を積みたい方にお勧めします。 デザイン力必要。紙媒体の経験者優遇 ＊webデザイン/商品登録/ページ更新/バナー制作/ 受注対応/カスタマーサポート/写真撮影 【就業曜日】 月/火/水/木/金 【定時(予定)】 10:30〜19:30 ▼詳細・応募はこちら▼ http://www.webtant.net/a2-jobD-jbid-857.htm ---------------------------------------------------- ┌─┐ │03│【登録場所】名古屋 【最寄駅】野並 └─┘ 【職種】WEBデザイナー （週2-3日就業） 【お仕事内容】 現在の自社サイトをFlashスキルを活用し、 どんどん変えていって頂ける方。 WEBデザイナーの方がいらっしゃるので、 一緒にスキルを上げていける職場です。 指示が明確ですので、やりがいを持って就業頂けます。 ＊webデザイン/バナー制作 【就業曜日】 応相談 【定時(予定)】 11:00〜18:00 ▼詳細・応募はこちら▼ http://www.webtant.net/a2-jobD-jbid-784.htm ▼求人応募はメールでご連絡ください Eメール： haken@supotant.com (担当から連絡します) └────────────────────────── ◇2009年4月開催「イチオシ」Webセミナー（東京） │ ＊初開催！ActionScript └>> http://www.webtant.net/system/tool/seminarDetail.php?ms_id=246&unq=KI1238827346NK ◇WEB・モバイル業界お仕事情報メルマガ │「ウェブタント通信」も、元気に配信中！（隔週木曜配信） └>> https://ssl.webtant.net/mailmagazine.html ┌───────────────────────────── │○当メールマガジンは等幅フォント(例：Macintoshの場合Osaka- │ 等幅、Windowsの場合MSゴシック)で見やすく作成しています。 │---------------------------------------------------------- │○アドレス変更・配信停止はこちらからできます │ https://www.supotant.com/mailmagazine.html │---------------------------------------------------------- │○全文・一部文章を転載される場合は次の条件をお守りください。 │ ・サイトURLと署名行を併記 │───────────────────────────── │○発行＆運営：サポタント株式会社 │ (URL) http://www.supotant.com/ │ http://www.staffhaken.com/ │ http://www.webtant.net/ │ │ 一般労働者派遣許可番号：(般)13-302759 │ 有料職業紹介事業許可番号：13-ユ-302233 │ │ プライバシーマーク：17000123(02) │ │ 編集長：床 美幸 │ 編集者：大池・笠原・橋和田・佐藤・平岡・野崎 │ 高見・高橋・外薗・岡本・菅原 └─────────────────────────────
