独学・フリーランス・在宅・SNS疲れのWebデザイナーに
ビジネスの知識が加われば最強。自分の力で生きていけます。

ランディングページのヘッダーデザインの作り方(2019.12)

ランディングページのヘッダーデザインの作り方

こんにちは。フクモト学長(@WebcreatorsTips)です。未経験からフリーランス歴15年のWebデザイナーです。スクール運営 8年目になります。
詳しいプロフィールはこちら

今月の勉強会のテーマは「ランディングページのヘッダーデザインの作り方

課題を提出いただいたランディングページヘッダー画像のデザインを公開添削する形で、ノンデザイナーズ・デザインブックの4つの基本原則を基にデザイン・レイアウトの基本ルールを一緒に確認していきました。

【デザイン・レイアウト 4つの基本原則】

  • 近接(固まりを作る・要素をいっぱいに敷き詰めない)
  • 整列(揃える)
  • 反復
  • コントラスト

初心者の方でも、この4つの基本原則だけで、デザインはグッと!ずっと、よくなります。

そして、対比(コントラスト)と余白を怖がらないこと。

また、ランディングページのヘッダー(ファーストビュー)にはどんな情報を含めるのがよいか?
というところもポイントのひとつになりました。

Webクリエイターズオンラインスクール 学長 フクモトトモコ

【Webクリエイターズオンライン】
学長 福本 智子

Webもデザインも未経験からいきなりフリーランス歴15年。
『仕事は自分で創りだす』をモットーに生きてきた50代。
Photoshop・WordPress・Webマーケティングが得意。

独学・Webスクールを卒業したのに仕事に繋げられない学習迷子さん、在宅・フリーランス希望の人を対象に「学んだ事を安定的な収入にする方法」をお伝えしてサポートしています。

関連記事

受講者の声

「動き出せない
あなたの背中を押します!」

組織に依存しない自由な働き方を
手に入れるためのオンラインスクール・オンラインサロンです。

スクール最新情報、フクモト学長の活動はメルマガで配信中~。