私はWebデザイナーといっても、一から全てトータルで制作する仕事ばかりだったためか、経験年数が長いものの一つの工程が特化している訳ではなく、デザイナーとしては決して優れたWebデザイナーではありません。
いつも様々なサイトやブログを辞書的にブックマークして、それを頼りに制作してきました。
そんなWebデザイナーさんや、これからWebデザイナーになりたいと思っている方に、
本日は、Webデザイナーがブックマークすべき「おすすめサイト・ブログ」をご紹介したいと思います。
Webデザイン・Web関連情報のブログ
サルワカ | サルでも分かる図解説明マガジン
サルワカはあらゆることを分かりやすく解説する図解説明メディア。
数人のライターが記事を書いています。
参考 サルワカ | サルでも分かる図解説明マガジンhttps://saruwakakun.com/Photoshopの使い方、HTML&CSSなど、私のような頭の固い人間にも、サルでも分かるように図解で説明してくれているので、とても分かりやすいです。
初心者の方に、また私のように何もわからずに経験だけ積み上げてきた人にもおすすめブログです！
当ブログのWordPressテーマ「SANGO」は、サルワカの中の人が制作しているテーマを使っています。
Webクリエイターボックス
『Webクリエイターボックス』は、Web関連の情報やデザイン、サイト制作などを中心に記事にしているWeb情報配信サイト。
参考 Webクリエイターボックスhttps://www.webcreatorbox.com/ブログ『Webクリエイターボックス』の中のMana氏は、カナダやオーストラリア、イギリスの企業でWebデザイナーとして働いた経験を持ち、Twitterフォロワー、Facebookフォローで多数に支持されている。
CSS Flexboxチートシートは、各プロパティの使い方についてわかりやすく一覧にまとめられているシートで、私も日常的に使わせてもらっています。
creive【クリーブ】 | クリエイターの教科書
creive（クリーブ）は「クリエイティブ」をテーマに、デザインや制作、ライフハック等、クリエイターのための情報を発信しているメディアです。
参考 creive（クリーブ）https://creive.me/2012年12月から個人で運営しているWebメディアでしたが、現在は多数のライターさんが記事を書いており、法人として運営されています。
WebデザインやDTP、デザインに関する考え方や概念、マーケティング、WordPress、プログラミングのことなど、クリエイターに役立つ情報をあらゆる面から発信してくれています。
また、サーバーやサイト、WordPressの設定についての対応手順なども丁寧に説明してくれていますので、初心者の方や難しい事が苦手なデザイナーさんにもわかりやすいと思います。
Webデザイン見本・参考系
Webデザインクリップ | Web Design Clip
Webデザイン制作の参考になる国内のWebデザインリンク集
参考 Webデザインクリップhttps://www.webdesignclip.com/洗練されたWebサイトや、アイデア・技術に優れたWebデザインを集めたリンク集です。
コンテンツとして日本国内のWebデザイン・海外のWebデザイン・ランディングページのWebデザイン・スマホサイト/レスポンシブWebデザインの4コンテンツに分かれいます。
イケサイ ウェブデザイナーのWEBデザインデータベース
ウェブデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWebデザイナーのためのWEBデザインリンク集。
参考 イケサイ ウェブデザイナーのWEBデザインデータベースhttps://www.ikesai.com/日本語&日本人が制作しているWEBデザインサイトを対象としています。
DesignSource: デザインのひらめきを。
アラフォーデザイナー YOHICさんが、12年のキャリアのなかで気づいたことや、今後のキャリアについてモヤモヤしてることや、たまーにデザインTipsなどを書いているサイトです。
その中の記事「選んだけど81個。マイフェバのメインビジュアルが素敵すぎる。」で制作時にとても参考になるメインビジュアルを集めてくれています。
関西・北陸・せとうちエリアのおでかけ＆観光情報【マイフェバ】のデザインって本当に素敵ですね。
また、その他の記事も読みごたえのある記事がたくさんあるので、未経験でこれから始めたいと思っている方や、他社で働くWebデザイナーさんが勉強になると思います。
参考 DesignSourcehttps://design-source.net/design/my-favランディングページ集めました。
ランディングページを作るWEBデザイナーのためのランディングページリンク集です。
参考 ランディングページ集めました。http://lp-web.com/LP アーカイブ
クオリティの高いランディングページ（LP）を集めたポータルサイト。【登録LPデザイン数】14,590
リスティング広告や楽天市場、ヤフーショッピングでランキングに入っている様なハイクオリティのデザインまとめサイト。デザイン制作の参考に活用できるサイトです。
参考 LP アーカイブhttps://rdlp.jp/lp-archiveLP advance
LP制作・Web広告に参考になるLPデザインまとめリンク集。
デザインだけでなく、構成・キャッチコピー・エフェクト効果まで、LP制作のヒントになるまとめリンク集です。
参考 LP advancehttps://site-advance.info/WEBデザインのメインビジュアルまとめ
Webサイトのメインになるイメージ画像のデザイン集。メインイジュアル制作の参考になります。
サイトイメージを端的に表現したもの、コンバーションに直結しそうなものを中心に集めてくれています。
参考 WEBデザインのメインビジュアルまとめhttp://mainvisual.net-king.com/Banner Matomeバナーデザインまとめ。
参考 Banner Matomeバナーデザインまとめ。http://bannermatome.com/HTML & CSSに役立つおすすめのリファレンスサイト
HTMLクイックリファレンス
HTML・CSSの早見表サイト
参考 HTMLクイックリファレンスhttps://www.tagindex.com/TAG index – HTML & CSS Web制作リファレンス
ホームページ作成に役立つHTMLタグとCSSのWeb制作リファレンス。カラーチャートやWeb便利ツールなどもあります。
参考 TAG index - HTML & CSS Web制作リファレンスhttps://www.tagindex.com/
