shufumin日記

#レイアウト #ゲームのUI #Photoshop

【レイアウト】文字を傾ける【クオリティUP】

文字の傾け方」サムネイル画像

傾き具合だけでも印象は変わる

『START』という文字を、まっすぐの状態・文字の後ろが右上がり・右下がりにした場合
【まっすぐ】以外の2つはすごく微妙な違いに見えるかもしれませんが、印象は変わります。
サンプル画像1
今回の例で【右上がり】がなぜ気持ちの良い動きになっているかというと、
①文字の高さ低さを揃えている(右上/右下共通)
②『T』の傾き具合が重要なポイントです。

これらを意識して以下の画像を見ると・・・
サンプル画像2
『START』の文字の流れ(緑の矢印の動き)が【右上がり】はスムーズです。
対して【右下がり】は、どこかおぼつかない動きになっていると思います。
→この『謎の浮遊感』が見る人に『不快』を覚えさせるかもしれないのです・・。

まとめ

使う文字やフォントによっても見え方の調整はその都度変わってくると思いますが、
テンション高/楽しい雰囲気を出したい→文字を右上がり
テンション低/不気味な雰囲気とき→文字を右下がり
といったように、時と場合によって文字の動きを使い分けると良いかもしれません('◇')ゞ