chevron_left

デザインパターン基礎

PREMIUM
第1回

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

2016年8月1日 60min

スライド資料

会員登録して、全てのスライドを見よう

1 / 31

授業の概要

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

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

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

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

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

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

■授業のアジェンダ(予定)

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

こんな人にオススメ

実践的に使えるデザインパターンを学びたいWebデザイナー

チャプター

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