WEBデザイン

【2020年5月更新】WEBデザイナーにおすすめしたいサイト・ブログまとめ

こんにちは、しろまる(@Akitashiromaru)です。

未経験からWEBデザイナーになるなら、スキルアップのためにまずは情報インプットの方法を知ろう!という記事では、情報をどうやって得るのか?という基本の「き」についてお伝えしてみました。

Designer Work vol.5 【スキルアップ】未経験からWEBデザイナーになるなら、どうやって情報をインプットするのか知ろう!
【スキルアップ】未経験からWEBデザイナーになるなら、どうやって情報をインプットするのか知ろう!こんにちは、しろまる(@akitashiromaru)です。 私はWEBデザイナーを始めて10年になりますが、最初は「スキルアップ...

今回は、WEBデザイナーになってからぜひチェックしておきたい!というサイト・ブログを、4つに分けてご紹介してみます。

ネタやトレンドのために知っておきたいサイト・ブログ

ここでは、ネタやトレンドのために知っておきたいサイト・ブログをご紹介します。

 

長く運営され、且つ新しい情報を現在でも発信し続けている「コリス」

少なくとも私がWEBデザイナーになった10年以上前からコンスタントに発信し続けている「コリス」。今でもAdobe XDの内容やUX・UIの話など最新の情報が発信されています。

膨大な情報量のため、知りたい情報がある場合はブログ内で検索をした方がいいかもしれません。

毎月読んだデザインの本を紹介してくれている記事が好き「Webクリエイターボックス」

こちらも更新頻度がとても高いブログで、WEBデザイナーとしては有名なmanaさん(@chibimana)という方が運営されているブログです。

私個人としては毎月読んだデザインの本を紹介してくださっていて、トップクリエイターの方がどういう本で勉強されているのか知れるのが好きです。

また、manaさん(@chibimana)ご自身も1冊ですべて身につくHTML & CSSとWebデザイン入門講座という本を出版されています。

とても分かりやすいブログなので、ぜひ見てみてください!

 

ユーモア溢れる制作会社が発信しているブログ「LIG」

制作事業だけではなく、WebやCGの学校デジタルハリウッドとコラボして講座を行うなど多方面で活躍している制作会社「LIG」。

ブログ内のバナーもオリジナルでできていて、デザインの参考にもなるし何より一つ一つの記事がとっても面白く読めて勉強になります!

株式会社LIG | 東京のWeb制作会社

 

WEBデザインの参考になるサイト・ブログ

ここでは、主にデザインの参考になるサイトやブログをご紹介します。

参考、なので見るだけでインスピレーションがわくようなデザインまとめサイトはよくご紹介されているので、今回は少し違うものを。

 

ランディングページのデザインをするなら絶対に役立つ!「ランディングページ集めました。」

デザインができる人は、人のデザインをたくさん見て学んでいます

こちらのサイトはランディングページといって、バナーをクリックした先にあるデザインのページばかりを集めたサイトなのですが

  • どうやって売り出したいものを紹介しているか
  • 売り出している会社のストーリーはどんなものか
  • ボタンや金額の見せ方は?

などなど、見せ方の参考をたくさん見つけ出すことができます。

ランディングページは見せ方がとてもしっかりしているので、通常のWEBサイトを制作する際にも必ず役に立ちますよ!

 

Photoshopで困ったら大体このブログを見ているかも。「Photoshop VIP」(フォトショップ ビップ)

Photoshop・Illustratorの素材紹介や技術紹介などが中心ですが、実業務で役立ちそうな情報がかなり盛り込まれています

 

もう名前からしてカッコいいと思っていた「ロサンゼルスで働くウェブデザイナーの日記。」

私が制作会社に入った頃は、どんな素材を使ってデザインするかもわからないし、フォントだってグラデーションだって何にも知らない。という状態でした。

ロサンゼルスで働くウェブデザイナーの日記。をなめるように読んで、トップのWEBデザイナーってこんな風に勉強してるのか、なんかすごいな~と思っていた記憶があります。

2017年時点でご紹介したときは「2010年から更新が途絶えています」ということで、過去に参考にさせていただいてたブログとして紹介していました。・・・が、なんとその直後、2017年12月頃からデザインなどを一新してブログを再開されていたようです。

 

コーディング(サイト構築)の参考になるサイト・ブログ

次に、コーディングの参考になるサイト・ブログをご紹介します。

辞書という地位を確立したサイト「HTMLリファレンス」

http://www.htmq.com/index.htm

「あ~あのタグどういう書き方だったかな・・・」と思ってコーディングの内容を入れて検索したら、大体上位にきているサイトです。

管理人の方も、早見表や辞書のイメージで制作されているとのことで、そのコンセプト通り、ほとんどのコードが網羅されています。

私は本のコード表が手元にないときに利用させていただいています。

 

番外編(今は更新されてないけど)爆発的人気だったブログ

こちらは参考というよりは、私自身がWEBデザイナーになった当時にかなりお世話になったなぁ・・・という回想をしたくてご紹介しています 笑

CSSと名のついているだけあって、今だ上位によく出る!「CSS Lecture」CSSレクチャー

http://www.css-lecture.com/

私がこのサイトと出会ったのは、スマホで背景画像を設定するときに、画像のサイズがうまく設定できない・・・というときでした。

まだそこまでネットでの情報がなかった背景画像のサイズ設定について、とても丁寧に記述してあったのです。感動でした。

http://www.css-lecture.com/log/css3/css3-background.html

※残念ながら、2011年を最後に更新が途絶えています。

 

たくさん情報は溢れていますが、ぜひ正しい情報をたくさん取り入れて、実業務で役立ててみてくださいね^^

そして、私自身のブログも、だれかに「参考になる!」「役立つ!」と言っていただけるように頑張ります。

ABOUT ME
あきた しろまる
あきた しろまる
20代前半までは教職を目指し中高の数学免許を取得するも、「もっと世の中知ってみたい」という気持ちから、世界一周の船旅へ。帰ってからは派遣社員しながらお金をためて、WEBの勉強をし、WEBデザイナーへ。20代後半からでもWEBデザイナーは目指せる!楽しい!ってことを伝えたい、という気持ちで記事を書いています。