情報整理から視線誘導まで、レイアウトに関するテクニックがこれでよく分かるデザイン書 -知りたいレイアウトデザイン

2023/09/29 132 users 視線誘導 レイアウト テクニック レイアウトデザイン 図版

※本ページは、アフィリエイト広告を利用しています。 Webサイトやスマホアプリをはじめ、バナー、カード、雑誌やカタログなどで、情報を分かりやすく整理し、的確に伝えるためにもっとも重要なことはレイアウトを工夫することです。 テキストや画像、図版などのさまざまな情報の要素をどのようにデザインして配置するか... 続きを読む

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

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

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

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

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

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

JavaScriptは無し、スクロールした時にヘッダの高さを縮ませて上部に固定表示させるCSSの実装テクニック | コリス

2021/03/01 147 users コリス sticky position ヘッダ CSS

スクロールした時にヘッダの高さが縮んで上部に固定表示させるWebページを見たことがあると思います。今まではJavaScriptを使用する必要がありましたが、CSSのposition: sticky;を一工夫して使用することで簡単に実装できます。 高さを縮ませるのはヘッダに限らず、パネルやバナーなど他の要素でも簡単に実装でき、汎用... 続きを読む

フェミしてる絵描きさん、河合塾のポスターにブチギレ大魔神 - Togetter

2020/05/16 232 users pic.twitter.com Togetter 女性表象

これ見て！ 河合塾のサイトで見れるバナーなんだけど 女性表象ばっかり あれ、河合塾って女の子しか入れないんだっけ・・・？って感じ ここまでひどいのはなかなかないよ #河合塾　#女性差別 pic.twitter.com/ejU0WAT8Gc 続きを読む

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

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

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

著作権保護期間「作者の死後70年」に　青空文庫、元日に「Public Domain Locked」と嘆く - ITmedia NEWS

2019/01/04 100 users 元日 黒地 青空文庫 作者 ＴＰＰ

著作権保護期間「作者の死後70年」に　青空文庫、元日に「Public Domain Locked」と嘆く 日本の著作権保護期間が作者の死後50年から70年に延長された。青空文庫は元日、「Public Domain Locked」と書かれた黒地に赤のバナーを掲示し、保護期間延長を嘆いている。 米国を除く11カ国が参加する環太平洋連携協定（TPP）の新... 続きを読む

電通、広告バナーをAIで自動作成　1枚当たり5秒以内 - ITmedia NEWS

2018/05/23 268 users 電通 選別 人工知能 候補 自動生成ツール

電通が、AIを活用したバナーの自動生成ツール「アドバンストクリエイティブメーカー」（β版）を開発した。1枚当たり平均5秒以内でバナー候補を作成でき、クリック率が高いと推測されるものを選別、最後は人間が仕上げて完成させる。 電通グループ3社は、AI（人工知能）を活用したバナーの自動生成ツール「アドバンストクリエイティブメーカー」（β版）を開発した。短時間でバナーの候補を1000枚以上作成でき、その中... 続きを読む

モンストが語る「ユーザー復帰」マーケティング。休眠ユーザーが蘇る「オーブ訴求」バナーの威力と、7.5倍もの差が出た「静止画vs動画」のアプリ復帰率。 | アプリマーケティング研究所

2017/10/11 131 users 渡邉 威力 休眠ユーザー マーケティング モンスト

4周年を迎えた「モンスト」さんに、動画マーケティング施策について聞きました。※株式会社ミクシィ XFLAG スタジオ 渡邉 静さん（左）、平 彩七さん（右）最近の「モンスト」について教えてください。渡邉：おかげさまで「モンスト」は、2017...モンストが語る「ユーザー復帰」マーケティング。休眠ユーザーが蘇る「オーブ訴求」バナーの威力と、7.5倍もの差が出た「静止画vs動画」のアプリ復帰率。 4周... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

バナーデザインの参考になるバナーまとめサイト７選

2016/01/30 264 users バナーデザイン ターゲット クリエイター http バナー制作

限られたスペースの中でターゲットに訴求しなければならない「バナー」のデザイン 。 「つい似たようなものばかり作ってしまう」「仕上げがいまひとつピンとこない…」など、制作に悩むクリエイターの方もいるはず。今回は、そんなときに眺めたいバナーまとめサイト7つをご紹介します。 ◆バナー制作の参考になるサイト7選 ・Retrobanner http://retrobanner.net/ 6000種類以上（2... 続きを読む

ウェブデザインの文章レイアウト組みパターンを展開してみる |　バニデザノート

2015/11/15 256 users ウェブデザイン バニデザノート レイアウトパターン 配置 文章

ウェブデザインの中の、バナーやサイドメニューを抜いた、文章のレイアウトパターンを展開してみました。基本はだいたいこんな感じだとおもうので、配置に困ったら試してみてください。 続きを読む

ブラウザ上で簡単にできる！インフォグラフィックやプレゼンテーション用の魅力ある画像が作成できる無料サービス -Canva | コリス

2015/02/15 117 users コリス Facebook canva 自前 フライヤー

インフォグラフィックやプレゼンテーション用の画像、名刺、フライヤー、ブログ用の画像、バナー、FacebookやTwitter用の画像など、魅力ある画像が簡単に作成できる無料のオンラインサービスを紹介します。 作成した画像は個人でも商用でも、Webでも紙でもプロダクトでも利用できます。 Canva ※ログインした状態 画像作成用の素材は豊富に用意されていますが、自分で作成したり、自前のファイルをアッ... 続きを読む

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

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

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

InternetArchivesが懐かしのアーケードゲーム900本を無料公開、全部ブラウザで遊べるぞ！ - ねとらぼ

2014/11/04 215 users 歓喜 とらぼ たび ジャンル デジタルコンテンツ

あらゆるデジタルコンテンツをアーカイブする海外サイト「InternetArchives」が、1970～1990年代のアーケードゲーム901本を無料で公開しました。「PAC-MAN PLUS」や「STREET FIGHTERS II」といったあらゆるジャンルのゲームがブラウザ上で遊べます。 やったことのあるタイトルを見つけるたび、歓喜 遊ぶには、サイトに並んだゲームタイトルのバナーからゲームの説明ペ... 続きを読む

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

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

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

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

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

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

【バナーデザインの教科書】訴求したいイメージ別｜王道デザイン8選！

2014/09/01 134 users バナーデザイン 配色 フォント 教科書 たくさん

「どうすればこの商材の魅力を最大限に伝えるバナーができるの？」 このような悩みを持つデザイナーさんはたくさんいらっしゃると思います。よくある「バナーデザインまとめ」のようなサイトを閲覧してもイメージ別のデザイン（配色やフォント）の特徴が見えず、毎回まとめサイトを参考にしていると作業がなかなか進まず、イライラすることもあるでしょう。 そんな方のために今回は訴求したいイメージ別のバナーデザインの特徴を... 続きを読む

「SSHのバナーに天安門事件と表示すれば中国からのアタックを防げる」はガセ - work the dial

2014/07/06 254 users SSH ハニーポット ヘッダ アタック 天安門事件

2014-07-06 「SSHのバナーに天安門事件と表示すれば中国からのアタックを防げる」はガセ honeypot 天安門事件 「htmlのヘッダに!-- 天安門事件 --って書けば中国から見られない」とか「LINE乗っ取られても天安門事件って書けば追い出せる」とか言われていて、ではSSHではどうなのか。 SSHハニーポット ハニーポットというのは脆弱な環境をエミュレーションすることで攻撃者を観察... 続きを読む

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

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

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