Photoshop オプティカルとメトリクスについて | デザインがらみの思い出しノート
Photoshopの文字詰めをしていて、いつもちょっと気になっていたこと。 ちゃんと調べてみた。 カーニングとトラッキングについて カーニングとは、特定の文字の組み合わせの文字間隔を調整する処理。 トラッキングとは、選択したテキストまたはテキストブロック全体の文字間隔を調整する処理。 ここまではあたりまえ。気になっていたのは カーニング時のオプションである オプティカルとメトリクスについて。 まずはメトリクスカーニング 多くの欧文フォントに含まれているペアカーニングを使用。 ペアカーニングには、特定の文字の組み合わせに対する間隔情報を定義。 この文字の組み合わせには、 LA、P、To、Tr、Ta、Tu、Te、Ty、Wa、WA、We、Wo、Ya、Yo などがある。 Photoshop では、メトリクスカーニングを使用するように初期設定されているので、テキストの入力または読み込み時に、特定の文
日本語の文字は濃淡の差が激しいのでただ等間隔に並べると大変美しくない？
山中俊治 Shunji Yamanaka @Yam_eye 漢字と仮名が入り交じる日本語の文字は、濃淡の差が激しいのでただ等間隔に並べると大変美しくない。そのことに気がついた人たちが何十年もかけて印刷組版を研究してきたのに、コンピュータが登場してまたその必要性を説くことから始めなければならなかった時の絶望感ったら…。 2012-11-02 06:35:13 Yumi Takata @Yumit_419 う〜ん、書体設計者は基本ベタで組んだ時に美しくなる様に設計しているはずだけどな… RT @Yam_eye: 漢字と仮名が入り交じる日本語の文字は、濃淡の差が激しいのでただ等間隔に並べると大変美しくない。そのことに気がついた人たちが何十年もかけて印刷組版を研究してきたのに… 2012-11-02 07:36:28 Akila Inouye @wellover @Yumit_419 @Yam_e
[CSS]パーセントで指定された正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニック
天地左右の中央に配置したい要素のサイズが幅も高さもピクセルで指定されていれば、marginやpaddingで簡単に配置できますが、サイズ指定にパーセントを使用した要素だと表示サイズに依存されてサイズが分かりません。 そんなパーセントで指定されたピクセルでの正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニックを紹介します。 デモページ：幅780pxで表示 HTML HTMLはシンプルで、中央に配置するdiv要素だけです。 <body> <div>Percentage sized and still centered.</div> </body> CSS ぱっと思いつく方法としてはパーセントをネガティブマージンで使えばいいのでは、となるところですが、ネガティブマージンを使用すると左右の中央はできますが、天地の中央がうまくいきません。 ここではネガティブマージンではなく、
ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね（遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
