Webデザイン実践講座

Webデザイン実践講座は、未経験からWebデザイナーを目指す方向けの、Photoshopを活用したデザイン実践講座です。実務でWebデザインを作成する際の手順、Webデザインに必須とされるPhotoshop機能を実践形式で学べます。デザインに自信が無い方でも、Webサイト制作に必要なWebデザインの最新の知識を習得でき、Webデザイナーに一歩近づきます。

  • 特徴
    1

    10時間でWebデザインの実践スキルを学べるカリキュラム
  • 特徴
    2

    Webデザインに必要なPhotoshopの機能を習得できる
  • 特徴
    3

    最短3日で受講可能(フォトショップの基本操作ができている場合)
  • 特徴
    4

    画像の書き出しやCSSコードの抽出まで行うため、実務ですぐ役立つ

1対1のソフトキャンパスWebデザイン実践講座のカリキュラム・概要

Webデザイン実践講座

10時間でしっかりとWebデザイン実践のスキルを習得!Webデザイン実践講座のカリキュラム内容

1時間目

Webデザインとは?最新のデザイン傾向について 流行りがあるWebデザインの分野で最近の傾向を踏まえながらデザインの解説。PhotoshopでWebのデザインを作成する際に気を付けるポイントもお伝え。

2時間目

PhotoshopでのWebデザイン作成① グリッド・ガイドや単位、レイヤーなど、PhotoshopにおけるWeb用の設定を確認し、デザインのベースとなるラフを作成。

3時間目

PhotoshopでのWebデザイン作成② ヘッダー(アイキャッチ)、ナビゲーション、メインビジュアル、フッターなどの各要素サイズを決定、デザインンの方向性を固めつつワイヤーフレームを設計。

4時間目

PhotoshopでのWebデザイン作成③ テキストの配置(カーニング、トラッキングの調整)、スマートオブジェクト、レイヤースタイルを活用したデザインパーツの作成。

5時間目

PhotoshopでのWebデザイン作成④ トリミングや色調補正、コピースタンプツールを使った写真の修正(レタッチ)、画像の配置。

6時間目

PhotoshopでのWebデザイン作成④ アセット抽出機能を活用した画像の書き出し、CSSコードの抽出を行い、コーディングへの流れを確認。

7〜10時間目

実践形式でのWebデザイン練習 テーマを決め、インターフェイスも一から考えて実践形式のWebデザインを行う。デザイン後のHTML・CSSコーディングまでを意識した制作を習得することで、実務で役立つPhotoshopでのWebデザインスキル獲得を目指す。

Webデザイン実践講座の難易度・講座時間・講座料金

難易度 ★★★★☆
受講時間 10コマ
対応バージョン 全てのバージョンに対応
コース料金(税込)
受講料
テキスト代
66,000円
なし
合計 66,000円

Webデザイン実践講座の無料体験講座こちら

完全1対1でWebデザイン実践の習得を目指すマンツーマン講座をぜひ体験してください。受講生のスキルをチェックしたうえで、お一人お一人に合わせた体験レッスンをいたします。初めての方でも分かりやすいと感じて頂ける授業をさせていただきます。

CASE
A

Webデザイン初心者でWebデザイン実践の講座を受講したい方向け無料体験①

  1. Webデザインの流行を実際にサイトを見ながら解説
  2. Webデザイン実践に必須のフォトショップ機能10選
  3. サイト制作におけるWebデザインのポイントをお伝え
CASE
B

PhotoshopでのWebデザイン経験者向けWebデザイン実践の無料体験②

  1. Web制作ならではのPhotoshop機能を確認
  2. やってはいけないWebデザインの手法と理由
  3. Webデザイナーを目指す上で必要なWebデザインスキルの確認