Enviar búsqueda
Cargar
Webデザイナーのためのタイポグラフィ入門1
•
53 recomendaciones
•
55,014 vistas
Akio Yonekura
Seguir
2015 年5月23日 マイナビクリエイター https://creator.mynavi-agent.jp/seminar/detail/0020
Leer menos
Leer más
Diseño
Denunciar
Compartir
Denunciar
Compartir
1 de 43
Descargar ahora
Descargar para leer sin conexión
Recomendados
Webデザイナーのためのタイポグラフィ入門2
Webデザイナーのためのタイポグラフィ入門2
Akio Yonekura
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
エスノグラフィーの実施手順
エスノグラフィーの実施手順
大輔 浅井
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
Sociomedia
【第三回】デザイン初心者でも出来る!企業ロゴの作り方【ブラッシュアップ~完成編】
【第三回】デザイン初心者でも出来る!企業ロゴの作り方【ブラッシュアップ~完成編】
schoowebcampus
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
Graphic Design 101
Graphic Design 101
sbernalmarcial
Recomendados
Webデザイナーのためのタイポグラフィ入門2
Webデザイナーのためのタイポグラフィ入門2
Akio Yonekura
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
エスノグラフィーの実施手順
エスノグラフィーの実施手順
大輔 浅井
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
Sociomedia
【第三回】デザイン初心者でも出来る!企業ロゴの作り方【ブラッシュアップ~完成編】
【第三回】デザイン初心者でも出来る!企業ロゴの作り方【ブラッシュアップ~完成編】
schoowebcampus
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
Graphic Design 101
Graphic Design 101
sbernalmarcial
パワーポイントの品質と生産性を向上させるデザイン・テンプレート
パワーポイントの品質と生産性を向上させるデザイン・テンプレート
Shinichi Miyagi
デザイン初心者でも出来る、企業ロゴの作り方 【第一回「下準備編」】
デザイン初心者でも出来る、企業ロゴの作り方 【第一回「下準備編」】
schoowebcampus
サービスデザインとUXDそしてデザインプロセス
サービスデザインとUXDそしてデザインプロセス
Masaya Ando
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
Michiyo Fukada
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
VirtualTech Japan Inc./Begi.net Inc.
【人事向け勉強会(1.19)】Retty社 奥田様 ご登壇スライド
【人事向け勉強会(1.19)】Retty社 奥田様 ご登壇スライド
Poole Team
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
デザイン思考ブートキャンプ「お財布プロジェクト(The Wallet Project)」材料リスト
デザイン思考ブートキャンプ「お財布プロジェクト(The Wallet Project)」材料リスト
Tarumoto Tetsuya
Typography - Graphic Design
Typography - Graphic Design
Abanoub Hanna
UXリサーチにおける状況理解と問いの立て方 - Design of UX Research -
UXリサーチにおける状況理解と問いの立て方 - Design of UX Research -
Koki Kusano
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
Masaya Ando
ラクしていい感じのスライドを作るための2つのポイント
ラクしていい感じのスライドを作るための2つのポイント
Kairi Ishizuka
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
tsukasa obara
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
Kazunari Kida
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜
Yuudai Tachibana
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
Yoshinori OHTA
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
Más contenido relacionado
La actualidad más candente
パワーポイントの品質と生産性を向上させるデザイン・テンプレート
パワーポイントの品質と生産性を向上させるデザイン・テンプレート
Shinichi Miyagi
デザイン初心者でも出来る、企業ロゴの作り方 【第一回「下準備編」】
デザイン初心者でも出来る、企業ロゴの作り方 【第一回「下準備編」】
schoowebcampus
サービスデザインとUXDそしてデザインプロセス
サービスデザインとUXDそしてデザインプロセス
Masaya Ando
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
Michiyo Fukada
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
VirtualTech Japan Inc./Begi.net Inc.
【人事向け勉強会(1.19)】Retty社 奥田様 ご登壇スライド
【人事向け勉強会(1.19)】Retty社 奥田様 ご登壇スライド
Poole Team
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
デザイン思考ブートキャンプ「お財布プロジェクト(The Wallet Project)」材料リスト
デザイン思考ブートキャンプ「お財布プロジェクト(The Wallet Project)」材料リスト
Tarumoto Tetsuya
Typography - Graphic Design
Typography - Graphic Design
Abanoub Hanna
UXリサーチにおける状況理解と問いの立て方 - Design of UX Research -
UXリサーチにおける状況理解と問いの立て方 - Design of UX Research -
Koki Kusano
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
Masaya Ando
ラクしていい感じのスライドを作るための2つのポイント
ラクしていい感じのスライドを作るための2つのポイント
Kairi Ishizuka
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
tsukasa obara
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
Kazunari Kida
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜
Yuudai Tachibana
La actualidad más candente
(20)
パワーポイントの品質と生産性を向上させるデザイン・テンプレート
パワーポイントの品質と生産性を向上させるデザイン・テンプレート
デザイン初心者でも出来る、企業ロゴの作り方 【第一回「下準備編」】
デザイン初心者でも出来る、企業ロゴの作り方 【第一回「下準備編」】
サービスデザインとUXDそしてデザインプロセス
サービスデザインとUXDそしてデザインプロセス
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
【人事向け勉強会(1.19)】Retty社 奥田様 ご登壇スライド
【人事向け勉強会(1.19)】Retty社 奥田様 ご登壇スライド
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
デザイン思考ブートキャンプ「お財布プロジェクト(The Wallet Project)」材料リスト
デザイン思考ブートキャンプ「お財布プロジェクト(The Wallet Project)」材料リスト
Typography - Graphic Design
Typography - Graphic Design
UXリサーチにおける状況理解と問いの立て方 - Design of UX Research -
UXリサーチにおける状況理解と問いの立て方 - Design of UX Research -
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
ラクしていい感じのスライドを作るための2つのポイント
ラクしていい感じのスライドを作るための2つのポイント
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜
Destacado
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
Yoshinori OHTA
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.
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
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
Kazuki Yamashita
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
Destacado
(19)
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
Sketchで変わるワークフロー
Sketchで変わるワークフロー
実践的なUXデザインとインタラクションデザインの考え方
実践的なUXデザインとインタラクションデザインの考え方
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
インタフェースデザインの心理学 まとめ
インタフェースデザインの心理学 まとめ
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
確実に良くするUI/UX設計
確実に良くするUI/UX設計
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
UX / UIデザインって何?
UX / UIデザインって何?
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Similar a Webデザイナーのためのタイポグラフィ入門1
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
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
Similar a Webデザイナーのためのタイポグラフィ入門1
(9)
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
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』
Descargar ahora