これは知っておきたい!新人Webデザイナーに役立つサイト28選と書籍4選まとめ

854
Pocket

 

Web業界はトレンドが目まぐるしく変化します。WebマーケティングだけでなくWebデザインも同様で、常に情報収集する癖をつけておかないとトレンドから取り残されてしまうかもしれません。

 

そこで今回は、魅力的なデザインのWebサイトを作成するために新人Webデザイナーがチェックしておくべきサイト・ブログ・書籍についてまとめました。Webデザイナーとして知っておかなければならないものばかりなので、是非目を通してみてください。

 

Webデザイン全般

 

【scrmble】

 

エンジニア・Webデザイナー向けのウェブマガジン scrmble

 

エンジニア・Webデザイナー向けのウェブマガジン | scrmble

 

主にクリエーター向けの最新ニュースやハウツー記事を配信しています。

 

【Mdn DESIGN】

 

Webデザインとグラフィックの総合情報サイト - MdN Design Interactive - TOP

 

Webデザインとグラフィックの総合情報サイト – MdN Design Interactive – TOP

 

Webデザイン系の最新ニュースを配信する情報サイト。Webデザイナーとして、Webデザインのトレンドはチェックしておきましょう。

 

【バンクーバーのうぇぶ屋】

 

バンクーバーのうぇぶ屋

 

バンクーバーのうぇぶ屋

 

サイト運営者はカナダのバンクーバーでWeb制作業を営んでおり、海外でWebデザイナーとしてやっていくための秘訣などを紹介しています。留学相談も受けているので、将来海外で活躍したい方は是非。

 

【クリエイターボックス】

 

Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介していくサイト。

 

Webクリエイターボックス | WebデザインやWebサイト制作、最新のWeb業界情報などを紹介していくサイト。

 

実際に使えるテクニックや海外のWebデザインの基本について紹介しています。初心者向けの記事も多いので、新人Webデザイナーにおすすめです。

 

【コリス】

 

コリス サイト制作に関する最新の情報をご紹介

 

コリス | サイト制作に関する最新の情報をご紹介

 

デザインだけでなく、サイト構築全般の情報を提供しています。

 

【commte blog】

 

コムテブログ Web制作者とデザイナーの助けになるブログ。Webで最も分かりやすいまとめを目指す

 

コムテブログ | Web制作者とデザイナーの助けになるブログ。Webで最も分かりやすいまとめを目指す

 

主にノウハウやハウツーの記事を配信しています。知っておくと便利なテクニックなど紹介しています。

 

【Webpark】

 

Webpark - ウェブサイト作成に役立つことをいろいろと

 

Webpark – ウェブサイト作成に役立つことをいろいろと

 

実際にサイトを制作する際に使えるデザインのハウツーについての記事を配信しています。使用したHTMLやCSSのコードも記事内で紹介しています。

 

【Photoshop VIP】

 

- Photoshop VIP

 

– Photoshop VIP

 

Photoshop関連の情報を配信するサイト。無料で使えるデザインのテンプレートやツールについて紹介している記事も豊富なので、一度チェックしてみてください。

 

【creive】

 

creive【クリーブ】クリエイターのための情報メディア

 

creive【クリーブ】|クリエイターのための情報メディア

 

デザインに関する情報はもちろんのこと、話題のサービスやWebマーケティング周りも取り上げられています。マーケターではなくても、Web業界に関する最新情報はチェックする癖をつけましょう。

 

【Web Design RECIPES】

 

Web Design Webデザインレシピ

 

Webデザインレシピ

 

現在フリーランスで活躍するWebデザイナーの方が運営するブログ。新人Webデザイナーが困りそうなことや、知っておくべきことなどに関する記事が多いのが特徴です。

 

【web creators manual】

 

Webクリエイターズマニュアル

 

Webクリエイターズマニュアル

 

Webクリエイター向けのサイトで、WebデザインのみならずディレクションやSEO、アクセス解析などにも触れられています。WebクリエイターやWebディレクターを目指すなら、アクセス解析やSEOなども必須の知識と言えるでしょう。

 

【Webデザイナーになるには】

 

ウェブデザイナーになるには

 

ウェブデザイナーになるには

 

独学でWebデザインを学ぶ方に向けに情報配信しているサイトです。ゼロからWebデザインを学ぶ為のノウハウや、海外の印象的なポートフォリオサイトを紹介しています。

 

 

Webデザイン学習

 

Webデザインにおいては、新しい技術が次々に開発されています。1通りWebデザイナーとして必要な技術をマスターしていても、学び続けることが大切です。以下に紹介するWebサイトを活用してみてください。

 

【Schoo】

 

無料動画のオンライン学習サイト - schoo WEB-campus(スクー)

 

無料動画のオンライン学習サイト – schoo WEB-campus(スクー)

 

言わずと知れたオンライン学習サイトです。無料の会員登録することで、動画講義を受けることができます。Webデザイン学部もあり、様々な授業が用意されています。

 

【ドットインストール】

 

ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト

 

ドットインストール – 3分動画でマスターする初心者向けプログラミング学習サイト

 

Schoo同様、こちらも動画で講義を受けることができます。こちらはプログラミングに特化しており、Webサイト構築やデザインに必要な基本的なプログラミング言語はここで学べます。

 

UI・UX

 

【UI/UX JAPAN】

 

UIUX JAPAN - UIデザイン・UXデザインのいろいろを発信するブログメディア

 

UI/UX JAPAN – UIデザイン・UXデザインのいろいろを発信するブログメディア

 

Webデザインを考える際に、忘れてはならないのがユーザーにとっての使いやすさです。こちらのサイトでは、UIやUXについて詳しく紹介しています。

 

 

Webデザイン素材

 

【NxWorld】

 

NxWorld

 

NxWorld

 

実際にサイトに導入できる素材を紹介しています。新人Webデザイナーはお世話になることが多いのではないでしょうか。

 

 

Webデザイン集(国内)

 

【MUUUUU.ORG(ムーオルグ)】

 

縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG

 

縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG

 

デザイン性が高く、縦に長いWebサイトをメインに紹介しています。デザインを考える際に参考にするとよいでしょう。

 

【mekke】

 

mekke(めっけ)

 

mekke(めっけ)

 

デザイン性の高いサイトをピックアップしています。業種、サイトの種類、キーカラー、フリーワード検索と、検索方法も豊富です。

 

【ikesai.com】

 

イケサイ ウェブデザイナーのWEBデザインデータベース

 

イケサイ ウェブデザイナーのWEBデザインデータベース

 

デザインの数も非常に多く、更新頻度も高いです。幅広い業界のデザインを掲載しているので、参考にする機会が多いです。

 

【Web Design Bookmark S5-Style】

 

【S5-Style】Webデザインのリンク集・ポータルサイト

 

【S5-Style】Webデザインのリンク集・ポータルサイト

 

気に入ったデザインをお気に入り登録することができます。様々な条件でフィルターをかけて検索できます。デザイン数も多いので、是非利用してみてください。

 

【Web Design Clip】

 

Web Design Clip Webデザインクリップ

 

Web Design Clip | Webデザインクリップ

 

PCサイトのWebデザインだけではなく、ランディングページやスマートフォンサイトのデザインも紹介しています。傾向として、スタイリッシュなものがやや多いです。

 

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

 

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

 

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

 

ランディングページに限定したデザイン集です。デザイン性だけでなく、コンバージョン率の高いランディングページを作成する参考にしてみてください。

 

【LANDINGPAGE BOOKMARK】

 

ランディングページデザインリンク集

 

ランディングページデザインリンク集

 

こちらもランディングページに特化しています。美容や健康系のランディングページが多いです。これらの業界のランディングページを作成する際は、是非チェックしてみてください。

 

【iPhone Design Box】

 

優れたiPhoneサイトデザイン集 - iPhoneデザインボックス

 

優れたiPhoneサイトデザイン集 – iPhoneデザインボックス

 

スマートフォンサイトのデザイン集です。スマートフォンサイトの作成は今後も増えてくると思われますので、チェックしておきましょう。

 

【THINK THING】

 

スマートフォン(スマホ)デザインまとめサイト thinkthing

 

スマートフォン(スマホ)デザインまとめサイト | thinkthing

 

こちらもスマートフォン限定のデザイン集です。業界問わず様々なスマートフォンサイトが掲載されています。

 

Webデザイン集(海外)

 

【One Page Mania】

 

One Page Mania

 

One Page Mania

 

海外のデザイン紹介サイトです。全文英語ですが、デザイン性の高いサイトばかりなので是非チェックしてみてください。

 

【AWWWARDS】

 

Awwwards - Website Awards - Best Web Design Trends

 

Awwwards – Website Awards – Best Web Design Trends

 

Webサイトをデザイン性・ユーザビリティ・創造性・コンテンツの4つの指標で評価していることが特徴です。

 

【Web Design File】

 

Fashion Web Design File

 

Web Design File – Website Awards | Web Design Inspiration

 

Web Design Clipの姉妹サイト。デザイン数はそこまで多くないですが、スタイリッシュなデザインのWebサイトを、カテゴリごとに探すことができます。

 

読んでおくべき書籍

 

【WEB制作会社総覧】

 

WEB制作会社総覧2015

 

WEB制作会社総覧2015

 

【プロとして恥ずかしくないシリーズ】

 

MdNの本 「プロとして恥ずかしくない 新・WEBデザインの大原則」  デザイン関連の雑誌・書籍を出版するMdNのWebサイト - MdN Design Interactive -

 

MdNの本 「プロとして恥ずかしくない 新・WEBデザインの大原則」 | デザイン関連の雑誌・書籍を出版するMdNのWebサイト – MdN Design Interactive –

 

【STANDARD WEB LITERACY】

 

Amazon.co.jp スタンダードWebリテラシー 長澤大輔 本

 

Amazon.co.jp: スタンダードWebリテラシー: 長澤大輔: 本

 

【Web Designing】

 

Web Designing

 

Web Designing

 

まとめ

いかがだったでしょうか。

今回紹介したものは、Webデザイナーとして働くうえで参考になるものばかりなので、しっかりチェックしておきましょう。

これらのサイトやブログ・書籍を参考にして、優れたWebデザイナーとしての1歩を踏み出してもらえれば幸いです。

Pocket

無料ebook

今すぐ見直すべきサイト内部リンク4つのポイント
姓(必須)
名(必須)
会社名(必須)
電話(必須)
メールアドレス(必須)
個人情報のお取り扱いについて

競合比較ができるSEOツール

最大10項目(順位/被リンク数など)の競合調査が無料でできます。

プロモニスタ編集部
プロモニスタでは、コンテンツマーケティングとコンテンツSEO、SEO対策を中心にwebマーケティング関連の最新情報やノウハウ、当社の事例を発信しています。