Home > 行揃えをキレイにみせる意識

KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~

行揃えをキレイにみせる意識

パソコンスクール パソコン教室 KENスクール 無料体験授業・無料相談はこちら 資料請求はこちら

  • Posted by: kenschool
  • 2011年1月28日 10:36

文字のレイアウトを考えるとき、

どのようにレイアウトすると綺麗に見えるのか

考えることは非常に重要なことです。


例えば単純に文字を左寄せを行ったからといって

レイアウトが綺麗になるとは限りません。


文字には重心が存在します。
 

例えば欧文では文字によって重心がずれることがあり、

「C」は丸に近い形ですが、「V」や「Y」は斜めに広がる線になります。
 

下図は文字を図形で表したときの形状イメージとなります。

文字形状


下図は単純に左揃えを行った場合です。
 


左端に基準線を引くと、確かに左揃えにはなっていますが

「Y」などの文字は「R」や「B」の文字よりもやや左にずれて見えたりします。

左にずれて見える


下図は文字の重心を意識して配置したレイアウトです。
 


部分的に文字の行頭を基準となる線よりわざとはみ出させることで、

全体的に文字のバランスが良くなった事が分かります。

文字のバランス修正

このように文字をレイアウトする時は、

単純に行揃えをするだけで終わるのではなく、

文字の重心を意識したレイアウトを心がける事で

安定したレイアウトを確保できます。


細かな点ですが、これからレイアウトを勉強する方は

これまでに挙げた点にも注目してレイアウトを作成してみてください。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
 

Trackbacks:0

TrackBack URL for this entry
http://web.kenblog.net/mt-tb.cgi/1140
Listed below are links to weblogs that reference
行揃えをキレイにみせる意識 from KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~

Home > 行揃えをキレイにみせる意識

Search
Feeds

Return to page top