デザインパターン基礎

第1回｜デザインパターン基礎 -Web制作におけるデザインの全体像をつかむ-

おためし受講中

  • 授業で使用する教材

    教材はありません

「授業フィードバック」で、授業の感想を教えてください！

チュートリアルは、こちらの「その他のオプション」からいつでも確認いただけます。

コピーしました！

ここには授業中のやりとりが表示されます

生放送でのコメントが再生されています

【前半】授業
  • 自己紹介
  • 00:00:30〜（02:02）
  • 全体の流れ
  • 00:02:32〜（00:22）
  • 今日の流れ
  • 00:02:54〜（00:58）
  • WEB制作におけるデザインの意義
  • 00:03:52〜（00:10）
  • 質問：みなさんにとってデザインとは何ですか？
  • 00:04:02〜（02:21）
  • 一般的に言われているデザインと本来のデザインの意味を学ぼう
  • 00:06:23〜（02:17）
  • WEB制作の流れを確認しよう
  • 00:08:40〜（01:40）
  • フロントエンドにおけるWEBデザインの意義を学ぼう
  • 00:10:20〜（03:24）
  • PCデザインとスマートフォンデザインの関わり方
  • 00:13:44〜（00:58）
  • PCサイトとスマートフォンサイトのそれぞれの特徴を学ぼう
  • 00:14:42〜（04:58）
  • 質問：みなさんはハンバーガーメニューは好きですか？
  • 00:19:40〜（07:53）
  • 最近のWEBデザイントレンドの傾向
  • 00:27:33〜（00:29）
  • フラットデザインとは何かを学ぼう
  • 00:28:02〜（04:46）
  • マテリアルデザインとは何かを学ぼう
  • 00:32:48〜（06:25）
  • リッチデザインとは何かを学ぼう
  • 00:39:13〜（06:05）
  • まとめ
  • 00:45:18〜（01:44）
【後半】質疑応答
  • Q,現在コーダーのみの求人がほぼない状態ですが、コーディングを主とした仕事をしたい未経験者はマークアップエンジニアから入ってフロントエンドエンジニアに就くのがよいでしょうか？
  • 00:47:15〜（01:14）
  • Q,レスポンシブデザインで、スマホとタブレットを分けることはよくありますか？
  • 00:48:29〜（00:49）
  • Q,先生はデザインも出来てプログラミングも出来ますが、どのようにプログラミングを勉強（学び）しましたか？デザイナーでプログラミングも出来る人は、なかなかいないと思うので。
  • 00:49:18〜（02:03）
  • Q,jQueryで実装する時に、どのような学び方をした方がいいですか？イベント系やメソッドなどを自分で考えてサイトなどに実装する事が出来ません。jQueryを使うのに、あたって考え方や使い方のコツなどありますか？
  • 00:51:21〜（01:12）
  • Q,ゴーストボタンは、フラットデザインとマテリアルデザイン、どちらに分類されるものでしょうか？
  • 00:52:33〜（00:38）
  • Q,最近作ったレスポンシブのサイトがあれば参考にしいたいので、教えてください(^^)
  • 00:53:11〜（00:44）
  • Q,ゴーストボタンは、フラットデザインとマテリアルデザイン、どちらに分類されるものでしょうか？(続き)
  • 00:53:55〜（00:47）
  • Q,正しい考え方と間違った考え方の違いってどういうところでしょう
  • 00:54:42〜（01:35）
  • Q,スマホ用のデザインカンプの参考例などはありますか？
  • 00:56:17〜（01:05）
  • 次回の予告
  • 00:57:22〜（00:49）
  • スクーからのお知らせ
  • 00:58:11〜

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    全8回 2016年8月1日公開
    デザインパターン基礎 -Web制作におけるデザインの全体像をつかむ-

    この授業では、Web制作におけるPCサイト及びスマートフォン（スマホ）サイトのデザインパターンとコーディングテクニックを学びます。

    CSSのみで実装できるものからjQueryを用いて表現するものまで、Webサイトを作る上で最低限必要になってくる表現方法を抜粋して紹介していきます。

    「HTMLとCSSの知識はあるけれど、レスポンシブ実装は勘でやっている」
    「jQueryの実装の仕組みがいまいちよくわからない」

    今まで“なんとなく”で実装していたコーディングを“確実”なものにするために、根拠のある知識をつけていきましょう。

    第一回目の授業はWebサイトのデザインに取り組むまでの流れから、今のデザイントレンドまでの総復習をしていきます。

    デザインパターンを学ぶ上で最低限必要な知識になりますので、しっかりと再認識していきましょう。

    ■授業のアジェンダ（予定）

    ・自己紹介
    ・Web制作におけるデザインの意義
    ・PCデザインとスマホデザインの関わり方
    ・最近のWebデザイントレンドの傾向

    デザインパターン基礎 （全8回）

    担当の先生

    受講生代表

    • 新井 利佳

      新井 利佳

      スクー放送部

    教室画面の機能をご紹介します

    学習機能を活用して、効率よく学習しましょう！