未経験のWebデザイナーが読むべき記事27選

web-design

未経験や1年生のWebデザイナーが読んでおいたら、現場で絶対に重宝する記事を1年間集めてきたので公開します。

現場に入って、「あいつ!本当に使えないな~」と陰口を叩かれないためにも、Webデザイナーなら知っておきたい知識・技術を習得できます。

WEBデザイナーが読むべき記事27選

  1. 5分で分かるユーザーエクスペリエンス
  2. 新人にSEOを教えるとき知っておきたい…基礎知識
  3. Webライターなら知っておくべき「読まれる」記事タイトルの付け方7選
  4. スマートフォンサイトのHTMLコーディングメモ12個
  5. バナーを制作するときに参考にしたいサイトまとめ
  6. Webデザインの参考になるギャラリーサイトまとめ33選
  7. Googleが推薦するHTMLとCSSのコーディング方法
  8. こんなWebデザイナーは成長しない
  9. 初心者さんのためのWebサイト制作に役立つリンク集
  10. これからのCSSレイアウトはFlexboxで決まり!
  11. イケサイ WEBデザイナーのポータルサイト
  12. なんとなくPhotoshop使ってる方のための基礎講座
  13. Photoshopの切り取りテクニック
  14. 写真は怖くない!すごい「Photoshop」マジック小技集23
  15. Photoshopの高クオリティなブラシ80選
  16. ホワイトバランスが狂っている商品写真を一発でなおす方法
  17. Photoshop初心者さんが写真のレタッチ…するために覚えたい機能
  18. ベジェ曲線をゲーム感覚で特訓して自由に操れるようになる
  19. テーブルをレスポンシブに対応させるのに便利なjQueryプラグインまとめ
  20. 売れるネット広告社が実践している「縦長LP」の構造
  21. あの広告の掲載料はいくら?広告料金の相場40選
  22. もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定
  23. ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト
  24. Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ
  25. ネット利用の70%はスマホ/ECはサービスによってPC利用が多いものも
  26. 自社メディアを急速かつ確実に成長させる方法
  27. あなたの時間を無駄にする、すでに廃れた7つのSEOの手法。

5分で分かるユーザーエクスペリエンス

5分で分かるユーザーエクスペリエンス

5分で分かるユーザーエクスペリエンス

ユーザーエクスペリエンス(UX)とは何か? ユーザーに愛されるWebサイトには、UXが貢献しています。UXとUI、IAを混同している方、必読です

UXの知識は、Webデザイナーには不可欠。かっこだけの自分よがりのWebサイトはいただけません。UXを常日頃から意識できるWebデザイナーになりましょう。

新人にSEOを教えるとき知っておきたい「検索エンジン」や「評価されるコンテンツ」の基礎知識

新人にSEOを教えるとき知っておきたい「検索エンジン」や「評価されるコンテンツ」の基礎知識

新人にSEOを教えるとき知っておきたい「検索エンジン」や「評価されるコンテンツ」の基礎知識

「SEOとは?」「検索エンジンとは?」という人は読むべき記事です。ざっくりSEOの基本を知ることができます。

Webライターなら知っておくべき「読まれる」記事タイトルの付け方7選

Webライターなら知っておくべき「読まれる」記事タイトルの付け方7選

Webライターなら知っておくべき「読まれる」記事タイトルの付け方7選

Webデザイナーは、Webライターの知識も備えておく仕事の幅が広がります。は、Web特有の記事を読ませるポイントを掴みましょう。

スマートフォンサイトのHTMLコーディングメモ12個

スマートフォンサイトのHTMLコーディングメモ12個

スマートフォンサイトのHTMLコーディングメモ12個

スマホサイト作成に役立つCSSTipsです。記事内でも触れてますが、実装時には注意が必要ですが、どの小技も知っておいて損はないです。

CSSハックや小技は、ググればいくらでも見つけられますので、Webデザイナーとしてのスキル向上のために、常に新しい技術に挑戦していきましょう。

バナーを制作するときに参考にしたいサイトまとめ

バナーを制作するときに参考にしたいサイトまとめ

バナーを制作するときに参考にしたいサイトまとめ

Webデザイナーなら、バナー制作は日常的に行うことも多いです。

現状で持てるすべてを吐き出しデザインすることも大事です。

しかし、新しいものをたくさん見て刺激を得ることが、Webデザイナーとしての更なるスキルアップにつながりますよ。

Webデザインの参考になるギャラリーサイトまとめ33選

Webデザインの参考になるギャラリーサイトまとめ33選

Webデザインの参考になるギャラリーサイトまとめ33選

行き詰ったらギャラリーを見てインスピレーションを高めよう。きっと、新しい発見があるはずです。

Googleが推薦するHTMLとCSSのコーディング方法

Googleが推薦するHTMLとCSSのコーディング方法

Googleが推薦するHTMLとCSSのコーディング方法

Googleが推薦するHTMLとCSSのコーディングがわかります。

「えっ!それって非推奨なの?」という驚きがありますよ(私はありました)。

こんなWebデザイナーは成長しない

こんなWebデザイナーは成長しない

こんなWebデザイナーは成長しない

Webデザイナーのみなさん、自分を成長させるためにしていることはありますか?効率化をはかるため、よりよいデザインをするためにしていることはありますか?どうすれば成長できるのか?という点も一緒に考えてみました。もし当てはまるものがあれば一緒に解決策を考えてみましょう!

ベテランWebデザイナーの勉強方法や成長のために心掛けている習慣を知ることができます。しっかり読み込み、実践を積んでいくことで、自分のスタイルを確立しましょう。

初心者さんのためのWebサイト制作に役立つリンク集

初心者さんのためのWebサイト制作に役立つリンク集

初心者さんのためのWebサイト制作に役立つリンク集

Webサイト製作に役立つサイトがまとめられてます。本記事と合わせて確認しておくといいでしょう。

これからのCSSレイアウトはFlexboxで決まり!

これからのCSSレイアウトはFlexboxで決まり!

これからのCSSレイアウトはFlexboxで決まり!

floatで並べると、「おいおい何でズレルの?」「何で落ちる?」と悩まされることありますよね。

そんな時、Flexboxを使えば悩みが吹っ飛びます(対応ブラウザは要確認)。

イケサイ WEBデザイナーのポータルサイト

イケサイ WEBデザイナーのポータルサイト

イケサイ WEBデザイナーのポータルサイト

ikesaiはウェブデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWebデザイナーのためのWEBデザイン リンク集。日本語&日本人が制作しているWEBデザインサイトを対象としています。

多岐に渡るジャンルのイケテルWebサイトを確認できます。デザインに悩んだらチェックしてみよう。

なんとなくPhotoshop使ってる方のための基礎講座

なんとなくPhotoshop使ってる方のための基礎講座

なんとなくPhotoshop使ってる方のための基礎講座

Photoshopの基本的な使い方を動画で学べます。

これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。

これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。

これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。

タイトルの通り、Photoshopの切り取りテクニックを記事と動画で全行程を解説してくれています。

写真は怖くない!すごい「Photoshop」マジック小技集23

写真は怖くない!すごい「Photoshop」マジック小技集23

写真は怖くない!すごい「Photoshop」マジック小技集23

人物(対象)を綺麗にするための小技が集結してます。

Photoshopの高クオリティなブラシ80選

Photoshopの高クオリティなブラシ80選

Photoshopの高クオリティなブラシ80選

photoshopのブラシまとめです。

ググれば他にもこういったまとめサイトはあるので、デザインに行き詰ったら、新しい発見を探し求めてみましょう。

ホワイトバランスが狂っている商品写真を一発でなおす方法

ホワイトバランスが狂っている商品写真を一発でなおす方法

ホワイトバランスが狂っている商品写真を一発でなおす方法

本格的なカメラ機材を持たない素人さんなら知っておきたい基本技術。

私もデジカメで写真を撮るので、ホワイトバランスが狂った写真がオンパレードすることがありますので、トーンカーブはよく使います。

Photoshop初心者さんが写真のレタッチ…するために覚えたい機能

Photoshop初心者さんが写真のレタッチ…するために覚えたい機能

Photoshop初心者さんが写真のレタッチ…するために覚えたい機能

こちらの記事も、トーンカーブの使い方を詳しく解説してくれています。

写真はWebサイトを構成する非常に重要な要素。そもそもプロ並みの写真が撮れればいいのだが、なかなかそうもいきませんよね。

ですから、Webデザイナーなら、少しでも綺麗な写真にするテクニックは磨いておきましょう。

ベジェ曲線をゲーム感覚で特訓して自由に操れるようになる

ベジェ曲線をゲーム感覚で特訓して自由に操れるようになる

ベジェ曲線をゲーム感覚で特訓して自由に操れるようになる

ベジュ曲線ができないというのはWebデザイナーにとって致命傷かもしれません。しっかりと特訓を積んで、自由自在に操れるようになりましょう。

上手くなりたいなら練習を重ねるしか方法はない。

テーブルをレスポンシブに対応させるのに便利なjQueryプラグインまとめ

テーブルをレスポンシブに対応させるのに便利なjQueryプラグインまとめ

テーブルをレスポンシブに対応させるのに便利なjQueryプラグインまとめ

「テーブル(表)をレスポンシブ対応にさせたいな~」っとググっていたら見つけたページです。

非常にスタイリッシュなテーブルが出来上がります。

しかしながら、UXとしては優れているが、SEO的にはどうだろう…。その辺はご自身で判断してくださいね。

売れるネット広告社が実践している「縦長LP」の構造

売れるネット広告社が実践している「縦長LP」の構造

売れるネット広告社が実践している「縦長LP」の構造

縦長LPの方がCVRがあがるという話。

Webサイトは、成果(目的)を達成できてこそ意味があります。ただ、美しいだけのデザインを作るWebデザイナーなんていりません(私は)。

あの広告の掲載料はいくら?広告料金の相場40選

あの広告の掲載料はいくら?広告料金の相場40選

あの広告の掲載料はいくら?広告料金の相場40選

マーケティングの知識もあれば一目置かれること間違いなし。Webマーケティングも理解できるWebデザイナーを目指しましょう。

もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選

もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選

もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選

効率化やメンテナンス性を考えたCSSコーディングを知ることができます。

ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27

XXXX

ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27

Webデザイナー未経験の方に向けたまとめ記事。Web言語、Webツールの知識・技術を深められる記事です。

どのタイミングでこの記事を読むべきかは難しいところですが、自分が利用するWeb言語、ツールが分かっているならば、少なくてもそれらの紹介サイトには目を通しておくといいでしょう。

Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ

Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ

Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ

作業効率を上げてくれる便利ツールがまとめられています。

仕事についたはいいが、どこの現場でも、充分な作業環境を与えられているとは限りません。

与えられたツールだけでは心もとない時、無料で使える便利ツールを知っておくと役立ちます。

どんな状況下においても、未経験でもWebデザイナーを名乗ることになったら、期待以上のパフォーマンスが求められると思っておいた方がいいです。

ネット利用の70%はスマホ/ECはサービスによってPC利用が多いものも【ニールセン調査】

ネット利用の70%はスマホ/ECはサービスによってPC利用が多いものも【ニールセン調査】

ネット利用の70%はスマホ/ECはサービスによってPC利用が多いものも【ニールセン調査】

Webマーケティングの最新事情が分かります。

Webサイトを作ったら終わりではもう通らない!運用後も視野にいれたWebデザイナーを目指しましょう。

自社メディアを急速かつ確実に成長させる方法

自社メディアを急速かつ確実に成長させる方法

自社メディアを急速かつ確実に成長させる方法

自社メディアを成功させるために知っておきたい知識がまとめられています。SNSを活用した集客方法を学ぶことができます。

あなたの時間を無駄にする、すでに廃れた7つのSEOの手法。

あなたの時間を無駄にする、すでに廃れた7つのSEOの手法。

あなたの時間を無駄にする、すでに廃れた7つのSEOの手法。

昔よく語られたSEOあるあるを知ることができます。

例えば、被リンクは数も大事だけど、質も大事だよ~みたいなこととかね。

なお、本記事は、しっかりとした知識をもっていないと、紹介される事象を間違って捉えてしまいそうなところがありますので、未経験の方は、現段階においては「こんなことがあったんだね~」という感じで読み流す程度でいいでしょう。

まとめ~WEBデザインの独学

いかがでしたでしょうか?

未経験のWebデザイナー向けに記事を選んできたつもりだったんですが、正直、少しレベルの高い内容も含まれてしまいました。

絞るのが難しかったのでご理解ください。

なお、本記事は、Webデザイナーだけでなく、Webに携わるすべての方に役立ちます。例えば、私のようなアフィリエイトで生計を立てている方にも、是非とも読んでいただきた記事ばかりです。

ですから、未経験のWebデザイナーだけでなく、Web業界に身を置き日の浅い方々も、時間のある時にゆっくりと各記事をご覧になってみてください。

それではまた1年後、皆さんにお薦めしたい「未経験のWebデザイナー」に役立つ記事が集まりましたら公開します(来年はこの縛りはやめるかもしれません)。

この記事を読んだ人にはこちらもお薦め

WEBデザインが独学で身につく!WEBデザイナー必見の神サイト25選