新人必見！倍速かつ高品質なバナーを作るためのコツを全公開します | nanapi TechBlog

2013/10/02 8992 users nanapi TechBlog nanapi yunico

はじめに こんにちは、デザイナーのyunicoです。nanapiではタイアップ記事なども扱っているため、バナーを作る機会も多くあります。今回はわたしが実践している「倍速かつ高品質なバナーを作るためのコツ」をまとめて紹介します。 まず、貰ったワイヤーは見過ぎない 一番はじめのコツとして、貰ったワイヤーや、参考にしてと渡された別バナーなどを見過ぎないことです。そのままの構成に引っ張られ、レイアウトのア... 続きを読む

C-teamで作るバナー広告の効果がスゴすぎてひいた話 : ロケスタ社長日記

2009/04/16 1388 users ロケスタ社長日記 Webディレクター 宣伝 バナー制作 非効率

今、C-teamというサイトの開発に関わっているのですが、あまりに効果が高くてスゴイので、結構ショックだったので紹介します。 C-team 今までWebディレクターとして、バナー制作をしたり、自分のサイトのバナーを制作会社に頼んでいたりしたんですが、これがいかに非効率だったかということを思い知って反省したので、紹介してみます。 自分の関わっているサービスをスゴイスゴイ言うと宣伝くさくなるので避けて... 続きを読む

これで完璧！バナーの作り方やデザインの参考になる記事やサイトまとめ | creive【クリーブ】

2014/03/29 1195 users ターゲット ディレクター 誘導 役割 Webデザイナー

皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 バナー作成の参考になる記事 実... 続きを読む

白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ - かちびと.net

2009/11/04 1164 users net Web素材 備忘録 インスピレーション ライセンス

最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ＆シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと... 続きを読む

Web漫画　 胎界主

2006/09/20 1073 users 胎界主 web漫画 長編漫画 開設 漫画

漫画 無料作品Web漫画『胎界主』を継続更新中。 全27話の長編漫画。全頁総天然色の無料公開サイトです。 漫画作品・画像はすべて無料で立ち読みできます。オリジナルオンライン無料コミック作品。コミック内容はホラーファンタジーです。推奨解像度 1024*768以上 開設 2005年4月6日 リンクフリーです。 上のバナーをお使い下さい。 できればリンクは この頁にお願いします。 続きを読む

WEBデザインを制作する際の参考にしているWEBデザインまとめサイトをまとめました【2012年版】 | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/10 1018 users Webデザインクリップ Web制作 参考 まとめサイト 見出し

以前、「HTML5でサイトをつくろう」のブログでwebデザインをする上で普段、参考にしているまとめサイトをご紹介させていただいたのですが、見れなくなってしまったサイトなどもありましたので、今回2012年度版として優良なwebサイトを紹介しているWebデザインまとめサイト(国内・海外サイト)や見出しやナビゲーション・ボタン・バナー・制作に役立つサイトを追加分も含めてまとめました。 国内編 strai... 続きを読む

新米デザイナーは知っておきたい、“美しい”バナーを“効率的”に制作するための10のステップ | 株式会社LIG

2014/10/31 861 users 新米デザイナー 株式会社LIG ステップ

「検索サイトの『ヤホー』で調べたんですよ」 「（ああ、この人はヤフーを勘違いしているんだな。俺も昔間違えてたな）……うんうん、それで？」 はじめまして。最近デザイナーとしてLIGに仲間入りしたのっちと申します。 ニット帽と牛乳がものすごーく好きです。 牛乳については会社のウォーターサーバーから水を飲むたびに「中身、牛乳に変えてくんないかな」と半ば本気で思っています。 さて、そんな牛乳一筋25年目の... 続きを読む

３０歳無職がアメーバピグに手を出したら酷い目にあった | オモコロ特集

2011/11/15 841 users アメーバピグ オモコロ特集 酷い目 ヨッピー ３０歳無職

【オモコロ特集】は、オモコロのメインコンテンツと言える特集ページ。 休日を費やし、全力で非生産的なことに取り組んでます。 先日公開された「ホーケイスナップ」のバナーに自分の写真が思いっきり載ってて心底死にたくなったヨッピーです。 包茎手術に対して俄然やる気を見せる僕。 なんか僕、包茎の代表者みたいになってません？ まあいいけど。 そんなわけで本日はアメーバピグについての特集です！！ テレビＣＭでも... 続きを読む

高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE

2006/07/16 739 users GIGAZINE PSDファイル フォント テンプレート 同梱

通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpa... 続きを読む

2008年2月版web開発者のためのベストクリップ36個*ホームページを作る人のネタ帳

2008/05/27 643 users ネタ帳 ホームページ エントリ CSS HappyLife

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 個人的超お勧めエントリ3個 これだけは！というエントリがこれ。 ユーザーの動き。｜CSS HappyLife # ロゴクリック＝トップページに戻るという認識は殆ど無い。 # トップページに戻る場合は、ブラウザの「戻る」ボタン。 # サイドバーのバナーは、認知すらされない傾向が... 続きを読む

バナーを制作するときに参考にしたいサイトまとめ | 株式会社LIG

2013/06/18 626 users 株式会社LIG 参考 LIG サイトまとめ バリエーション

こんにちわ。ひろゆきです。 バナー宣伝記事第2弾です。 前回の記事めっちゃお得？LIGのバナー広告をあからさまに宣伝します。ではLIGバナー広告の魅力をふんだんにお伝えしましたが、今回は少し趣向を変えてバナー制作時における参考サイトをまとめつつ、バナープランもさりげなく紹介させていただく流れにしました。バナーを作り続ける上で悩みの種となるのが、バナーのバリエーションです。同じように悩んでいるバナー... 続きを読む

2016年の女性向けスマホ漫画広告を振り返る（後篇） - 自意識ドットコム

2017/01/04 507 users 後篇 自意識ドットコム オネエ 上半期 反響

2017 - 01 - 04 2016年の女性向けスマホ漫画広告を振り返る（後篇） 前篇 をアップした後、非常に沢山の反響・感想を頂いて驚いています。ありがとうございます。めちゃくちゃ緊張しています。 さて、ここからは上半期のその他のヒット＆下半期のトレンドに移ります。 ※全年齢仕様のつもりですが、前回同様、性的表現があるバナーをバンバン貼ります。苦手な方＆未成年の方はご注意を！ 上半期：「オネエ... 続きを読む

ヤフーTOPに表示されるマクドナルドのバナーをクリックしたら… Webの仕事やってる人には背筋の凍る話 - Togetterまとめ

2016/04/25 482 users 背筋 マクドナルド Togetterまとめ テストサーバー

数千万もするヤフーのTOPバナーに表示されるマクドのバナーをクリックすると、テストサーバーに飛ばされるという有り得ない事態。なにやってんだマクドナルド。 pic.twitter.com/XsXKj9o2xV 続きを読む

ASCII.jp：Webデザインが3倍速くなる！Photoshop神速テク4つ

2014/04/09 453 users ASCII.jp webデザイン 3倍 カンフ 文言

カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち... 続きを読む

デザインの知識がなくても参考になる配色パターン見本サイト12選＋α | 株式会社LIG

2014/12/14 446 users 株式会社LIG 知識 参考 ペドロ デザイン

皆さま、こんにちは。メディア事業部のまゆです。 先日、個人でやっているサイトをリニューアルしていたのですが、想像以上に配色について悩んでしまいました。 デザインの知識が皆無の私にはハードルが高すぎたようで、文字、リンク、バナー、背景などの色をベタベタ触っていたら、数時間後にはヘドロのような色彩美のサイトが誕生しました。絶望です。 そこで今回は、私のような素人でも参考になる配色見本サイトについて、用... 続きを読む

ド派手で美しいエフェクトが満載のFLASHバナー作成ツール『BannerSnack』がすごいぞ - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/01/30 380 users IDEA 美しいエフェクト 有料プラン 特殊効果 キャンペーン

ブラウザ上で簡単にFLASHバナーを作れるBannerSnackがいい感じです。文字や画像にかけられる特殊効果が豊富なので、ものの数分で「おぉ！」というバナーが作れちゃいます。 なお、無料で作ることもできますが、公開するときに「透かし」が入ってしまうのでそれを取りたい人は有料プランを使ってください（月9ドルから）。ちょっとしたキャンペーンに使うのにいいかもですよ。9ドルぐらいだったら個人でも払える... 続きを読む

失われたインターネット文化『キリ番』『バナー交換』等々これ全部理解できたら…？「懐かしすぎる」「1つも分からない」 - Togetterまとめ

2016/10/16 356 users Togetterまとめ キリ番 ttp 文末 きり

【キリ番】 主にWebページのアクセスカウンターでの「きりのいい番号」のこと。 【バナー交換】 お互いのHPにバナーを設置すること。 【ｈ抜き】 URLを掲示板に貼りつける時にあえてすぐに飛べないようにhttp://wwwの「h」を抜いてttp://www～にすること。 【検索避け】 キーワード検索やタグ検索で、検索されないようにすること。 【藁】 文末につける「（笑）」「ｗ」と同意。 【香具師（... 続きを読む

ライブドアのサーバーエンジニアさんに百式系ブログ（WordPress）の負荷対策について聞いてきた - IDEA*IDEA ～ 百式管理人のライフハックブログ

2011/02/28 330 users IDEA かわり WordPress 負荷対策 ライブドア

さて、実は先日から、ライブドアさんのご厚意で、百式系ブログを同社サービスの「EX-SCALE」にてホストしてもらうことになりました！今まで何かと不安定だったブログがこれでかなり安定するようになりました！安心して旅行に行けるようになりました！快適すぎる！なお、ホストしていただくかわりに、ライブドアさんのブログメディアまわりの活動を応援したり、ブログにバナーがついたり、という感じになりますのでよろしく... 続きを読む

シャープ、洗濯機に広告を配信できる新サービス--音声で新商品を告知

2022/08/29 324 users シャープ 告知 音声 洗濯機 スピーカー

シャープは8月28日、洗濯機を活用した広告配信サービスを開始したと発表した。洗濯機本体からの音声発話と、アプリ上のバナーを組み合わせた広告配信が可能となる。 同サービスでは、同社のAIoTクラウドサービス「COCORO WASH」に対応する洗濯機に対して、音声を用いた広告を配信できる。広告は洗濯機本体のスピーカーか... 続きを読む

最近よく見る「Cookie使用同意バナー」、実は無意味？　専門家が指摘するちぐはぐ対応

2022/07/08 324 users クッキー cookie 専門家 同意 Webサイト

Webサイトを見ると、「Cookie（クッキー）」使用への同意を確認するバナーが出てきたことはないでしょうか？　少し、うざったくも見えるこのバナー。なぜ、最近こうした表示が増えてきたのでしょうか。専門家に聞きました。 Cookie使用の同意を求めるバナーの例（電通公式サイト） そもそも、「Cookie」とは何でしょうか... 続きを読む

小さな中小企業とNPO向け情報セキュリティハンドブック[みんなでしっかりサイバーセキュリティ]

2019/04/19 316 users サイバーセキュリティ NISC 従前 中小企業 たび

概要｜PDF版｜バナー｜更新情報・最新正誤表 「小さな中小企業とNPO向け情報セキュリティハンドブック」について 内閣サイバーセキュリティセンター（NISC）では、従前より、一般国民向けに、「インターネットネットの安全・安心ハンドブック」を作成し、NISC Webサイトほかにて公開しております。 このたび、特に小規模... 続きを読む

Webデザインのアイデアに困ったら覗きたいサイト10選 | UX MILK

2016/07/18 306 users UX MILK インスピレーション webデザイン アイコン

この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1.  MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです... 続きを読む

ネット広告の種類全37種 課題別効果の出る手法一覧

2014/09/02 294 users ネット広告 ブログサイト リスティング広告 上部 自社

最近競合N社がネット広告を出稿して、売上を伸ばしているらしい・・・。 自社でもネット広告を活用したいけどよく分からない・・・ネット広告ってたまにブログサイトの上部に出てくるバナーのことでしょ？ リスティング広告？ アフィリエイト広告？ 色々種類があって分からない・・・どれを使ったらいいんだ？ こんな悩みをお持ちの方は多いのではないのでしょうか。ネット広告は集客手段であり、あなたが集めたいユーザーに... 続きを読む

リターゲティング広告の効果アップにも活かせる！？DMPの概要と活用方法。 | nex8ブログ

2017/03/08 282 users DMP リターゲティング ターゲット 精度 ランディングページ

外部データや自社データをかけあわせて活用する事で広告の精度を上げることができる「DMP」についてご紹介します。DMPの特徴、メリットやリターゲティングを例にしたDMPの活用例を説明しています。こんにちは。nex8事業部の小林です。 リターゲティング広告の費用対効果を良くするためには、配信するバナーやランディングページの改善、配信先の変更など様々な方法が考えられます。 配信するターゲットを変更するこ... 続きを読む

調べてみました！バナー別効果レポート～効果が良いのはどのサイズ？商品表示は何個がベスト？～ | nex8ブログ

2017/02/22 282 users nex8ブログ サイズ 効果 何個 バナーサイズ

今回は、Web広告の費用対効果にバナーサイズで違いはあるのか調査した結果をご紹介します。 どのサイズのバナーが効果的なのか、またダイナミックリターゲティング実施時にバナー内にいくつの商品を表示するのが効果的なのか、nex8で実際に配信した数値を基に検証しているので、是非ご一読ください！こんにちは。nex8事業部の水井です。 毎日のように目にするWeb広告、デバイスやサイトによって様々なサイズの広告... 続きを読む