タグ

バナーとWEBデザインに関するajinorichanのブックマーク (18)

  • SNS広告のバナーに特化したデザインギャラリー | Banner.modulesss

    2022年最新】SNS広告(Twitter・Instagram・Facebook)のバナーを中心に集めたバナーデザインのギャラリーサイトです。バナーデザイン、広告運用、Webデザインなどの参考にぜひ!

    SNS広告のバナーに特化したデザインギャラリー | Banner.modulesss
  • 広告バナーをデザイン論で語らずに「ビジネス思考」を学んでみよう!|川端康介

    以前Twitterで投稿した内容を少し深掘りし、バナーがどれほどの経済効果を生んでいるのかを解説したいと思う。 ご注意 : 登場する数値は「実数値ではなく編集した目安」の数値です。弊社顧客の数値とは関係ありません。 はじめにTwitterではクリック率とCV数(購入数)を書きましたが、そこから掘り下げて広告に対しての費用対効果まで考えてみます。 ・数は獲れるが赤字になる ・効率は良いが数が足りない この2点は「目標数値からの逆算」をしながらバランスをとるしかありません。1ヶ月間の目標のために週の目標とタスクを決め、最適解を探し、その積み重ねが事業の年間目標の達成に繋がると考えています。 どんなバナー作った?1 化粧品を持っているだけの「手に持っただけバナー」 トリミングしただけなので作業時間は5分ほど 2 綺麗なイメージカットや価格/コピーも入れた「バナーっぽいバナー」 構図と配置バランス

    広告バナーをデザイン論で語らずに「ビジネス思考」を学んでみよう!|川端康介
  • 無料でアニメーションバナーも作れる超有能ツール!Google Web Designerの基本|アナグラム株式会社

    皆さんはバナー作成の際、どのようなツールを使用していますか?PhotoshopやIllustrator等の有料のグラフィックデザインソフトは、社内に導入していないケースやデザインの技術がなく利用していない人も多いのではないでしょうか。 フリー素材サイトでダウンロードした画像をリサイズし入稿するのも良いですが、テキストを一文加えるだけで印象が変わり、アニメーションを加えることで広告をより目立たせることができます。 2016年6月にFlash形式のディスプレイ広告がGoogle アドワーズへアップロードできなくなり、2017年1月以降Flash形式のディスプレイ広告が廃止されました。Flash形式と同じく動きのある広告は、HTML5広告を利用することが推奨されています。Google Web Designerでは工数もかけずにGoogle ディスプレイネットワークキャンペーン向けのHTML5広告

    無料でアニメーションバナーも作れる超有能ツール!Google Web Designerの基本|アナグラム株式会社
  • デザイナーが他のデザイナーのバナーをブラッシュアップする「バナーデザインくるくる会」をやりました | デザイナーのイラストノート

    @ misumi_takuma さんがTwitterで「よくあるデザインのBefore/Afterは、最初からBeforeのクオリティが低く感じる、デザイナーが作ったものをBeforeにするとどうなるのか」という話をしていて、デザイナーが作ったものを交換してデザインをブラッシュアップしていく「バナーデザインくるくる会」というのをやりました。 制作のお題準備 今回作成するバナーは、よくあるサイトのトップページに大きく表示されるバナーです。バナーは「この先の情報を読んでほしい」という目的がはっきりしているので、こういったお題には向いています。しかしこの情報とバナーの作成要件だけではデザインはできません。そこで各お題には 「トーン&マナーの参考サイト」 を1サイトずつ用意しました。ターゲット層と、色やフォントを選ぶ際の参考にします。 制作手順 お題と使用する写真は当日配布 制作はPhotosho

  • デザインを舐めていた新卒デザイナーがバナーを150本つくってわかったこと | mercan (メルカン)

    こんにちは!16新卒デザイナーの末安です。 実はわたし、昨年の春にメルカリが新卒採用を始めたことをたまたまSNSで知り、最初は興味位で応募しました。面接を重ねるごとに、日発で海外を獲りにいく、というチャレンジングな環境の中にとびこみたい、という気持ちが強くなり、メルカリへの入社を決め、今に至ります。 (応募時に提出したのはポートフォリオだけです) 4月から半年間にわたって行われていた新卒研修が9月末に終わりました。 今回は、入社してから半年間、携わる機会が多かったバナーのデザインについてお話します。 (記事中ではバナーの話にしか触れませんが、もちろん、並行してサービスに関わるデザインも多く行っています!) (半年間お世話になったメンターのお2人と) バナーのデザインは物足りない? わたしは学生時代、いくつかのサービスのデザインに携わり、全てを任されるという経験をしてきました。 しかし、

    デザインを舐めていた新卒デザイナーがバナーを150本つくってわかったこと | mercan (メルカン)
  • バナーデザイン制作を学ぶ初心者に役立つサイトや良質な記事まとめ【作り方から仕事まで】 - Life is colourful.

    ここでは、バナー制作の副業に関する情報をまとめています。バナー作成の仕事探しから、おすすめや参考サイト、そして実際のバナーの作り方の実例まで解説しているので、初心者の人でも読める内容です。 ● ● ● バナー制作(インターネット広告)ができれば、ネット上で仕事をもらって簡単に副業できる。仕事の依頼をくれるクラウドソーシングや広告業者はたくさんある。(詳しくは後述) バナー作成は、ホームページデザインより時間がかからない。慣れてくれば11時間弱で作れてしまう。自宅でできて、スキマ時間を有効活用できるというメリットが大きく、主婦でもバナー作成を習いはじめる人は増えている。人気のある副業だ。 実際に僕もWebデザインを始めた頃は、バナー制作の仕事を大量に請けて実績を積んでいた。おそらく1年で2,000個以上のバナーデザインは作成したと思う。いい練習になった。 初期の頃に作っていたバナーはこん

    バナーデザイン制作を学ぶ初心者に役立つサイトや良質な記事まとめ【作り方から仕事まで】 - Life is colourful.
  • バナーデザインの制作フローやレイアウト、参考になるエントリー・デザインギャラリーをまとめてみました - NxWorld

    バナーデザインは決められた領域内でどれだけユーザーやターゲットの目にとまるようなデザインにできるかが重要になってきます。 デザイン制作したことあるなら一度は経験したことあると思いますが、領域が決められているけどその中でしっかり伝えたい内容を目立たせる必要があるので、何度もレイアウトを調整したり、結局時間をかけて完成してもいまいちな出来になってしまったりなんてことも...。 そこで今回は、バナーデザインをするにあたって覚えておきたいレイアウトやデザインパターンをはじめ、効率良く制作していくことができる制作フロー、特に新米デザイナーさんなどには非常に参考になると思うので是非目を通して欲しいエントリー、インスピレーションをもらえるバナー関連のデザインギャラリーといった、バナーデザインの制作に関連することをまとめてみました。 バナーデザインの制作フロー 後ほど紹介するエントリーでこのような内容に関

    バナーデザインの制作フローやレイアウト、参考になるエントリー・デザインギャラリーをまとめてみました - NxWorld
  • ヘッダー、見出し、フッターデザインをパーツ別に見られる見本サイトとデザイン参考サイトまとめ | 成果に導くホームページ制作ならウィズスタイル

    ヘッダー、見出し(h1,h2)フッターデザインをパーツ別に見られるサイトとデザイン参考サイトまとめ 今回は、ヘッダー、見出し(h1,h2など)フッターデザインをパーツ別に見られるサイトとデザイン参考サイトのまとめを作りました。 ブブンデザインアーカイブ http://bubundesignarchive.jp/ ヘッダ、見出し、グローバルナビ、サイドメニュー、バナー、リンク、パンくず、問い合わせボタン、フォーム、フッターなど、「部分別」にアーカイブされているのでパーツ別に参考にしたいときにはもってこいのサイトです。地図、テーブルなど21パターンのカテゴリから選ぶことが出来ます。 また、業界別のカテゴリからも選択できるので、テイストを合わせて探したいときにもお勧めです。 Croppy http://croppy.org/ ボタン、見出し、ヘッダー、フッター、バナー、ロゴ、グローバルナビ、サイ

    ヘッダー、見出し、フッターデザインをパーツ別に見られる見本サイトとデザイン参考サイトまとめ | 成果に導くホームページ制作ならウィズスタイル
  • 【バナーデザインの教科書】訴求したいイメージ別|王道デザイン8選! | LISKUL

    「どうすればこの商材の魅力を最大限に伝えるバナーができるの?」 このような悩みを持つデザイナーさんはたくさんいらっしゃると思います。 よくある「バナーデザインまとめ」のようなサイトを閲覧してもイメージ別のデザイン(配色やフォント)の特徴が見えず、毎回まとめサイトを参考にしていると作業がなかなか進まず、イライラすることもあるでしょう。 そんな方のために今回は訴求したいイメージ別のバナーデザインの特徴をお教えます。 「安心感や信頼感」「誠実さ」「かわいい」「お得感」「先進性」など訴求したいイメージごとに最適なフォントや配色、その他の特徴をまとめて紹介していますので、ご自身が制作したいバナーのイメージに合わせてご覧下さい。 コンバージョンする!高品質なバナー作成方法 【はじめに】デザインイメージ図今回は日カラーデザイン研究所の配色イメージスケール図をベースとしてイメージ別のバナーデザインをまと

    【バナーデザインの教科書】訴求したいイメージ別|王道デザイン8選! | LISKUL
  • 本格バナー制作で学ぶGoogle Web Designerの使い方 (1/4)

    Google Web Designerの基からアニメーションの作成までを学ぶ連載。第3回では、Google Web Designerを使って実際の業務を想定したクリエイティブバナーを作成します。 基操作については前回の記事で解説しましたので、今回は主にアニメーションモードの詳しい使い方を中心に学びましょう。 Google Web Designerで実際にクリエイティブバナーを作成しよう 今回作成するのは、次の2つのバナーです。 1つ目は、「クイック」アニメーションモードで制作した不動産会社のバナーで、夜景の写真が横にスライドするシンプルなものです。2つ目は、「詳細」アニメーションモードで制作したカフェのバナーで、スライドとフェードを組み合わせて、複数ページを切り替えます。 「クイック」アニメーションモードで作る不動産会社のバナー 最初に、背景が横方向に流れるような動きのバナーを作りまし

    本格バナー制作で学ぶGoogle Web Designerの使い方 (1/4)
  • 【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ

    皆さんは、満足したバナーが作れていますか? バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD

    【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
  • バナーレイアウト20選

    効果が出るバナーのレイアウトには一定のパターンがあります。 今回は成果を出せるバナーのテンプレートを20種、広告代理店でバナーを作成している私が作ってみました。 バナーのレイアウトでお悩みの方も、そうでない方も、イメージを膨らませたり、いざという時のためにストックしたり、自由に活用して頂ければと思います。 【eBook】コンバージョンする効果の高いバナーの作成方法 悩んだらまずは最強のベーシック型コピー・訴求文・写真などをバランス良く盛り込み、情報量が多いレイアウト。バナーの時点で多くの情報を伝えられるため、飛び先との整合性が高いことが特徴です。しかし珍しさやインパクトにかけるので、似たようなバナーにまぎれると埋もれてしまう恐れがあります。 ベーシック型バナーレイアウトベーシック型バナーサンプル ベーシックに負けない3つの王道レイアウト同じバナーを出し続けているとユーザはマンネリを感じてし

    バナーレイアウト20選
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • ScaleOut | Supership

    2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 件に関する詳細は、プレスリリースをご確認ください。

    ScaleOut | Supership
  • http://nh-lab.com/banner_design_idea/

    http://nh-lab.com/banner_design_idea/
  • ScaleOut | Supership

    2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 件に関する詳細は、プレスリリースをご確認ください。

    ScaleOut | Supership
  • WEB制作の参考に。バナー作成のちょっとしたコツ : ニュースタイル

    いろんなウェブ広告がありますが、まだまだバナーは主流のひとつです。WEBデザイナーはもちろん、企業サイト担当者などバナーに関して悩むことは多いです。バナー引用元リンク:クリックされるバナー広告を学ぼう!C-teamから学ぶバナー作成術 ブログ名:カッシーのWEBる。

    WEB制作の参考に。バナー作成のちょっとしたコツ : ニュースタイル
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • 1