デザインの勉強

人生が開放される地味な方法

【デザイン】字詰めをゲームで学ぶ。

Kern Type, the kerning game↑ サイトにアクセスすると ↓ この画面になる。『e』の文字をマウスで左にドラッグする。点線の部分まで。すると、自動的に ↓ 次の設問が出てくる。両端の文字を固定したまま間の二文字を、バランスよくマウスで左右に動かす。『字詰め』って言うのは、文字列をいかに美しく見せるか、という競争。この頁の乱れたアルファベットを、マウスを使って文字を左右に移動させ、綺麗になったなー、と思ったら、右下の↓『コンペア』をポチ。採点してくれます。赤ペンならぬ、青ペン付き♪↓ 点数が出る。↓ 理想の場所が ↓ 青く見えてる。↑ 理想は『y』一ポイントぐらい左だけど、100点出てる。↓ これも、『o』と『 l』がもうちょっと右だけど、100点。100しか出ないのかとずらして置いたら、62点になったので ↓100点の許容量が大きいだけっぽい。これで、最後までやると総合点が出る。イラストにかっこよくフォントを並べるには字詰めが命! 完成画右下のテキストのフォントを変更する。↓ 左が、『MS ゴシック』の等幅フォント。右が、『MS P ゴシック』のプロポーショナル...
人生が開放される地味な方法

【デザイン】フォントの話

日記 英語フォントの話アドビCCを買うと、美麗なフォントが使いたい放題!ということを、AdobeCCを使い始めて三年目の昨日知ったのでがっつりインストールしてたw私はとりあえず、全部挿れてから、使わないものを削除していくので日本語は全部インストールしたんですが英語フォントは数が違う!しかも微妙すぎて、ナニが違うのかもわかんないレベルwいや、違うのはわかるけどこれを一つずつ検証してたら作品作ってる時間無いわ、って数。英字フォントはリガチャで確認。サンプルテキストに『fft』を挿れてみた。↓ これがフォント。↓ 赤枠の、わかるかな? 『FF』がつながってるの。FF以外にもあったと思うんだけどとにかくこれを挿れて検索した。微妙なのは、これがあるフォントだけをインストールする。これって、この、『FFまわりの合体文字をフォントとして仕込んである』のね。つまりは、『手間がかかったフォント』なわけ。わざわざこんな手間をとってるんだから、他の部分も手間隙かかったフォントの筈、というおおざっぱな見方wあと、私はガツンとした太い英字と説明に適した細い英字が必要なのでそこらへんは全部インストールしておく。こ...