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

第2回｜Webデザインの基本タイポグラフィ

おためし受講中

  • 授業で使用する教材

    教材はありません

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

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

コピーしました！

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

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

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

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    全4回 2015年3月14日公開
    Webデザインの基本タイポグラフィ

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

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

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

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

    Webのためのグラフィックデザイン （全4回）

    担当の先生

    受講生代表

    • 大木 しのぶ

      大木 しのぶ

      スクー放送部

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

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