【後で役立つWebヒント集 Vol.01】Webの引き出し：私だけのWebライブラリ
vol.1 Webデザイナーの第一歩
「Webの引き出し：私だけのWebライブラリ」の Vol.01 として、スマートフォンに開きっぱなしになっていた5つの記事をまとめました。
1. Webデザイナーのお題探しに！架空美容室のトップページデザインに挑戦
（https://note.com/kobayas/n/n4c35557c6aea）
Webデザイナー「こばやす」氏が提供する、架空の美容室をテーマにしたWebデザインの課題です。未経験者からプロまで無料で挑戦でき、ポートフォリオ制作に役立ちます。ターゲット層や配色、必要なコンテンツまで細かく設定されているので、デザイン制作の練習に最適です。
2. Google検索に表示させない方法「noindex」の設定
（https://developers.google.com/search/docs/crawling-indexing/block-indexing?hl=ja）
https://developers.google.com/search/docs/crawling-indexing/block-indexing?hl=ja
Google公式のヘルプページから、Webサイトを検索結果に表示させないための「noindex」設定について解説しています。これは、メタタグやHTTPレスポンスヘッダーを使って、特定ページのインデックスをブロックする技術です。robots.txtでブロックするとクローラーがnoindexを認識できないため、公開しないページにはこの設定が重要になります。
3. 新人Webデザイナーが実践する「デザイントレース」のコツ
LIGの新人デザイナーが実践している、デザイントレースの効果的な学習法が紹介されています。ただなぞるのではなく、「デザインの引き出しを増やす」「目を鍛える」「ツールに慣れる」という目的を明確にすることが重要だと説いています。さらに、分析をしっかり行うことや、完璧にトレースしないという効率的な進め方も参考になります。
4. 制作の流れと成功のポイントを学ぶ
Webサイト制作の全体像を「企画・設計」「制作」「公開」の3つのフェーズに分けて解説しています。プロジェクトを成功させるには、企画段階で目的やターゲットを明確にし、制作側と依頼側が共通の認識を持つことが最も重要だと述べています。特に、クライアントとの円滑なコミュニケーションが成功の鍵となることが分かります。
5. Webデザイナーが知っておくべき画面サイズの基礎知識
Webデザイナーにとって不可欠な、画面サイズに関する基礎知識を網羅した記事です。PC、スマートフォンの推奨サイズだけでなく、レスポンシブデザインの重要性や、ソリッドレイアウト、リキッドレイアウト、フレキシブルレイアウトといったレイアウトの種類についても詳しく解説されています。日々変化するデバイスに対応するため、継続的な学習が大切だと結んでいます。
