【第1回】未経験でも大丈夫!Webデザイナー志望の方へデザインノウハウをアウトプットします!




こんにちは。coffeebreakの中の人です。
最近twitterでデザインノウハウのアウトプットをはじめました。

なぜかというと、

coffeebreakがもうすぐ1周年をむかえるのですが、デザインノウハウを記事にまとめてアウトプットしているといつのまにか自分自身の制作スキルが研ぎすまされたというか変わってきたのを実感しているのです。

デザインノウハウのアウトプットは自分にとってもプラスになると実感したので、これからはもう少し幅を広げてSNSも活用した形でデザインノウハウのアウトプットをしよう思いました。

twitterを活用してデザインノウハウをアウトプットする

twitterではサイト構築、ランディングページ(LP)、バナー、映像のデザインノウハウを探してきてツイートしていきます。
中にはcoffeebreakの記事もツイートしていて、それを含め定期的に集計し拡散に繋がった記事をcofeebreakでまとめていきます。
ざっくりいうと、「質の良い外部記事(私も経験した事を含む)を定期的にまとめて記事にします」という事です。
※自分の記事の質もガチで評価されるので、ライティング力も上達すればと一石二鳥を狙ってます。

ということで、第1回目のはじまりです。
最初は堅苦しい感じですがヘタクそなアウトプットに末永くおつきあいくだされば幸いです。

フォロワーが良いと評価したデザインノウハウの紹介

広告用バナー、こうやって考えてつくってリサイズしてます(実演付)


広告用バナー、こうやって考えてつくってリサイズしてます(実演付)

概要
フォトショップの画面をキャプチャしてバナーリサイズ方法を公開した記事。
リサイズは素材の拡大縮小を行うのでスマートオブジェクトを推奨しています。
スマートオブジェクトに変換する事で素材の画質が維持できるのでリサイズには最適ですよね。

バナーを短時間で効率よく量産する時のポイント

概要
バナー制作フローをテキスト文字段階から完成まで丁寧に紹介しています。
効率化を計るためのテンプレートの紹介や、見栄えを良くするためのモノクロで視認性を確認するといったすぐにでも活用できるノウハウを紹介しています。

評価されたデザインノウハウについて

記事を見た方は将来ウェブデザイナーになりたい、ウェブデザイナーへ転職したいというニーズがあり、ご自身の学びの為に情報収集をして勉強しているのではと考えています。なので広告・マーケティング的な記事よりバナーデザインの制作方法やコツといったニーズに合った記事が評価されたのでしょう。

同じ期間中にツイートした残りのデザインノウハウ記事の紹介

ご自身にプラスになりそうな記事があれば覗いてみてください。
皆さんの技術向上につながればと思います。

【化粧品・コスメ】乾燥肌訴求のランディングページ(LP)デザイン5選
・乾燥訴求を調べたら紐付く訴求が見えてきた。

【悪用厳禁!】バナーデザイン|CTRを高める為の心理学14選+事例/Build up
・ダブルサイズから説明してたら親切なのに。でも、おさえておくサイズはまとまってるので便利な記事です。

これは便利!スマホ広告のバナーサイズ、表示位置、呼び方まとめ【保存版】
ダブルサイズから説明してたら親切なのに。でも、おさえておくサイズはまとまってるので便利な記事です。

大量にバナーを作成して見えてきたバナー作成のコツとデザインのポイント。
・構成が作れる人と作れない人の違いはこれですね。構成を分解して再構成してるのはデザイン展開に役立つ。

クリック率が飛躍的に増加するバナー広告の9つの構成とデザイン
・構成が作れる人と作れない人の違いはこれですね。構成を分解して再構成してるのはデザイン展開に役立つ。

【年齢層別・乾燥肌】化粧品・コスメのランディングページ(LP)デザイン5選
・アラサーとアラフォーの違い。乾燥は気にしてるけど、年齢層が上がればそれ以上に気にする悩みがあるみたい。

思わずクリックしたくなるバナー広告をデザインするための14のヒント
・11個のヒントが自分でも意識してる事だった。

イケてるバナーをデザインするための「3つの秘訣」
・イケてるファション系バナーのデザイン構成をまとめてる。ありがたい。

デザイナー視点で見る!イケてるバナーとトホホなバナー~これはトホホ編~
・紹介してるバナーをうまく配信すると案外役立つかもしれないと思うのは私だけだろうか?

デザインクオリティが左右する!クリックされる「バナー広告」の秘密。
・大手広告代理店のトップデザイナーが語るクリックされるバナーデザイン。指標ではなく、デザイン理論で効果改善させるクリエイティブを紹介した非常にレアな記事。勉強になります。

伝わりやすいバナーをデザインする10のポイント(文字の組み方編) : ビジネスとIT活用に役立つ情報
・何故あのバナーデザインが良くできてるか?それが文字組みノウハウでわかる記事。

新米デザイナー必見!バナーデザインを効率的に美しくする10のステップ
・バナーデザインのノウハウがある人とない人の違いがわかる記事。

残りのデザインノウハウ記事について

クリック重視のノウハウや成果物のまとめといった記事をツイートしていました。
期間中に接触したフォロワーさんのニーズと合わなかったと思います。

この記事はここまで!
ここからはよく読まれる記事をまとめてご紹介します。ひとあじ違うデザインに出会えるかもしれません。

【化粧品・コスメ】乾燥肌訴求のランディングページ(LP)デザイン5選

2018.09.23

【年齢訴求別・5選】健康食品(ダイエット)のランディングページ(LP)ファーストビューとCVエリアデザイン

2018.06.17

前編【Webデザイナーを目指す人へ!】何故バナートレースがデザインスキル上達に最適なのか?

2018.10.21

【第3回】未経験でも大丈夫!Webデザイナー志望の方へデザインノウハウをアウトプットします!

2018.10.30

動画ランディングページ(LP)効果改善への道は映像業界を理解する事からはじまる

2018.01.14

ランディングページ(LP)にエディトリアルデザインを取り入れる。マーカー編

2018.05.04

【年齢層別・乾燥肌】化粧品・コスメのランディングページ(LP)デザイン5選

2018.09.29

【5選】ダイエット訴求のランディングページ(LP)を調査してデザインを研究してみた

2018.10.07

【第2回】未経験でも大丈夫!Webデザイナー志望の方へデザインノウハウをアウトプットします!

2018.10.23

前編【グラデーション効果】photoshopのツボとコツ!未経験でもワンランク上のWebデザイナーになろう!

2018.11.03


お気に入りの情報
が無かったでしょうか?
この記事の最後にデザイン情報やノウハウをレコメンド形式でご紹介しています。

お求めの記事に出会えますように。



スポンサード広告 by google