コース詳細

【募集終了】Webデザイン入門
定員50名
購入期間外

【募集終了】Webデザイン入門

コース分野

こんな人にオススメ

・Webデザインのさまざまな手法を学びたい
・色彩理論や配色理論を学びたい
・Webデザイナーをめざしている
・ホームページがどのようにできているかに関心がある

概要

日常生活でよく目にするWebページやブログ、SNSなどの画面は、見た目の美しさやオリジナリティだけではなく、使いやすいようにデザインされている。優れたデザインにはセンスのみならず、利用者にとって使いやすくするためのロジカルな要素が重要である。本コースでは、Webデザインの重要な要素であるレイアウト、色彩配色、文字のデザイン、パソコンとスマートフォンでのデザイン手法の違いなどについて学習し、その良し悪しを評価できるスキルを身に付けることを目標とする。

詳細を見る
詳細を閉じる
各レッスン内容

▼レッスン1
1)タイトル:Webサイトの種類と目的
2)学習目標:
Webサイトの種類を理解する。
Webデザインは、その目的やターゲットユーザの属性に基づいていることを理解する。
3)目次:
第1章 オリエンテーション
第2章 デザインの役割と目的
第3章 Webサイトの種類
第4章 サイトの目的に合わせたデザイン

▼レッスン2
1)タイトル:Webサイトのコンセプトメイキング
2)学習目標:
Webサイト制作の流れを知り、特に企画プロセスの重要性を理解する。
デザイン検討のために必要な要素とは何かを理解する。
3)目次:
第1章 サイト制作のフロー
第2章 コンセプトメイキング
第3章 目的とコンバージョン
第4章 IA(Information Architecture)

▼レッスン3
1)タイトル:Webサイトのレイアウト
2)学習目標:
ワイヤーフレーム制作の重要性を理解する。
Webページの基本的なレイアウトパターンと、それに適したサイトの関係を理解する。
3)目次:
第1章 ワイヤーフレームの評価
第2章 レイアウトと視線誘導
第3章 レイアウトパターン①
第4章 レイアウトパターン②

▼レッスン4
1)タイトル:Webサイトのカラーコーディネート
2)学習目標:
ディスプレイでの発色の仕組みについて理解する。
色の3属性を理解し、それに基づいた配色を計画的に考えられる。
3)目次:
第1章 色の表し方
第2章 色の3属性 -色相-
第3章 色の3属性 -彩度・明度-
第4章 カラーコーディネート手法

▼レッスン5
1)タイトル:Webサイトのタイポグラフィ
2)学習目標:
フォントの分類方法などの基礎的な知識が理解できる。
文字を目立たせたり、読みやすくするために必要な法則を理解する。
3)目次:
第1章 視認性と可読性
第2章 フォントの基礎知識
第3章 視認性を高める工夫
第4章 可読性を高める工夫

▼レッスン6
1)タイトル:ナビゲーションの種類と働き
2)学習目標:
ナビゲーションの種類とそれぞれの働きを理解する。
インタラクティブ(双方向)なナビゲーションの効果について理解する。
3)目次:
第1章 ナビゲーションの種類①
第2章 ナビゲーションの種類②
第3章 インタラクティブ効果①
第4章 インタラクティブ効果②

▼レッスン7
1)タイトル:アクセシビリティとユーザビリティ
2)学習目標:
アクセシビリティの留意点を知り、アクセシブルなデザインを評価できるようになる。
ユーザビリティの高いUIを評価できるようになる。
3)目次:
第1章 アクセシビリティとは
第2章 アクセシブルなページ
第3章 ユーザビリティとは
第4章 ユーザビリティの高いUI

▼レッスン8
1)タイトル:ユーザの表示環境に関する知識
2)学習目標:
Webページを表示する各デバイスの特徴を理解し、デバイスに最適化したデザインを評価するポイントを理解する。
レスポンシブWebデザインについて理解する。
3)目次:
第1章 Webの表示のしくみ
第2章 PCとスマートフォンの違い
第3章 スマートフォンのUI
第4章 総まとめ

詳細を見る
詳細を閉じる
ライブレッスン/QAセッション

なし

講師

栗山 浩一(くりやま こういち, 英語表記 : KURIYAMA Kouichi)
栗山 浩一(くりやま こういち, 英語表記 : KURIYAMA Kouichi)

1989年、ジャストシステム入社後、DTPシステムのユーザサポートとプロモーションを担当。1998年、同社退社後フリーランスとして、XMLの教育活動に関わる一方、Webサイト制作を開始する。以後、企業・店舗・士業等のWebサイトの企画とデザインを請け負う。現在、サイバー大学客員教授を務める。 主な著書「SNSトラブル回避術」

コース目標

①Webの一般的な技術用語や概念を説明できる。
②Webサイトのプランニングにおいて重要ポイントを説明できる。
③レイアウトの働きを情報の優先度の観点から説明できる。
④色彩理論や配色理論を理解し、それを説明できる。
⑤フォントの基礎知識を習得し、読みやすくする手法を説明できる。
⑥ナビゲーションの働きとその評価ポイントを説明できる。
⑦アクセシビリティとユーザビリティの概念について説明できる。
⑧デバイスによる表示誤差を理解し、表示の最適化手法を説明できる。

基本情報

コースレベル レベル1
前提条件(準備学習・前提知識) ・Web(ホームページ)がどのようにできているかに興味がある人。
・情報をうまく伝えられる方法を知りたい人。

本コースはサイバー大学で開講している正規授業科目をベースにしているものです。
  • サイバー大学卒業生の方は、その点をご了承ください。
  • サイバー大学在学生の方は重複受講を避けるため、受講は不可となっていますのでご注意ください。
修了条件 各レッスンに設けられたWebテストで、すべて80%以上得点すると修了証が発行できます。
レッスン数/標準的な学習時間 全8レッスン(標準所要時間数:約9時間)
開講期間 開講中止
購入可能期間 2022/02/01 ~ 2022/03/24
参考資料

なし

受講料

22,000円(税込)

  • お申込みが少なく最少開講人数を満たすことができない場合、その他、やむを得ない理由により購入可能期間に関わらず中止する場合があります。詳しくはキャンセルポリシーをご覧ください

おすすめコース

全15レッスン(講義動画:16時間30分程度、Webテスト:3時間30分程度) 2022/11/01開講

情報セキュリティ応用

全16レッスン(講義動画:16時間程度、Webテスト:3時間15分程度) 2022/11/01開講

ネットワーク実践論

全16レッスン(講義動画:15時間30分程度、Webテスト:2時間30分程度) 2022/11/01開講

ネットマーケティング論