Webデザイン講座

  • アート&デザイン
  • スマホ対応
  • タブレット対応

デザインの知識だけじゃない!デザイナーになるための講座

デザインの基礎となる内容から、Webデザインの演習、更にWebデザイナーになるための考え方やスキルなども詳しく解説! Webデザイナーを目指したい、Webデザイナーとして仕事をするためのスキルを身に着けたい、そんな方を対象に現役Webデザイナーが解説します。

Webデザイン講座のポイント

  • 流行り廃りに左右されない。Webデザインの基礎を学ぶ!

    デザインはその時代のトレンドが反映されるため、流行り廃りの激しい業界ですが、本教材では表面的なデザインの話ではなく、配色や見やすいレイアウト、フォントの選び方などの基礎的な理論から始まり、演習課題も定期的に内容を更新します!
    デザイン理論を基に、見た目だけではなく使いやすさも考慮したWebデザインができるようなWebデザイナーを目指していきます。

  • ポップで明るい動画形式のe-Leraning!ポイントを強調して徹底解説!

    ミントグリーンとコーラルピンクを基調にしたポップで明るい講義画面です!これからWebデザインを学ぶ受講生が意欲的に学べるよう配色と装飾にこだわった教材になっています。講義動画中のポイント解説と参考サイトの紹介、模範解答の解説で本ではわかりにくい学習内容も徹底的に解説します。

  • 講座の後のクイズと演習課題で実力を養う!

    本講座は受動的な「見て終わり」の学習ではありません。講座の後のクイズではデザイン理論の知識を、演習課題ではPhotoshopを使って実際にトレースやデザイン制作を行ない、理論だけでは養われないデザインの実技に関しても本講座ではカバーしていきます!

    演習問題 例題
    <コーポレートサイトのワイヤーフレームを制作する>
    ■ヒアリングシートを元に、ワイヤーフレームを制作してみましょう。
    1)コンテンツの全ては横幅960pxに収まるように、Photoshopで制作してください。
    2)PCサイトとして想定してください。
    3)ヒアリングシートをよく読み、クライアントの希望に沿ったレイアウトとしてください。
    4)jpg形式で提出してください。
    ※提出後、模範解答が閲覧できるようになります。

講座概要

対象者・webデザインを学びたい方
・webデザイナーを目指す方
◆前提知識
・Photoshopの基礎的な機能が扱える方
学習目標Webデザインを行なうための基礎的な考え方・スキルを身に付けることができる
ダウンロード/テキストなし
動作環境こちらからご確認ください
レッスン数28レッスン
標準学習時間9時間 ※演習課題込
配信期間6か月
税込価格9,900円10%OFFクーポン対象

講師の略歴

株式会社5DG 代表取締役社長 瀬口理恵

1983年大阪生まれ。約7年間制作会社などでウェブデザイナー、ディレクターとして過ごし、2010年に独立。ウェブサイト制作、アプリUIデザインなどを手がける。女性向けデザインが得意。専門学校での講師や、セミナー出演多数。2019年にWeb制作会社『株式会社5DG』を起業。
著書に「美しいウェブサイトの作り方」(SBクリエイティブ)がある。

カリキュラム

 

  • 第1章:Webデザインの基礎知識
  • 1-0イントロダクション
  • 1-1デザイン基本4原則
  • 1-2視線誘導
  • 1-3フォントについて
  • 1-4Webデザインとは
  • 1-5Webサイト設計
  • 1-6様々なレイアウトパターン
  • 1-7配色
  • 1-8Webデザイナーに求められること
  • 1-9章末テスト
  • 第2章:デザイン制作
  • 2-1Photoshopの環境設定
  • 2-2ワイヤーフレームを作る
  • 2-3【演習】ワイヤーフレームを作る
  • 2-4【解説】ワイヤーフレームを作る
  • 2-5ロゴ制作
  • 2-6【演習】ロゴ制作
  • 2-7【解説】ロゴ制作
  • 2-8バナー制作
  • 2-9【演習】バナー制作
  • 2-10【解説】バナー制作
  • 2-11Webデザイン制作
  • 2-12【演習】Webデザイン制作
  • 2-13【解説】Webデザイン制作
  • 2-14faviconとOGP画像制作
  • 2-15デザイン力の伸ばし方
  • 2-16【演習】NGデザイン
  • 2-17【解説】NGデザイン
  • 2-18章末テスト

まずは無料カウンセリング
無料体験レッスンからスタート!

Re:ST(リスタ)では、講座の体験をしていただくのはもちろん、
お一人おひとりのニーズにぴったりのコースや学び方を選ぶお手伝いをします。
ぜひお気軽にお申込みください。

無料体験に申し込む

自分にピッタリだと思ったら勉強を開始しましょう!

この講座を購入する

他の講座を見る

Illustrator2020講座

イラスト・ロゴの作成から名刺・パンフレットまで、実用的な制作が学習できます!

Photoshop2020講座

写真加工、広告バナー・Webデザインの制作ができるようになる!

無料登録をすると、全講座の一部を学べます!
メールアドレスとお名前、ご希望のパスワードのみで登録できますので、まずは お気軽にお申込みください。
今なら、無料会員登録で、10%OFFのクーポンがもらえます!

まずは無料登録