【デザイナー厳選】バナーデザインの参考ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは！ Webデザイナーのえびちゃんです。 バナーデザインを作成していると「レイアウトが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう？」……などなど、デザインの悩みってたくさん出てきますよね。 そこで今回は、そんなあなたに現役デザイナーがおすすめするバナーデザインの参考サイトをジャンル別に分類して紹介します！ 後半では実際に効果の高かった広告バナーのデザインも紹介しているので、ぜひ参考にしてください。 「ググってわからないこと」が一瞬で解決するかも？ Webの知識を効率的に学びたい、未経験からWeb業界への転職・就職を目指している、誰かに教えてもらいたい……という方へ。LIGが運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では実践的なカリキュラムで最短6ヶ月でWe
心をつかむアイキャッチ・バナーの作り方とは？僕がデザインでこだわる5つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕はこれまでにLIGのアイキャッチ・バナーを1,000個以上作ってきました。毎日膨大なアイキャッチ・バナーを制作する中で「どうすれば、たった一枚の絵で人の心をつかむデザインを作れるのか？」ということを考えてきました。 まだ未熟な僕ではありますが、これからデザイナーを目指すかたや駆け出しデザイナーに向けて、僕が見出した人の心をつかむデザインのポイントをご紹介したいと思います。 人の心をつかむために！僕がデザインでこだわる5つのこと 1. 情報をちゃんと伝えてあげるデザイン デザインの基本ではありますが、まず最初に伝えたい情報をきちんと整理して、それが相手に伝わるために設計することが何よりも大切です。 2秒で情報を伝えきれるか なぜなら人は、広告やアイキャッチを見ると「たった2秒間でその情報が自分に関係するかどうかを判断す
デザイナーがバナー制作でお小遣い稼ぎをするための全知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ソウルドアウト株式会社のなごです。 Web制作で収入を得たい・増やしたい人にとって、バナー制作は空いた時間でサクッとできるのでおすすめです。 昨今は、クラウドソーシングによってバナー制作を外注する企業が増えてきているので、そこまで高度な技術がなくとも、5,000円～50,000円のスポット収入が得られます。 今回は、バナー制作によって、簡単にお小遣い稼ぎをするために必要な知識をすべてまとめました。社会人や学生、主婦の方など、空いた時間にお小遣い稼ぎをしたい人にも、Webデザイナーとして独り立ちするために実績を積みたい人にもおすすめです。 「成果が出る」バナーを作るには？ バナー広告の制作には、デザインスキルだけでなくWebマーケティングやコピーライティングのスキルも重要です。とくに副業や就転職を見据えてプロレベルのスキルを身に着けたい……という方は、Webの知識を総合的に学べる
バナーのCTR改善にはABテスト！実際におこなったデザインのABテスト事例をご紹介します。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、最近体調を崩して3キロほど痩せました、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 現役時の体重を下回り始めたので、嫌いな筋トレにもそろそろ挑戦しようと思います。よろしくお願いします。 さて、僕の主な業務は一眼レフカメラで撮影した写真をPhotoshopで画像合成をするグラフィックデザインで、このLIGブログ内のバナーも全てデザインしています。 バナーのデザインって結構難しいですよね。単に綺麗でもだめ、かっこいいだけでもだめ、かわいくても派手でもだめ。 「じゃあ何が重要なの？」って、そう全てはクリック率（CTR）です。もちろんバナーをクリックした後に、クライアントが求めるコンバージョンを考えますが、まずはクリックしてもらわないことにはどうにもなりません。 そこで、今回はバナーのクリック率を上げるためにLIGがおこなっているABテストについて、実例を交えて紹介したい
Datafeedr Random Ads V2でAmazon等の広告をローテーション表示 | WordPressプラグイン
当ブログでは現在、サイドバーの右上付近でお勧めの書籍の広告を張っています。 2013年2月21日現在、WordPressで加速させる！ソーシャルメディア時代の［新］SEO戦略マニュアルと、検索にガンガンヒットさせるSEOの教科書の2種類の本を紹介しているのですが、スペース的な都合もあり、2冊のうちの本のどちらかがランダムで表示されるように設定を行なっています。 また、当ブログに設置しているAdSense広告も、イメージ画像とテキスト画像のクリック率を違いを計測したり、テキスト広告の背景色等を変更した際のクリック率の変化を調べるために、ランダムでAdSenseの広告が変更されるように設定しています。 任意の位置にランダムで広告等を表示させることができるプラグインがDatafeedr Random Ads V2です。 広告に限らず、アイディア次第で様々な物をランダム表示させることが可能なプラグ
無料でHTML5を使った広告やアニメーションが直感的に作れる「Google Web Designer」ベータ版でアニメーションを作ってみました
iOSはFlashに対応していないため、これまでウェブデザインには限界がありましたが、そんなウェブデザインの幅を広げるであろう、動くHTML5広告を制作できるツール「Google Web Designer」ベータ版がGoogleから公開されました。非常に直感的に使えるツールとなっており、アニメーションやイメージギャラリーも簡単に作れるということなので、実際にアニメーションなどを作ってみました。 Google Web Designer http://www.google.com/webdesigner/ 実際に作成したアニメーションは以下のような感じです（動いていない場合はブラウザを更新して再読み込みすれば再度動きます）。 まずは「Download Web Designer Beta」をクリック。 利用規約が表示されるので、「Agree and Download」をクリックしてダウンロードを
100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 : LINE Corporation ディレクターブログ
こんにちは、ウェブサービス本部の宮澤です。私は現在、自社コンテンツ内で自社のサービスをPRするため自社広告の管理を担当しています。 NHN Japanには数多くのサービスが存在するため、常時20〜30の自社広告が運用されています。自社広告は細かく効果測定を行うことが可能なので、毎週5〜10のバナーを入れ替えながら最適化を図ったところ、コンバージョン率、クリック率など、ほぼすべての指標で広告効果が向上しました。 自社広告の掲載メディアに関しても、livedoor、livedoorニュース、livedoor Blog、NAVER まとめ、各種アプリと多岐にわたっており、今では新規ユーザー獲得のための重要施策の一つとなっています。 今回は100種類以上の自社広告を制作、運用してみてわかった、効果の高い広告クリエイティブを作るためのコツをご紹介します。 1. 笑顔 VS 泣き顔 まずはLINEの自
アニメーションするバナーをCSS3で作るチュートリアル:phpspot開発日誌
Animated Web Banners With CSS3 | Codrops アニメーションするバナーをCSS3で作るチュートリアル。 FlashみたいにアニメーションするバナーをCSS3のkeyframeで実現したデモとチュートリアルが公開されています。 近い将来、広告のクリエイティブがCSS3になっていたりして。iPhoneでFlashが動かないのでこういう動きがでてきてもおかしくないですね デモページ デモといいつつクオリティがかなりいいですね。 関連エントリ IE9にも対応したCSS3リファレンスサイト「css3files」 CSS3で実装されたボタンのサンプルやチュートリアル総まとめ CSS3のアニメーションサンプル４７
Facebookバナーの作り方
Facebookには、Facebookのコンテンツをシェアするための「Facebookバナー」というものがあります。 Facebookバナー Facebookバナーには次の種類があります。 プロフィール用バナー 写真バナー 「いいね！」バナー Facebookページ用バナー ということでFacebookバナーの作り方を紹介します。作業はFacebookにログインした状態で行ってください。 １．プロフィール用バナーを作る Facebookバナーのページにある「プロフィール用バナー」をクリック。 ページ右側にある「このバナーを編集」をクリック。 レイアウトと表示したい項目をチェックして「保存」をクリック。項目を変更すると右側のプレビューに反映されます。 「バナーが更新されました。」と表示されれば更新完了です。バナーを表示するコードは右側のBlogger/TypePad/Otherのいずれかをク
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
30 Vector Banner Freebies - Download
新着記事