知ってる?Web、バナーデザインをする前に僕が行っている重要なたった2つのこと

デザイン制作の全般に適応できる制作する前に絶対行った方が良い事

f8e0795173779770d9bf031d56e8f342_s

今回はデザインをする前の話をしてきたいと思います、過去コンセプトシートやマーケティングについて散々話をしてきましたが改めてこちらを話します。

まず結論としては、制作する前に行う事は「競合を分析する」「情報をまとめる」この2つです。では詳しく説明していきましょう。

1 競合を最低でも10パタン分析する

54bbdd1ce11887f5356271e59daa0343_s

デザインの制作においていきなりデザインを開始する人はほどんどいないと思いますが、この競合を分析することを怠っている人が多いと思いました。
例えばあるページをデザインするのに競合を分析しないままデザインした場合、何を基準にそのデザインが良いかわかりません。まずデザインのクオリティを定義する必要があるのです、これが定義されていないとまった意味がありません。なのでまず競合を分析してどんなアイデアが使われているのか?どんな写真が使われているのか?という観点で分析して、競合よりも上を行くようにしましょう。

2 情報をまとめて手書きのラフを起こす

e0ffde825ccc71e406cb741cd37d3acc_s

競合の情報をまとめて手書きのラフを起こします。この時に要所ごとの文言やキャッチコピーなども整理し紙に描き上げラフイメージを頭にインプットします。
このインプットが非常に大切で、このラフパターンが全てだと思って考え抜いてください。

デザインはデザインする前に8割終わっているようにする

このデザインの思考に関して、僕はデザイン制作はこの2つがシッカリしていればソフトを開く前に全て終わっているということです。実際この工程があればソフトで組み上げるだけだので数時間で終わります。
ただ、2の情報をまとめる所がソフトで行っている人もいますが、僕個人は手書きにまとめた方が脳にインプットできます。一番重要なのは脳にインプットさせる事です、脳に考えさせないと形になりません、なので脳にインプットさせる為に手書きで書いた方が効率が良いのです。更にデザインのアイデアもインプットする事により脳が考えてアウトプットされるわけです。この工程を省きいきなりデザインするのはかなり無理があります。というか意味がないでしょう。

皆さんも是非デザインに詰まったらこの2つの工程を行ってみてください。
次回は僕が行っているデザインの実践編をご紹介します。

この記事の関連書籍


以上知ってる?Web、バナーデザインをする前に僕が行っている重要なたった2つのことでした。気に入ってくれたらシェアしてね!

関連記事

a187f933c50147416a77dad883ba973b_m

ブログに書いてる事を鵜呑みにしない!仕様を考える重要なたった1つの事

ブログに書いているからといって鵜呑みにしない!仕様を決める前に考える重...

記事を読む

2bdbd18feac7a37be0fa2096c511e577_m

これは素敵すぎる!アメリカのデザイン会社で利用されている契約書がマジで素敵

久々の技術ネタですかね、制作しているといっつも言われてるのが、早く仕上...

記事を読む

toei

感情を揺さぶる404ページで売り上げをアップ?!404に表示させるアイデアとその考え方

404ページは削除された事を伝えるのは古い? Webデザインの中でも...

記事を読む

GREEN_NE20140125_TP_V

Webディレクター必見!Webデザインで値段交渉はしない!金額を下げる時の対処法と交渉スキル

久々にスキル系の記事ですね。最近プライベートで仕事をしていて値下げ交渉...

記事を読む

e34c58b24832080e96fa78ea7add11a2_m

売り上げアップには必須?!Webデザインで僕が気をつけているたった2つの重要な事

Webデザインで僕が気をつけているたった2つの重要な事 Webデ...

記事を読む

新着記事

a187f933c50147416a77dad883ba973b_m

ブログに書いてる事を鵜呑みにしない!仕様を考える重要なたった1つの事

ブログに書いているからといって鵜呑みにしない!仕様を決める前に考える重...

記事を読む

51eGzlAPmlL

プレゼントに最適!女性に喜ばれるマッサージクッションが可愛い過ぎる!

プレゼントに最適!女性や彼女に喜ばれるマッサージクッションが可愛い ...

記事を読む

iceburg

デザイナーに必見!デザインに必要なのは記憶させる事、記憶するための本がヤバい

人は記憶で動く 相手に覚えさせ、思い出させ、行動させるための「キュー」...

記事を読む

d50a9d5cc014bf12088e4a8dfd1cb57d_m

これでCV(コンバージョン)率アップ?!キービジュアルでCV率が上がるたった1つのコピーの作り方

Webサイトやチラシにに関して全てに言える事それはコンバージョン率を上...

記事を読む

skitched-20170903-215229

プレゼントに最適?!ワインの飲みかたが変わる?ちょっと不思議なワイングッズがすごい

ワインの飲みかたが変わる?ちょっと不思議なワイングッズがすごい なぜ...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

a187f933c50147416a77dad883ba973b_m
ブログに書いてる事を鵜呑みにしない!仕様を考える重要なたった1つの事

ブログに書いているからといって鵜呑みにしない!仕様を決める前に考える重

51eGzlAPmlL
プレゼントに最適!女性に喜ばれるマッサージクッションが可愛い過ぎる!

プレゼントに最適!女性や彼女に喜ばれるマッサージクッションが可愛い さ

iceburg
デザイナーに必見!デザインに必要なのは記憶させる事、記憶するための本がヤバい

人は記憶で動く 相手に覚えさせ、思い出させ、行動させるための「キュー」

d50a9d5cc014bf12088e4a8dfd1cb57d_m
これでCV(コンバージョン)率アップ?!キービジュアルでCV率が上がるたった1つのコピーの作り方

Webサイトやチラシにに関して全てに言える事それはコンバージョン率を上

skitched-20170903-215229
プレゼントに最適?!ワインの飲みかたが変わる?ちょっと不思議なワイングッズがすごい

ワインの飲みかたが変わる?ちょっと不思議なワイングッズがすごい なぜ今

→もっと見る

  • -売る技術-

    ウエブデザイン暦15年目。犬をこよなく愛するデザイナー。今はディレクションとデザイン を中心に制作全般をしてます。主にマーケティングを軸にデザインを組み立て商品が売れるサイトを構築しています。 デザインとマーケティングについて研究の日々。現在はオランダでWebデザイナーとして働いています。

    ツイッターやってます。
  • Amazonアソシエイト・プログラム規約による記載

    売る技術はamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

PAGE TOP ↑