apeescape2.com
  • メイン
  • Kpiと分析
  • エンジニアリング管理
  • 仕事の未来
  • ブランドデザイン
ツールとチュートリアル

タイポグラフィの解剖学の複雑さを分析する(インフォグラフィックを使用)

あなたはクリエイティブプロフェッショナルです。あなたは一日中ノートパソコンを覗き込んでいます。目とマウスの指はこれまで以上に健康ですが、体の残りの部分はしわくちゃのコーラ缶のように感じます。それで、あなたは地元のジムに向かい、フリーウェイトにシャッフルして、いくつかの筋肉の男の間の会話に遭遇します:

MD1:Sup、bro。今日は何をしていますか?

MD2:三角筋、トラップ、およびトリス。君は?



MD1:ダン、仲間。足の日です。大腿四頭筋と臀筋。

MD2:取りに行こう!

javascriptは時間なしで日付を取得します

初心者には、この交換は次のように発声されることもあります エルフ語 舌ですが、ボディービルの世界に以前に触れたことがある人にとっては、これらの勇敢な優しい仲間が、物理的な解剖学的構造のどの部分を彫刻する予定かについて話し合っていることがわかります。

同様に、 デザイナー に関連する独自のあいまいな命名法を持っている 文字の解剖学 。文字の解剖学?はい、私たちの書記言語を構築するために使用される文字には解剖学的特徴があり、 分類 。実際、文字形式の構成は非常に複雑になる可能性があります。

それでも、不思議に思う人もいるかもしれませんが、 「文字に解剖学的構造がある場合、すべての小さな部分が何と呼ばれるかを知ることに伴う実用的な価値はありますか?」

確かにあります。文字の解剖学の知識が専門家にどのように役立つかを示す4つの例があります デザイナー :

1.クライアントとの会話

ソフトウェアプロジェクトを見積もる方法

ほとんどのクライアントは、異なる文字部分を何と呼ぶか​​についての手がかりを持っていません。代わりに、彼らは次のようなことを言うでしょう、 「「c」と「t」をつなぐ小さなアーチは、私には奇妙に見えます。」 文字の構造を学んだので、彼らが何を指しているのかを正確に知ることができます— ガズック!

タイプ解剖学gadzook

Gadzooksには、ジュネーブ(左)、ヘフラーテキスト(中央)、パラティーノ(右)の書体からもわかるように、さまざまなスタイルがあります。

2.設計上の問題の診断

レターフォームは、あらゆる種類の交絡設計の問題に責任があります。かどうか ロゴタイプ 、セクションヘッダー、またはナビゲーションメニュー、文字が正しく表示されない場合があります。文字の構造を知ることで、問題をすばやく特定し、問題が存在する理由を理解し、解決策を見つけることができます。 「その「e」は見栄えが悪いので、 フィニアル 厚すぎます。もう少しテーパーを付けましょう。」

3.読みやすさの向上

文字の解剖学は実際にできます 読みやすさを妨げるまたは改善する 。たとえば、十分なカウンター(「p」や「o」などの文字の内側の負のスペース)と高いエックスハイト(小文字の高さ)を備えたフォントは、通常、読みやすいと見なされます。

書体の構造:文字の一部が読みやすさに影響します

この例では、Poplar Std Black(左)とMuli Regular(右)の読みやすさを比較しています。大きなカウンターと十分なエックスハイトのおかげで、Muliは小さいサイズではるかに読みやすくなっています。

ドキュメントデータベースは、ドキュメントを次のような論理グループにグループ化します。

4.手紙はいたるところにあります

あなたがデザイナーなら、逃げ道はありません。文字が私たちの物理的なものを支配し、 デジタル環境 。文字に関する十分な知識があれば、さまざまなビジュアルデザインの問題を解決しようとするときに、より多くのソリューションにアクセスできます。

あまり知られていないタイポグラフィの解剖学を学ぶ

実際には、文字の解剖学の用語はたくさんあり、タイプデザイナーでない限り、おそらくすべてを学ぶ必要はありません。あいまいで、定期的に出会う文字に実装されることはめったにないもの(ボールターミナル、発音区別符号、ガズックなど)もあれば、ほぼ普遍的に認識されているもの(エックスハイト、アセンダー、ディセンダーなど)もあります。

そのことを念頭に置いて、一般的に使用されているがあまり知られていない文字パーツのコレクションを紹介します。 デザイナー 知っておく必要があります。

タイポグラフィの構造と文字の構造を示すインフォグラフィック

最も成功したオンライン出会い系サイト
このインフォグラフィックのPDFバージョンをダウンロードしてください。 Infographicインフォグラフィック サルゲッチュ ');' onmouseover = '' style = 'cursor:pointer;' data-url = 'https://www.toptal.com/designers/typography/typography-anatomy-infographic' data-img = 'img / tools-tutorials / 51 / dissecting-intricacies-typography-anatomy.png'>埋め込みこのインフォグラフィックをウェブサイトに。

•••

ApeeScapeデザインブログの詳細:

  • ペンの力–ハンドレタリングチュートリアル
  • ゲシュタルトの設計原則を探る
  • 書体分類のニュアンスを理解する
  • 言葉の問題–UXコ​​ピーの真の価値
  • Webおよび印刷デザインの書体スタイ​​ル

基本を理解する

UIで呼び出されるOやPなどの文字内の空白は何ですか?

「o」や「p」などの文字内の空白(または負のスペース)は、カウンターと呼ばれます。カウンターは読みやすさに影響を与えるため、タイポグラフィの構造の重要な部分です。一般に、カウンターが大きいタイプスタイルは、特に小さいサイズで読みやすくなります。

フォントの部分は何ですか?

文字を構成するすべての小さな部分に名前を付けることになると、リストは急いで長くなります。設計者が知っておく必要のある一般的な部分には、エックスハイト(小文字の高さ)とアセンダー(「b」や「k」などの文字の上向きの語幹)があります。

タイポグラフィの構造は何ですか?

人体と同様に、文字はそれらに構造を与える部分で構成されており、人体として、これらの部分は解剖学とラベル付けされています。タイポグラフィを勉強するときに学ぶべき多くの文字の部分があります。たとえば、大文字の「G」の水平ストロークが顎と呼ばれることをご存知ですか?

デザインにおいてタイポグラフィが重要なのはなぜですか?

タイポグラフィは、読みやすく視覚的に心地よい単語を配置する方法です。これは、いくつかの理由で設計において重要です。たとえば、デジタル製品の設計者は、ユーザーが遭遇するテキストがアクセス可能で、読みやすく、視覚的に魅力的であることを確認する必要があります。

書体とフォントの違いは何ですか?

2つの用語には重複がありますが、ここに役立つ区別があります。書体は、タイプが存在する可能性のある場所(コンピューター、壁に塗られた、石に刻まれた、等)。フォントは、書体の形式でテキストを生成するデジタルファイルです。

初心者のための暗号通貨:ビットコインとそれ以降

データサイエンスとデータベース

初心者のための暗号通貨:ビットコインとそれ以降
アジャイルサーバントリーダーシップを通じて変化を促進する方法

アジャイルサーバントリーダーシップを通じて変化を促進する方法

アジャイル

人気の投稿
残り火データ:残り火データライブラリの包括的なチュートリアル
残り火データ:残り火データライブラリの包括的なチュートリアル
あなたのデザインを後押しするための創造性の練習
あなたのデザインを後押しするための創造性の練習
アイコンの使いやすさとデザインのベストプラクティス
アイコンの使いやすさとデザインのベストプラクティス
2020年のプライベートエクイティの状態
2020年のプライベートエクイティの状態
Salesforceバックエンドエンジニア
Salesforceバックエンドエンジニア
 
ビッグデータ:医薬品のR&D窮状の処方箋
ビッグデータ:医薬品のR&D窮状の処方箋
スクラムの5つの誤った希望とそれらを修正する方法
スクラムの5つの誤った希望とそれらを修正する方法
GWTがブラウザの拡張現実を解き放つ方法
GWTがブラウザの拡張現実を解き放つ方法
宿題をする:AWS認定ソリューションアーキテクト試験の7つのヒント
宿題をする:AWS認定ソリューションアーキテクト試験の7つのヒント
最大フローと線形割り当て問題
最大フローと線形割り当て問題
人気の投稿
  • これは、レイアウト内のタイプまたはその他の機能の周囲の空のスペースを指す名前です。
  • web api.netチュートリアル
  • shazamどのように機能しますか
  • 不和のためのボットを作る
  • 製造会社の勘定科目表
  • ステップバイステップの初心者のためのangularjsチュートリアル
  • 旅行するコンピュータサイエンスの仕事
カテゴリー
設計プロセス 製品ライフサイクル モバイル デザイナーライフ アジャイルタレント 人とチーム Uxデザイン バックエンド アジャイル 革新

© 2021 | 全著作権所有

apeescape2.com