バナーデザインのコツ11選！初心者が気をつけるべきポイント、ビフォーアフターも紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

はじめまして。デザイナーののっちです。 好きな業務の1つがバナー制作なのですが、最初の頃は「決められた空間に文字と画像を詰めて、さらには綺麗に見せて……」と、まるでジグソーパズルのようなあの作業にもの、すごーーく時間がかかっていました。これは新米デザイナーなら、誰でも一度は通る道だと思います。 そこで今回は、新米デザイナーが知っておきたい“美しい”バナーを“効率的”に制作するためのフローについてまとめます。 独学でつまずいていませんか？ バナーデザインの作り方を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年2月に編集部が情報を更新し

[mipumipu713]

とてもわかりやすく、参考になります！

[kgcrz2]

レイアウト部分の元ネタ。http://matome.naver.jp/odai/2135952910340236101

[shira0211tama]

抽選○名を1番推しは当たるはずない心理出るから微妙。期間限定とかプレゼント推しのがいい。商品自体は写真に語らせる…が、配置も色（彩度）も埋もれ気味。文字傾けるまでするならゴシック系統一も破れば？硬い。

[ftype]

クリック率よりCVRなんだが

[mofutofu]

新米デザイナーなのに「教える」系記事をアップしたら、ツッコミがたくさん入るよね。新人教育をクラウド化したいのかな

[saname]

バナーデザインは新米にはとても勉強になる良い教材だと思う。ただし、見た目のことを中心にしてたら、デザインしかできないデザイナーになってしまうよ。情報の順位付けをまずは徹底的に考えた方が良い

[qpquqpq]

手引書

[simuuuuuuu]

バナーの制作手順を見せてくれている。煮詰まったときに見ると頭が整理されて良い。[バナー][制作][参考]

[perl48]

「バナーデザインを教えてほしい」と言われたら、そっとこのページを差し出そう。

[kihara01r]

参考

[h-yon]

book

[mpan1016]

バナー

[hdaiphih5676]

［バナーづくり］

[aaaaa_i]

web design,banner,how to

[clea0000]

いい。

[shiro_kana]

バナーの効率的な作り方

[jed_lee]

バナー作成の参考に。今さらかもしれないが、やはり人に説明をしたり教育のシーンで考え方、取り組み方を共有する際に使えそうなのでメモ。

[e-monsoon]

バナー

[hiraoka39]

あとよみ　#バナー　#制作　#まとめ

[rizenback000]

参考になる

[kamm]

記事の元ネタhttp://nanapi.co.jp/blog/2013/10/02/make-banner-speedy/ 指摘増田http://anond.hatelabo.jp/20141101021602

[countzero00000]

気になる

[Hi32]

バナーのデザイン方法

[takc923]

やほーの話「うんうん、それで？」で終わりなの？クリックしたり待ったりしちゃったじゃねーかくそだな。

[imototakeshi]

必要。

[kana217]

バナーの話

[kirachan2014]

意外と難しいんですよね・・・

[noodlemaster]

新人デザイナーはバナー作りみたいなクソみたいな仕事、さっさと卒業した方がいい

[sixteengram]

初めにモノクロで組み立てるの参考になる