WEBデザイン

【2017年11月更新】WEBデザイナーならチェックしたい!おすすめサイト・ブログまとめ

更新日:




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

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

未経験からWEBデザイナーになるなら、スキルアップのためにまずは情報インプットの方法を知ろう!

こんにちは、しろまる(@akitashiromaru)です。 私はWEBデザイナーを始めて10年になりますが、最初は「スキルアップとはなんぞや?」というほど、ヘッポコでした。(今もある意味そうかも 笑 ...

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



 

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

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

 

私がWEBデザイナーになったときからあった数少ないブログの一つ「コリス」

http://coliss.com/

もう何がいいかってですね、運営期間が長い=なんか安心感があるんです。

今でも更新されたらちゃんと見ているブログの一つです。

 

最初は自分の知識もなかったため、「何が書いてあるのか」すらわからず読んでいました。

しかし、だんだん読んでわかるようになってきたのも、自分のスキルも少しはアップしたのかな・・・と感慨深くなります 笑

 

更新も頻繁で、サイト限定のクーポンまで発行されている!「Webクリエイターボックス」

https://www.webcreatorbox.com/

更新が頻繁で顔も出してらっしゃる(可愛い)、そして何より内容がわかりやすいです!

それまで多く目にしたことのあった素材紹介だけのサイト~とかではない、チュートリアルがあったり本の紹介もあります。

 

初めて「このWEBデザイナーさんは、一方的なブログを書く人じゃないんだ・・・!」と感動を覚えました。

 

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

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

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

 

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

http://lp-web.com/

よくある「デザインまとめサイト」は、カッコいい・可愛い→けど、この写真だから映えている・このイラストじゃなかったら成り立たない・・・というデザインを紹介されているところがあります。

イメージやインスピレーションは沸くんですが、自分が作る上での参考にはならないんですよね・・・。

こちらのサイトは自分が制作をする上で「あ~こういうボタンの見せ方いいな」とか、「この色と大きさだからキャッチ映えるのか!」といった具合にすぐに使えるヒントが溢れていて、とても参考になります

 

サイト自体のデザインも頻繁に変わっている印象。「Photoshop VIP」(フォトショップ ビップ)

http://photoshopvip.net/

このサイトはどうやら2009年から本格的に始動しているみたいです。

フォトショップ・イラストレーターの素材紹介や技術紹介などが中心ですが、実業務で役立ちそうな情報がかなり盛り込まれています

 

私は最近はブックマークもしてなくて、「だいたい検索した出るかな」という感覚で使っています 笑

 

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

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

 

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

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

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

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

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

 

WordPressカスタマイズを一からしたときに大助かり!「WEBデザインレシピ」

http://webdesignrecipes.com/

知ったのは、会社で「Wordpressを組み込んだサイトを作らなきゃいけない(しかもデザインはクライアント様の自由!)」という状況が発生したときでした。

デザインを一から制作して、それをWordpressにするなんてしたことなかったから、特にこのカテゴリーの記事が役立ちました。

http://webdesignrecipes.com/category/wordpress/

※運営者の方がめちゃくちゃ可愛いと女性から見ても思う・・・

 

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

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

 

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

http://www.designwalker.com/

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

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

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

 

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

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

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

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

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

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

 

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

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

 

▼こんな記事も書いています。

未経験からWEBデザイナーになるなら、スキルアップのためにまずは情報インプットの方法を知ろう!

こんにちは、しろまる(@akitashiromaru)です。 私はWEBデザイナーを始めて10年になりますが、最初は「スキルアップとはなんぞや?」というほど、ヘッポコでした。(今もある意味そうかも 笑 ...







  • この記事を書いた人
akitashiromaru_A7RKcJhZpnPE

あきた しろまる

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

おすすめ記事はこちら

1

前回、スプレッドシートを使った方法で、ブログが30記事を超えたところで、現状把握・改善点メモを行うと、リライトすべきポイントがわかってきた!というブログを書かせていただきましたが、記事の一覧を出力でき ...

-WEBデザイン

Copyright© しろまるカフェ , 2018 All Rights Reserved.