これから本格的にWebサイトのデザインを始めようと思っている人も、既にフリーランスで仕事をこなしている人も、受注した際のおおまかな流れとしてはまず、クライアントもしくは代理店からデザインの方向性や訴求したい人物像・年齢層といったターゲット、具体的なイメージなど必要な情報が示されます。

次にそれを踏まえて全体の雰囲気やレイアウトを決めてラフを作成していきますが、あまり得意ではないスタイルを注文されたり、何度も同じようなテイストを依頼されたときに陥りがちなのが、『デザインのネタ切れ』です。

デザインのアイデアが湧いてこない…何から手をつけていいのか分からない。

そんなとき、ヒントを与えてくれる力強い味方をご紹介します！

デザインのノウハウからコーディングテクニックまで、すぐに役立つお助けサイト

Web業界の最新トレンドや便利に使えるソフトのあれこれ、デザインの手助けをしてくれる素材集やコーディングが上手くいかない場合に知っておきたいCSSやJavaScriptの記述など、痒いところに手が届く情報が満載のサイトをご紹介します。

デザイン素材からノウハウまでWeb制作全般に役立つ情報を網羅しているサイト

Coliss（コリス）

https://coliss.com/

一部上場企業50社以上のリニューアルに携わった経験がある管理者ならではの情報ポータルサイトです。

Webデザインサーチ

https://webdesign-s.com/

とにかく優れたWebデザインをたくさん掲載しているサイトなので、見ているだけでも参考になります。

すぐに使えるパターンやブラシなど時短に役立つデザイン素材が豊富

PHOTOSHOP VIP

http://photoshopvip.net/

欲しいデザイン素材が必ず見つかると言っても過言ではないくらいの豊富なデータ量が嬉しいサイトです。

今気になっている様々な話題や制作用ツールなど便利もののまとめ

日刊ウェブログ式

http://toshiiy.blog22.fc2.com/

cssの小技から便利なツール、まとめサイトなど多岐に渡って情報満載なので、困ったときは必見です。

見ているだけでアイデアが湧いてくるテンプレートを参考にするのも手

DreamTemplate

http://www.dreamtemplate.com/

さまざまなカテゴリーのサイトデザインテンプレート集です。ダウンロードは有料ですが、見るだけならタダ。

ランディングページ集めました。

http://lp-web.com/

優れたデザインよりも売れるデザインが求められるランディングページに特化したサイトデザイン集です。

オリジナルデザインに着手したいときはデザインの基礎から学ぶ

ほとんどの場合、納期までの時間にあまり余裕がなく、デザインをゆっくり温めたりすることはできないと思いますが、可能であばゼロからデザインを考えてみることはあなたの引き出しを増やすいい経験になります。

美術・デザイン系の学校で勉強した人でも実践では活かしきれてない知識もあったりしますので、少しでもスキルアップしたいなら一度デザインについて深く掘り下げてみると新しい感性を磨くことに繋がります。

オリジナルデザインを磨きたいあなたにお勧めしたい2冊

配色デザイン インスピレーションブック

著者　Power Design inc.
出版社ソシム

同じデザインでも配色によって全くイメージが変わります。色が持つ意味合いについても知っておきましょう。

世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書

著者　黒野 明子,庄崎 大祐,角田 綾佳,森 和恵
出版社技術評論社

頭でイメージしていることを実際に表現するためにはソフトを使いこなすことも有力な武器になります。

Web制作の仕事はデザインやコーディング以外のノウハウも求められる

中にはデザインするだけ、もしくはコーディングするだけ、という人もいますが、多くの人がデザインからコーディングまで、もしくはそれ以外まで手がけられているのが現状です。特に最近ではfacebook、twitter、InstagramなどSNSとの連動は必須ですし、Googleアナリティクスやアドセンスといったアクセス解析に関わる部分の知識も必要になっています。

自分のサイトでアフィリエイトやアドセンスを組み込んでいる人もいるのではないでしょうか？一度試してみればそれほど難しくはありませんが、失敗は許されないので確実に理解しておきましょう。

アフィリエイトやアドセンスの貼り方が分からないときは

アフィリエイトの場合は、契約しているアフィリエイトサイトに初心者向けの情報が掲載されているので、そちらを参考にするのが一番確実です。以下に有名どころのアフィリエイトサイトを例に挙げておきます。

A8キャンパス

https://www.a8.net/campus/as/

A8.netのラーニングサイトでアフィリエイトの基礎知識、運営のコツ・ポイントなど初心者にも分かりやすく解説しています。

バリューコマース

https://www.valuecommerce.ne.jp/affiliate/

こちらもアフィリエイトサイトの解説ページで基礎知識やテクニックなどについて詳しく紹介されています。

Rakutenアフィリエイト

https://affiliate.rakuten.co.jp/guides/link/

楽天アフィリエイトの解説ページです。リンクの選び方や貼り方について書かれています。

Google AdSenseヘルプ

Googleアドセンスはこちらを参照してください。

https://support.google.com/adsense

Googleアドセンスのヘルプコーナーです。知りたい情報を検索できます。

おわりに

普段から自分が参考になるサイトをネタ帳として記録しておく

これは長年Web制作を経験してきた感想ですが、時間に余裕がないときに限って壁にぶつかることが多い気がします。しかも夜中だったりすると焦って良いものができません。

普段から自分が素材などをよく探すサイトやデザインの参考にしているサイトを集めて、分かりやすい自分だけのリンク集（ネタ帳）を作っておくといざというときに役立ちます。

どうしても手におえない場合は、外注するのもアリ

ときにはクライアントや代理店の注文が自分のスキルでは手におえないというケースもあります。無理にやろうと頑張って時間を無駄にしてしまうと、後で火の粉が全部自分に降りかかって来ることに…。そんなときは他の必ずできる人に助けてもらう方が結局は自分のためには良いのです。

「でも、誰に…？」　困ったときに助けてくれるスーパーマンのような存在、それが『LOCAL FOLLOW-UPふぉろかる』です。

Web制作のエキスパートがそろっていますので、少しでも楽になることで良いデザイン案も浮かんで来るはずです。

ふぉろかる

中小企業や個人事業主などを対象にインターネットに関するお悩みを解決します。お気軽にご相談ください。

・ホームページ作成……お客様のご予算とご要望に応えます

・SNS運用……facebookやTwitter等

・ブログの作成・運用……代筆いたします