Soumettre la recherche
Mettre en ligne
Webデザイナーのためのタイポグラフィ入門1
•
53 j'aime
•
55,014 vues
Akio Yonekura
Suivre
2015 年5月23日 マイナビクリエイター https://creator.mynavi-agent.jp/seminar/detail/0020
Lire moins
Lire la suite
Design
Affichage du diaporama
Signaler
Partager
Affichage du diaporama
Signaler
Partager
1 sur 43
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Webデザイナーのためのタイポグラフィ入門2
Webデザイナーのためのタイポグラフィ入門2
Akio Yonekura
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
Concent, Inc.
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
先進的なルックデベロップメント
先進的なルックデベロップメント
エピック・ゲームズ・ジャパン Epic Games Japan
UIデザインの基本
UIデザインの基本
Roy Kim
CGWORLD Creative Conference 2017 「アセットの共有を円滑にするリグの作法」
CGWORLD Creative Conference 2017 「アセットの共有を円滑にするリグの作法」
BACKBONE-studio
ドメイン駆動設計をゲーム開発に活かす
ドメイン駆動設計をゲーム開発に活かす
増田 亨
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
Recommandé
Webデザイナーのためのタイポグラフィ入門2
Webデザイナーのためのタイポグラフィ入門2
Akio Yonekura
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
Concent, Inc.
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
先進的なルックデベロップメント
先進的なルックデベロップメント
エピック・ゲームズ・ジャパン Epic Games Japan
UIデザインの基本
UIデザインの基本
Roy Kim
CGWORLD Creative Conference 2017 「アセットの共有を円滑にするリグの作法」
CGWORLD Creative Conference 2017 「アセットの共有を円滑にするリグの作法」
BACKBONE-studio
ドメイン駆動設計をゲーム開発に活かす
ドメイン駆動設計をゲーム開発に活かす
増田 亨
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
マテリアルとマテリアルインスタンスの仕組みと問題点の共有 (Epic Games Japan: 篠山範明) #UE4DD
マテリアルとマテリアルインスタンスの仕組みと問題点の共有 (Epic Games Japan: 篠山範明) #UE4DD
エピック・ゲームズ・ジャパン Epic Games Japan
オックスフォード図書館制作奮闘記
オックスフォード図書館制作奮闘記
Aiko Shinohara
Substance Designer の使い方事例
Substance Designer の使い方事例
poko ponmaru
最新Mayaを使ったUnity 5向けキャラクターセットアップセミナー&使いこなしTips
最新Mayaを使ったUnity 5向けキャラクターセットアップセミナー&使いこなしTips
小林 信行
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
小林 信行
UE4で学ぶ水中表現(UE4 Environment Art Dive)
UE4で学ぶ水中表現(UE4 Environment Art Dive)
エピック・ゲームズ・ジャパン Epic Games Japan
多機能ボイチャを簡単に導入する方法
多機能ボイチャを簡単に導入する方法
Unity Technologies Japan K.K.
UE4で”MetaHumanを使わずに”耳なし芳一になる10の方法 | UE4 Character Art Dive Online
UE4で”MetaHumanを使わずに”耳なし芳一になる10の方法 | UE4 Character Art Dive Online
エピック・ゲームズ・ジャパン Epic Games Japan
【Unite Tokyo 2018】ユニティちゃんトゥーンシェーダー2.0使いこなしスペシャル ~こだわりの活用法を紹介します!~
【Unite Tokyo 2018】ユニティちゃんトゥーンシェーダー2.0使いこなしスペシャル ~こだわりの活用法を紹介します!~
Unity Technologies Japan K.K.
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
大規模CSゲームにおけるライトマス運用
大規模CSゲームにおけるライトマス運用
エピック・ゲームズ・ジャパン Epic Games Japan
GUILTY GEAR Xrd開発スタッフが送るアクションのためのボーン配置TIPS
GUILTY GEAR Xrd開発スタッフが送るアクションのためのボーン配置TIPS
ARC SYSTEM WORKS
ビデオゲームにおける時間
ビデオゲームにおける時間
zmzizm
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
UE4における大規模レベル実装ワークフローとブループリント活用事例
UE4における大規模レベル実装ワークフローとブループリント活用事例
エピック・ゲームズ・ジャパン Epic Games Japan
ゲーム技術の研究所 テーマ「Narrative(ナラティブ)」
ゲーム技術の研究所 テーマ「Narrative(ナラティブ)」
Kouji Ohno
UE4を用いた人間から狼男への変身表現法の解説
UE4を用いた人間から狼男への変身表現法の解説
エピック・ゲームズ・ジャパン Epic Games Japan
【Unity道場】VectorGraphicsで作る エモい表現
【Unity道場】VectorGraphicsで作る エモい表現
Unity Technologies Japan K.K.
UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)
UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)
エピック・ゲームズ・ジャパン Epic Games Japan
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
エピック・ゲームズ・ジャパン Epic Games Japan
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
Sociomedia
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
Yoshinori OHTA
Contenu connexe
Tendances
マテリアルとマテリアルインスタンスの仕組みと問題点の共有 (Epic Games Japan: 篠山範明) #UE4DD
マテリアルとマテリアルインスタンスの仕組みと問題点の共有 (Epic Games Japan: 篠山範明) #UE4DD
エピック・ゲームズ・ジャパン Epic Games Japan
オックスフォード図書館制作奮闘記
オックスフォード図書館制作奮闘記
Aiko Shinohara
Substance Designer の使い方事例
Substance Designer の使い方事例
poko ponmaru
最新Mayaを使ったUnity 5向けキャラクターセットアップセミナー&使いこなしTips
最新Mayaを使ったUnity 5向けキャラクターセットアップセミナー&使いこなしTips
小林 信行
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
小林 信行
UE4で学ぶ水中表現(UE4 Environment Art Dive)
UE4で学ぶ水中表現(UE4 Environment Art Dive)
エピック・ゲームズ・ジャパン Epic Games Japan
多機能ボイチャを簡単に導入する方法
多機能ボイチャを簡単に導入する方法
Unity Technologies Japan K.K.
UE4で”MetaHumanを使わずに”耳なし芳一になる10の方法 | UE4 Character Art Dive Online
UE4で”MetaHumanを使わずに”耳なし芳一になる10の方法 | UE4 Character Art Dive Online
エピック・ゲームズ・ジャパン Epic Games Japan
【Unite Tokyo 2018】ユニティちゃんトゥーンシェーダー2.0使いこなしスペシャル ~こだわりの活用法を紹介します!~
【Unite Tokyo 2018】ユニティちゃんトゥーンシェーダー2.0使いこなしスペシャル ~こだわりの活用法を紹介します!~
Unity Technologies Japan K.K.
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
大規模CSゲームにおけるライトマス運用
大規模CSゲームにおけるライトマス運用
エピック・ゲームズ・ジャパン Epic Games Japan
GUILTY GEAR Xrd開発スタッフが送るアクションのためのボーン配置TIPS
GUILTY GEAR Xrd開発スタッフが送るアクションのためのボーン配置TIPS
ARC SYSTEM WORKS
ビデオゲームにおける時間
ビデオゲームにおける時間
zmzizm
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
UE4における大規模レベル実装ワークフローとブループリント活用事例
UE4における大規模レベル実装ワークフローとブループリント活用事例
エピック・ゲームズ・ジャパン Epic Games Japan
ゲーム技術の研究所 テーマ「Narrative(ナラティブ)」
ゲーム技術の研究所 テーマ「Narrative(ナラティブ)」
Kouji Ohno
UE4を用いた人間から狼男への変身表現法の解説
UE4を用いた人間から狼男への変身表現法の解説
エピック・ゲームズ・ジャパン Epic Games Japan
【Unity道場】VectorGraphicsで作る エモい表現
【Unity道場】VectorGraphicsで作る エモい表現
Unity Technologies Japan K.K.
UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)
UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)
エピック・ゲームズ・ジャパン Epic Games Japan
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
エピック・ゲームズ・ジャパン Epic Games Japan
Tendances
(20)
マテリアルとマテリアルインスタンスの仕組みと問題点の共有 (Epic Games Japan: 篠山範明) #UE4DD
マテリアルとマテリアルインスタンスの仕組みと問題点の共有 (Epic Games Japan: 篠山範明) #UE4DD
オックスフォード図書館制作奮闘記
オックスフォード図書館制作奮闘記
Substance Designer の使い方事例
Substance Designer の使い方事例
最新Mayaを使ったUnity 5向けキャラクターセットアップセミナー&使いこなしTips
最新Mayaを使ったUnity 5向けキャラクターセットアップセミナー&使いこなしTips
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
UE4で学ぶ水中表現(UE4 Environment Art Dive)
UE4で学ぶ水中表現(UE4 Environment Art Dive)
多機能ボイチャを簡単に導入する方法
多機能ボイチャを簡単に導入する方法
UE4で”MetaHumanを使わずに”耳なし芳一になる10の方法 | UE4 Character Art Dive Online
UE4で”MetaHumanを使わずに”耳なし芳一になる10の方法 | UE4 Character Art Dive Online
【Unite Tokyo 2018】ユニティちゃんトゥーンシェーダー2.0使いこなしスペシャル ~こだわりの活用法を紹介します!~
【Unite Tokyo 2018】ユニティちゃんトゥーンシェーダー2.0使いこなしスペシャル ~こだわりの活用法を紹介します!~
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
大規模CSゲームにおけるライトマス運用
大規模CSゲームにおけるライトマス運用
GUILTY GEAR Xrd開発スタッフが送るアクションのためのボーン配置TIPS
GUILTY GEAR Xrd開発スタッフが送るアクションのためのボーン配置TIPS
ビデオゲームにおける時間
ビデオゲームにおける時間
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
UE4における大規模レベル実装ワークフローとブループリント活用事例
UE4における大規模レベル実装ワークフローとブループリント活用事例
ゲーム技術の研究所 テーマ「Narrative(ナラティブ)」
ゲーム技術の研究所 テーマ「Narrative(ナラティブ)」
UE4を用いた人間から狼男への変身表現法の解説
UE4を用いた人間から狼男への変身表現法の解説
【Unity道場】VectorGraphicsで作る エモい表現
【Unity道場】VectorGraphicsで作る エモい表現
UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)
UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
En vedette
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
Sociomedia
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
Yoshinori OHTA
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
実践的なUXデザインとインタラクションデザインの考え方
実践的なUXデザインとインタラクションデザインの考え方
Takahiro Ishiyama
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
インタフェースデザインの心理学 まとめ
インタフェースデザインの心理学 まとめ
akihiro_0228
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
kenji goto
マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]
YUKI YAMAGUCHI
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Tomoyuki Arasuna
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
Livesense Inc.
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Ryoji Fujishita
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Shoko Tanaka
UX / UIデザインって何?
UX / UIデザインって何?
JustSystems Corporation
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
Mizushima Kazuhiro
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
Katsumi Mizushima
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
En vedette
(20)
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Sketchで変わるワークフロー
Sketchで変わるワークフロー
実践的なUXデザインとインタラクションデザインの考え方
実践的なUXデザインとインタラクションデザインの考え方
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
インタフェースデザインの心理学 まとめ
インタフェースデザインの心理学 まとめ
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
確実に良くするUI/UX設計
確実に良くするUI/UX設計
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
UX / UIデザインって何?
UX / UIデザインって何?
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
Similaire à Webデザイナーのためのタイポグラフィ入門1
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
Azumi Wada
Grareco ws 150620
Grareco ws 150620
masashi tsuzaki
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
Chihiro Tomita
Infographics Workshop 2015.02.18 at digitalhollywood
Infographics Workshop 2015.02.18 at digitalhollywood
Akio Yonekura
Open Data Day report for Brigade meeting
Open Data Day report for Brigade meeting
CodeForTokyo
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
Takuya Nishitani
cvsaisentan5 Multi View Stereo 3.3
cvsaisentan5 Multi View Stereo 3.3
Takuya Minagawa
対話を「見える化」する ファシリテーション・グラフィック
対話を「見える化」する ファシリテーション・グラフィック
Azumi Wada
プログラミングとは
プログラミングとは
yayugu
Similaire à Webデザイナーのためのタイポグラフィ入門1
(10)
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
Grareco ws 150620
Grareco ws 150620
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
Infographics Workshop 2015.02.18 at digitalhollywood
Infographics Workshop 2015.02.18 at digitalhollywood
Open Data Day report for Brigade meeting
Open Data Day report for Brigade meeting
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
cvsaisentan5 Multi View Stereo 3.3
cvsaisentan5 Multi View Stereo 3.3
対話を「見える化」する ファシリテーション・グラフィック
対話を「見える化」する ファシリテーション・グラフィック
プログラミングとは
プログラミングとは
Webデザイナーのためのタイポグラフィ入門1
1.
Typography : A
Manual of Design Copyright (C) Akio Yonekura タイポグラフィ講座 Typography: A Manual of Design Vol.01 Akio Yonekura
2.
Typography : A
Manual of Design Copyright (C) Akio Yonekura 自己紹介 米倉明男 Webクリエイター/グラフィック・デザイナー http://neuegrafik.jp 印刷会社、Web制作会社などのデザイナー/ディレクターを経て、 2007年からフリーランスとして活動しています。 大学や専門学校、企業などでグラフィックデザインやUIデザインの講師を行っています。
3.
Typography : A
Manual of Design Copyright (C) Akio Yonekura クスール ほんきでデザイン http://cshool.jp/course/honkide_design 「Webデザインを学びたい」という方向けに、必要な知識と技術を身に付ける 全8回、40時間の講座です。 主な内容:タイポグラフィ、レイアウト、配色、Webデザイン、スマホUIデザイン
4.
Typography : A
Manual of Design Copyright (C) Akio Yonekura 1. タイポグラフィ概論 2. 美しく文字を組む 3. タイポグラフィとレイアウトの関係
5.
Typography : A
Manual of Design Copyright (C) Akio Yonekura タイポグラフィ概論
6.
タイポグラフィ概論 フォントの定義 - 文字の形(字形)をセットにしたもの (リュウミン) (ヒラギノ明朝+游築五号仮名) (丸明オールド) (こぶりなゴシック+たおやめ) フォント(FONT)とは?
7.
タイポグラフィ概論 トラヤヌス帝の碑文 ローマ帝国最盛時の皇帝・トラヤヌス帝顕彰碑に刻まれた碑文(114年頃)。 ローマン体大文字の源とされる。 http://reference.findtarget.com/
8.
タイポグラフィ概論 大文字と小文字の起源 トラヤヌス帝の碑文 カロリング文字 大文字は彫刻文字 紀元前2世紀頃のギリシャ時代から、2世 紀ローマ時代にかけて、石碑に文字を彫 るために使われていた。予め平筆で下書 きをしていた。 小文字は筆記文字 8世紀カール大帝によって文字が統一され る。(カロリンガ・ミナキュール)紙にペンで 文字を書くために使われた
9.
タイポグラフィ概論 ドイツの金属加工職人。 1445年頃に活版印刷術を発明。 ルネサンス三大発明の一つにあげられる。 金属活字を組み合わせる印刷技術。 ヨハネス・グーテンベルク Johannes Gutenberg 1398―1468 http://en.wikipedia.org/wiki/Johannes_Gutenberg
10.
タイポグラフィ概論 金属活字 Movable Type それまで1枚の板に掘られていた文字が、1文字ずつバラバラとなった。 鉛の金属を使うことで、再利用が可能になった。 これから同じ字形の文字がセットになるフォントという概念が始まった。 http://en.wikipedia.org/ wiki/Sort_(typesetting)
11.
タイポグラフィ概論 タイポグラフィ Typography とは タイポグラフィの定義 特定の目的にしたがって印刷材料を正しく配置する技であり、 それによって読者が文字を正しく理解できるように、 文字を並べ、余白を配置し、活字を使いこなす技と言える。
スタンリー・モリソン
12.
タイポグラフィ概論 イギリス人の書体研究家。数多くの活字の書体を設計している。 イギリスの新聞ザ・タイムズ用の活字書体Times New Roman(タイムズ・ニュー・ローマン)を 設計したことで知られている。 1930年に「タイポグラフィの基本原理」という論文を発表した。 スタンリー・モリソン Stanley
Morison 1889―1967 ABCDEFGHIJKLMN abcdefghijklmn Times New Roman KeyPerson
13.
タイポグラフィ概論 ビジュアル・コミュニケーションとは 企業サービスや 商品などの紹介 コンセプトをヴィジュアルに置き換えて、 メッセージを伝えるコミュニケーション手法 ユーザー アップル http://www.apple.com/ipad Visual Communication
14.
タイポグラフィ概論 グラフィックデザインの要素 文字(タイポグラフィ)は言葉を使った直接的な伝達手段になる ・テキスト ・写真 ・イラスト ・図形 ・レイアウト ・配色 ・タイポグラフィ Contents(内容) Design(表層)
15.
タイポグラフィ概論 タイポグラフィの役割 どんなに美しいグラフィックや写真、 イラストが、レイアウトされいても・・ コンセプトに適した書体を選ばなければ → メッセージは上手く伝わらない 美しく文字を組まなければ → デザイン全体が 散漫な印象を与えてしまう
16.
Typography : A
Manual of Design Copyright (C) Akio Yonekura 美しく文字を組む
17.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura ヤン・チヒョルト Jan Tschichold 1902―1974 「書物と活字」朗文堂Treasury of Alphabets and Lettering KeyPerson ドイツ人グラフィックデザイナー。1927年に著書 「ディ・ノイエ・タイポグラフィ」を発表して伝統的な デザインから、新しいタイポグラフィの創生に努めた。 後にナチスの弾圧を避けてスイスへ移住した後は、 伝統的なタイポグラフィを推し薦める。 ABCDEfGHIJKLMN abcdefghijklmnSabon http://en.wikipedia.org/wiki/Jan_Tschichold
18.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura 欧文活字の文字組 mimi
19.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura 欧文活字の文字組 mimi
20.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura 欧文活字の文字組 mimi ステムを均等に揃える
21.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura 欧文活字の文字組 mountain
22.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura 欧文活字の文字組 mountain
23.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura 欧文活字の文字組 mountain ステムを均等に揃える
24.
mountain 美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura 美しく文字を組む mountain 余白の形状を見て面積が均等になるように配置する
25.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura 欧文活字の文字組 mountainステムと空間を揃えて組んだスペーシングを基準と考える
26.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura 欧文活字の文字組 mountain mou ntain 基準をもとにツメた文字組み 空間が詰められると「力強さ」や「緊張感」を生む 基準をもとに広げた文字組み 空間が広がると「余裕」や「癒し・安らぎ」を表現できる
27.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura 文字組のサンプル 商業デザインでは、目的によって空間を使い分ける必要がある Numero 扶桑社 EFiL 扶桑社 haru_mi 扶桑社
28.
美しく文字を組む Typography : A
Manual of Design Copyright (C) Akio Yonekura タイポグラフィの技術 - 活字書体は1文字では、完成されているが複数で使用するには、 「文字を組む」技術が必要になる。 - 文字を組む際に意識することは「余白(空間)」。 - 文字組で空間コントロールを身につけると、 レイアウトの際にも空間を意識できるようになる。 - デザインの「バランス」とは、レイアウトの中に、 適切な空間が作られているかどうか。
29.
Typography : A
Manual of Design Copyright (C) Akio Yonekura タイポグラフィとレイアウトの関係
30.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 整列と関連性 オブジェクト(要素)を揃えることで、それぞれに関連性が生まれる
31.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 整列と関連性 オブジェクト(要素)を配置する際に、整列を意識するとバランスが良くレイアウト出来る。
32.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 近接と関連性 Eraser ¥ 50 Calculator ¥ 50 Scissors ¥ 150 Eraser ¥ 50 Crayon ¥ 50 Scissors ¥ 150 オブジェクト間の距離が曖昧になると、情報がわかりにくくなる
33.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 近接と関連性 ¥ 50 ¥ 50 ¥ 150 Eraser ¥ 50 Crayon ¥ 50 Scissors ¥ 150 Eraser ¥ 50 Calculator ¥ 50 Scissors ¥ 150 Eraser ¥ 50 Crayon ¥ 50 Scissors ¥ 150 関連性のあるオブジェクト間の距離を縮め、そうでないものを離すと情報がわかりやすくなる
34.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 要素と空間の関係 規定のスペースの中でバランスの良い配置を施す課題練習 Before After
35.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 要素と空間の関係 規定のスペースの中でバランスの良い配置を施す課題練習 Before After
36.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 要素と空間の関係 グレースケールで見ると要素と空間のバランスがわかりやすくなる Before After
37.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 要素と空間の関係 空間を認識できるようになると、 大胆なレイアウトをしてもバランス良く作れる
38.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 要素と空間の関係 賃貸検索スマホアプリの検証
39.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 要素と空間の関係 賃貸検索スマホアプリの検証
40.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 要素と空間の関係 使用する要素の形状を利用してレイアウトを組む
41.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 要素と空間の関係 使用する要素の形状を利用してレイアウトを組む
42.
タイポグラフィとレイアウトの関係 Typography : A
Manual of Design Copyright (C) Akio Yonekura 要素と空間の関係 使用する要素の形状を利用して レイアウトを組む chevrolet.com
43.
Typography : A
Manual of Design Copyright (C) Akio Yonekura 参考文献 - ヤン・チヒョルト「書物と活字」朗文堂 - 組版工学研究会『欧文書体百花事典』朗文堂 - アドリアン・フルティガー『活字の宇宙』朗文堂 - Emil Ruder『Typography : A Manual of Design』Niggli - Josef Muller-Brockmann『Grid Systems in Graphic Design』
Télécharger maintenant