3/4(Mon)

今日の生放送

せきぐちひろゆき

関口 浩之

フォントエバンジェリスト

1960年生まれ。群馬県出身。現在、SBテクノロジー株式会社でWebフォント・エバンジェリストとして活動しつつ、フォントの楽しさを伝える伝道師「フォントおじさん」として広く一般に知られる。 Web担当者Forum、マイナビ IT Search+、MdN Design Interactive、翔泳社CreatorZine、日刊デジタルクリエイターズ、Schoo等のオンラインメディアや、印刷雑誌や情報処理などの専門誌にて、文字に関する記事を多数寄稿。また、大学や専門学校での特別講師も担当。CSS Niteベスト・セッション2017にて「ベスト10セッション」「ベスト・キャラ」を受賞。2018年および2019年も「ベスト10セッション」を受賞。フォントとデザインをテーマとした「FONTPLUS DAYセミナー」を主催。2021年3月発売の「オンスクリーン タイポグラフィ 事例と論説から考えるウェブの文字表現」(BNN)へ執筆。趣味は天体写真、オーディオ、散歩など。

関口 浩之

登壇している授業のカテゴリー・関連タグ

担当のコース

ウェブサイトのデザイン性や訴求力を高めるために、これまで、グローバルナビや見出し、キャッチコピーなどのテキストコンテンツでは、文字を画像で表現することが多くなっていました。 ところが、この方法では文章修正のメンテナンス、文章の検索といった課題があります。そこで生まれた技術が、Webサーバー上にフォントファイルを置く方式、または必要なフォントをクラウドサーバーから取得する方式で、Webデザイナーの意図するフォントを表示できるようにした”Webフォント”です。 昨今、日本語に対応したWebフォントサービスを導入する企業が増えてきました。 最近とても身近になってきた「日本語Webフォント」。聞いたことあるけどまだ使ったことがない、どこから取り組んでいいのかわからない、むずかしそうだけど実際はどうなの、と思っている方も多いと思います。この授業では基礎から日本語Webフォントを学んでいきます。

皆さんは普段PCやスマホで使用しているデジタルフォントがどのように生まれたのか知っていますか?  この授業ではデジタルフォントの歴史と未来について下記3つのテーマで解説します。 ・90年代インターネット黎明期のフォント事情 ・システムフォントからWEBフォントへの進化の歴史 ・フォントの未来(具体的な最新導入事例)

担当の授業一覧 全3授業

日本語Webフォント基礎 -2限目-

第2回 日本語Webフォント基礎 -2限目-(60分)

2016年6月30日放送

ウェブサイトのデザイン性や訴求力を高めるために、これまで、グローバルナビや見出し、キャッチコピーなどのテキストコンテンツでは、文字を画像で表現することが多くなっていました。 ところが、この方法では文章修正のメンテナンス、文章の検索といった課題があります。そこで生まれた技術が、Webサーバー上にフォントファイルを置く方式、または必要なフォントをクラウドサーバーから取得する方式で、Webデザイナーの意図するフォントを表示できるようにした”Webフォント”です。 昨今、日本語に対応したWebフォントサービスを導入する企業が増えてきました。最近とても身近になってきた「日本語Webフォント」。聞いたことあるけどまだ使ったことがない、どこから取り組んでいいのかわからない、むずかしそうだけど実際はどうなの、と思っている方も多いと思います。このコースでは基礎から日本語Webフォントを学んでいきます。 2限目では、書体選択のポイント、文字詰め表現などをデザイン観点から学ぶことができます。書体が持っているイメージや訴求力をうまく活用することでWebサイトのブランディング向上を図ることもできます。また、日本語Webフォント導入事例を紹介しながら導入効果を学びましょう。導入効果を知ることで、クライアントへ提案する際のヒントが見つかります。 雑誌の表紙や広告ポスターにおいてはそのブランドイメージにあった書体が使われ、読みやすい文字組みがされていると思わず目にとまります。Webデザインにおいても、Webフォントを利用することで同様のことができるようになりつつあります。デザイナーの方のみならず、エンジニアの方、ディレクターの方もぜひご参加ください。 授業内容 1. 書体選択のポイント 2. Webフォント文字詰め機能の紹介 3. 表示スピードを改善するコツ 4. 導入事例の紹介 5. クライアントへの提案方法 6. Webフォント最新トレンド   スライド資料6ページ参考URL:http://pr.fontplus.jp/schoo/021/ スライド資料17ページ参考URL:http://pr.fontplus.jp/schoo/004/ スライド資料26ページ参考URL:http://kuri.nifty.com/seesea/index.htm

日本語Webフォント基礎 −1限目–

第1回 日本語Webフォント基礎 −1限目–(60分)

2016年6月30日放送

ウェブサイトのデザイン性や訴求力を高めるために、これまで、グローバルナビや見出し、キャッチコピーなどのテキストコンテンツでは、文字を画像で表現することが多くなっていました。 ところが、この方法では文章修正のメンテナンス、文章の検索といった課題があります。 そこで生まれた技術が、Webサーバー上にフォントファイルを置く方式、または必要なフォントをクラウドサーバーから取得する方式で、Webデザイナーの意図するフォントを表示できるようにした”Webフォント”です。 昨今、日本語に対応したWebフォントサービスを導入する企業が増えてきました。最近とても身近になってきた「日本語Webフォント」。聞いたことあるけどまだ使ったことがない、どこから取り組んでいいのかわからない、むずかしそうだけど実際はどうなの、と思っている方も多いと思います。このコースでは基礎から日本語Webフォントを学んでいきます。 1限目では、日本語Webフォントを基礎から学び、ご自身で導入できることをゴールとしています。日本語Webフォントは、HTMLとCSSの基本的知識があれば、だれでも習得することができます。また、フォントはデザイナーだけが学ぶものではありません。マークアップエンジニア、ディレクターをはじめ、Webに関わる方、すべての人にとっての必修科目です。身近でありながら、きちんと学ぶ機会が少なかったフォントを楽しく一緒に学びましょう。 授業内容 1. システムフォントの話 2. 画像文字とテキスト文字の違い 3.日本語Webフォントがなぜ必要なのか 4. Webフォントを導入するための準備 5. 導入方法 6. Webフォントのメリット/デメリット   画像文字のサンプルページ Webフォントのサンプルページ Motion Typographyの作品URL FONTPLUS無料トライアル版