カテゴリー: 学科 レイアウトデザイン基礎

【削除予定】学科 レイアウトデザイン基礎③【オンライン】

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎③
ブラウザについて

2限目
学科 レイアウトデザイン基礎③
各ブラウザ検証について

3限目
学科 レイアウトデザイン基礎③
課題制作

4限目
学科 レイアウトデザイン基礎③
課題制作

5限目
学科 レイアウトデザイン基礎③
課題制作

本日のテーマ

ブラウザ検証についてです

ブラウザとは？

ブラウザとは、インターネットを介してホームページ（Webサイト）をパソコンやスマートフォンで閲覧するためのソフトウェアのことです。 Webブラウザとも呼ばれ、Chromeやsafari、Edgeなどが有名です。

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
「各ブラウザ検証.pdf」　

【動画】

ワンポイントアドバイス

サイトが一通り形になったら特に使用する可能性の高いブラウザは必ず確認しましょう。

参考サイト

本日の課題

提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。

本日のテーマ②

ここからは補足資料になります。
情報収集など手を動かしながらの視聴でも構いません。
もしくはお時間のある時にご自身で視聴ください。

これからの時代マーケティング能力は必須！

デザイナーだけではなく様々なお仕事でマーケティング能力が高い、意識が高いというのはどんなビジネスにおいても求められる能力です。
就職活動は、努力や苦労した分だけ、一歩踏み出した分だけその後のお仕事と未来への自分へ帰ってくるでしょう。
やっぱり就職活動は大変です！！
ですがこれを乗り越えたら次の未来が待っています。
自分のペースで良いと思います。焦らず、少しでも前に進んでいきましょう。

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
「マーケティング「結局マーケティングって」.pdf」　

【動画】

【削除予定】学科 ECサイトデザイン基礎⑤【オンライン】

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎②
RWDの歴史・基本設定Viewportについて

2限目
学科 レイアウトデザイン基礎②
Media Queries・UI/UXについて

3限目
学科 レイアウトデザイン基礎②
課題制作

4限目
学科 レイアウトデザイン基礎②
課題制作

5限目
学科 レイアウトデザイン基礎②
課題制作

本日のテーマ

スマホ対応はCSSの延長線です。

レスポンシブWEBデザイン（RWD）とは？

「レスポンシブWEBデザイン（Responsive WEB Design）」は、PC、タブレット、スマートフォンなど、デバイスの画面サイズよってResponsive=反応するWEBデザインという意味で、WEBサイトを単一のHTML（ワンソース）で実現する制作手法です。ブラウザのスクリーンサイズを基準にCSSでレイアウトすることで、デバイスごとに専用サイトを用意することなく、マルチスクリーンに対応したWEBサイトを制作できます。

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
「マルチデバイス対応の教科書②.pdf」　

【動画】「マルチデバイス対応の教科書②」

ワンポイントアドバイス

昨今のWebサイトでレスポンシブWebデザインは必須とも言える技術になります。使い方が様々ですが、特にメディアクエリはCSSの基礎理解がとても重要になります。シンプルに整理して覚えていきましょう。

参考サイト

本日の課題

ワイヤーフレームからデザインラフの作成に向け、世の中のサイトを参考に情報収集しながらレイアウトやキャッチコピー、文書を考えておきましょう。
手書きでメモしておくと良いです。