chevron_left

Webデザインの全行程

PREMIUM
第5回

Webデザイン入門 Webフォント使用編

2015年4月18日 45min

スライド資料

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

1 / 13

授業の概要

このコースでは合計8回で一通りのWebデザイン制作方法を学びます。Webサイトを制作する流れを知り、全行程を把握する授業で、Web制作の全てを理解することができます。

今回は1限で紹介したワークフローの「5.素材集め(原稿・画像など)」「6.開発フロー」を学びます。

アジェンダ

  • cssで実装するgoogle Webフォントをデザインモックで使用する方法
  • デザインモック上で使用している日本語フォントをcssで実装する方法

こんな人にオススメ

Webデザインを身に付けたい方・初めてサイト制作に取り組む方

チャプター

play_arrow
自己紹介&アジェンダ
00:47
play_arrow
google fontの指定法
06:14
play_arrow
fontを変えると同じレイアウトのサイトが変わる:カフェ
07:33
play_arrow
fontを変えると同じレイアウトのサイトが変わる:法律事務所
04:27
play_arrow
fontを変えると同じレイアウトのサイトが変わる:子供服ショップ
05:36
play_arrow
まとめ
01:20
play_arrow
Q:日本語フォントの選択肢が少なくて悲しいです。欧文と日本語を同じページに記載する際、先生が統一感を出すために工夫していることはありますか?
03:06
play_arrow
Q:webフォントのリンクの指定場所ですが、head内であればどこでもよいのですか? 自分のcss指定より後でもよいのですか?
00:43
play_arrow
Q:Googleフォントでは英語文字がメインですが、日本語はありますか?
01:04
play_arrow
Q:webフォントは日本語も豊富にありますか?
00:55
play_arrow
Q:webフォントは自分で作れますか?
00:59
play_arrow
Q:どうしたら、ワンクリックで、/*を消してるんですか?ショートカットやファンクションキーがあるのですか?
00:53
play_arrow
Q:WEBフォントを使う際、いくつくらいまで使用するのが適切ですか? いくつもリンクするのは避けた方が良いですか?
02:46
play_arrow
Q:WEBサイトで、この文字を使っておけばいいみたいな、おすすめな定番Googleフォントは、どれですか?
02:05
play_arrow
お知らせ