chevron_left

Webのためのグラフィックデザイン

PREMIUM

スライド資料

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

1 / 55

授業の概要

Webのためのグラフィックデザインを学ぼう!第二回

Webサイトという平面を構成するのはグラフィックデザインです。
欧文はオープンソースというベクター情報がフォントの中に入っているため、画像にしなくてもサイト上で美しく見えますが、日本語フォントは文字数が多すぎて対応が遅れています。そんなわけで、日本語の文字情報を画像にしてかっこよく表現するためにはタイポグラフィの知識がが必要不可欠です。

この授業では、文字のレイアウトや完成度の高いフォントについて学びます。

第二回目アジェンダ
1.審美的フォントを見てみよう
2.時代で変わるかっこよさと永遠の美しさ
3.カーニングがデザインの基本
4.文字の無い商用サイトは無い
 

こんな人にオススメ

文字組みを習得したい・バランスのとれたフォントの配置がしたい方

チャプター

play_arrow
自己紹介&アジェンダ
03:30
play_arrow
審美的フォントを見てみよう
06:39
play_arrow
コーポレートフォントを見てみよう!
05:34
play_arrow
企業ロゴの使用フォント
01:47
play_arrow
鈴木先生から聞く!フォントについて
04:26
play_arrow
中村先生から聞く!フォントについて
02:34
play_arrow
時代で変わるかっこよさと永遠の美しさ:江戸~大正時代
02:05
play_arrow
時代で変わるかっこよさと永遠の美しさ:昭和~80年代
01:45
play_arrow
写真植字の斜体はレンズを斜めにして作っていた!
04:11
play_arrow
カーニングがデザインの基本
02:04
play_arrow
文字サイズ30pxの字間と行間の関係
03:29
play_arrow
画像で文字を作る時はカーニングをする
03:01
play_arrow
文字の無い商用サイトは無い:可読性の低い字間例
01:11
play_arrow
文字の無い商用サイトは無い:高い文字組み例
05:18
play_arrow
Q:PC用とスマホ用のWEBサイトでフォントの見え方が違う場合などあると思いますが、先生方は制作段階で、どのように確認作業をしていますか?
00:57
play_arrow
Q:綺麗な文字組みができるようになるには、どのような練習をすれば良いのでしょうか?
00:20
play_arrow
Q:和文フォントでの字詰めのコツを教えて下さい。
01:10
play_arrow
Q:エッジを立てる方法を詳しく教えて下さい。
01:15
play_arrow
Q:男性の先生方は、コーディングをする時に、何を使っていますか?
01:15
play_arrow
Q:エッジを立てるためにカーニングをすると字間のバランスが崩れることがあるかと思いますが、どちらを優先しますか?
00:49
play_arrow
Q:画像でフォントを置いた後に、細部を加工することはあるんでしょうか?
00:21
play_arrow
Q:「カーニング」と「字送り」はどちらを優先させると良いのでしょうか?
01:02
play_arrow
Q:Photoshopの文字のアンチエイリアス方法は、シャープ、鮮明などありますが、画像で文字を出す場合どのように選んだらよいのでしょうか?