画像の加工からサイト制作まで

現役で活躍するWebデザイナーからデザインとコーディングを学ぶ

Webデザイナーとして就職できるチカラを身につける

Webデザイナーとして
就職できるチカラを身につける

Webデザイナーの仕事は、Webサイトやバナーのデザイン、HTMLやCSSのコーディングなど多岐にわたります。
さらにワイヤーフレームの作成や、JavaScriptを使った動きのある表現を実装できるスキルを身につければ、より一層活躍の場が広がります。
Webデザイン講座では、現役のWebデザイナーが執筆・監修をおこなったオリジナル教材を用いて、デザイン未経験の方でも安心して学習していくことができます。

Webデザイン講座で学べること

  • 企画
  • ワイヤーフレーム
    ツールの使い方
    (Adobe XD)
    サイト設計
  • Webデザイン
    バナーデザイン
    グラフィック素材制作
    ツールの使い方
    (Adobe Photoshop)
    (Adobe Illustrator)
    デザイン
  • HTML
    CSS
    JavaScript
    WordPress
    コーディング
  • 公開

Webデザイナーに必要なスキルを
身に付ける2つのコース

Webデザイナーに
必要なスキルを身に
付ける2つのコース

グラフィックデザインコース

Webサイトのデザインやグラフィックデザイン全般に必要な知識とスキルを学習できるコースです。オリジナルグッズの制作を通してAdobe PhotoshopやAdobe Illustratorの基本操作を身につけ、タイポグラフィや配色の基礎を学んで幅広いデザイン表現ができるようになることを目指します。さらに、実際の業務フローに近い進行でWebサイトの制作を行い、実践で役立つチカラを身につけます。

Adobe Photoshop

  • 基本操作
  • イラスト
  • オリジナルパターン制作
  • 写真補正
  • 画像合成
  • デジタルメイクアップ
  • バナー制作

Adobe Illustlator

  • 基本操作
  • 文字の扱い
  • オリジナルパターン制作
  • 図形制作
  • 地図制作
  • フライヤー制作

Basic Design

  • レイアウト原則
  • タイポグラフィ
  • オリジナルパターン制作
  • 配色
  • 情報設計

HTML・CSSデザインコース

コーディングに必要不可欠なHTMLとCSS、レスポンシブウェブデザインやポップアップ表示など動的なWebサイトを作るために必要なJavaScriptについて学習できるコースです。制作現場でよく使われている高機能エディタ「Visual Studio Code」を使い、効率よくコーディングをするためのコツも伝授します。

HTML5

  • ブラウザの基礎知識
  • HTMLの役割
  • HTMLの文法
  • 主なHTMLタグの紹介

CSS3

  • CSSの役割
  • CSSの文法
  • レイアウトや装飾
  • インタラクション
  • アニメーション

課題制作

  • 水族館のサイト
  • ボタンの装飾を工夫する
  • 問い合わせフォーム
  • Javascriptを使ったゲーム
  • WordPressを使ったオリジナルブログ

サイト制作のスタンダード
WordPressをマスターする

WordPressはオープンソースのCMS(Contents Management System)です。圧倒的な使いやすさから瞬く間にサイトやブログ制作のスタンダードとなりました。多くのコーポレートサイトでも利用されておりWeb上の32%のサイトがWordPressを利用して作られていると言われています。Webサイトを運用する上で欠かすことのできないソフトウェアといえます。

  • WordPressの基本
  • メインテンプレート制作
  • ヘッダーとフッターの制作
  • 個別記事テンプレート
  • 固定ページとカテゴリー
    テンプレート
  • カスタム投稿と
    カスタムフィールド
  • 問い合わせフォーム
  • 本番公開

特長

最新の環境に準拠したオリジナル教材

それぞれのコース担当講師が執筆する、最新の環境に準拠した完全オリジナル教材で学習することができます。Web教材の強みを活かしてツールのバージョンアップやWeb業界の動向に合わせて柔軟にアップデートします。

Webデザイナーを目指す人以外にも

デザインの知識とスキルを身につければ、Webデザインの他に、名刺やフライヤーなどの印刷物、オリジナルTシャツなどのノベルティも作れるようになります。
他にも魅力的でわかりやすい企画書が作れるようになると、ビジネスパーソンにとっても大きな強みになります。

成果物を投稿してレビューを貰う

フォーラムは画像の投稿も可能です。作った成果物をフォーラムに投稿すれば、講師や他の受講生からレビューを貰うことができます。レビューは "気づき" となり、スキルアップのきっかけとなるでしょう。

Q&Aとして活用する

分からないことや気になることはフォーラムに投稿しましょう。講師や他の受講生から回答や意見がもらえます。仲間との教え合いで、より一層理解を深めることができるでしょう。

監修・講師

小島 芳樹

Webデザイン講師

1986年⽣まれ。会社員としてWebデザイナー・フロントエンドエンジニア・Webディレクターなどを経て独立。現在は、ちょっと株式会社の代表取締役として、サイト制作やシステム開発の受託事業を行っている。

Jay

教材・カリキュラム監修

1982年生まれ。Web制作会社にてディレクター及び広報としてプロジェクトのディレクションと立ち上げ及びメディアのグロースアップを経験。2013年よりドワンゴに入社し、ドワンゴジェイピーのディレクション、新規プロジェクト立ち上げを経験後、デザイナーとしてキャリアチェンジし、2016年にデザインコミュニケーション室 室長に就任。
デザイナーの評価設計や様々なサービスの改善に携わっている。

お支払い方法

ZEN Studyに加入するには、月額料のお支払いが必要です。以下のお支払い方法をご利用頂けます。

ZEN Studyに加入するには、月額料のお支払いが必要です。
以下のお支払い方法をご利用頂けます。

クレジットカード、キャリア決済の場合

クレジットカード、
キャリア決済の場合

au / docomo / SoftBank / Y!mobile

月額
1,100円
※自動更新

App Store決済の場合

月額
1,300円
※自動更新

Google Play 決済の場合

現在非対応

お支払いの詳細はヘルプをご覧ください。