文字配置 会社案内裏側 | 26才会社員のブログ

26才会社員のブログ

メインはお仕事の話

サブで趣味の話

今回も文字の配置について勉強していきます。

前回までは会社案内の表ページを参考にやってきましたが、
コンテンツが少ないので裏ページでやっていきます。
26才会社員のブログ


これはまだ上司に見せる前の形で、左ページと中央ページの
コンテンツが少ないのですが、自分なりにガイドラインを引いて
作成したものです。

引いたガイドラインはこんな感じ。
26才会社員のブログ


結構な本数引いていますが、ほとんどはガイドラインというよりは
空白調整用のものです。

それでは文字の配置を解説していきます。

26才会社員のブログ


見出し一行目の下に引いたガイドラインですが、
これは2行目の上を揃える為のライン。

次は見出し1行目の右に引いたガイドライン。
これは2行目の左をそろえる為のラインです。

見出しの2行目は薄い水色の四角形の右端に揃えたいのですが、
文字数が足りなく文字間が開き過ぎるため、1行目の右に揃えたところと
薄い水色の四角形の右端に揃えたものがあります。

次に中央ページの写真掲載欄と役員紹介テキストの
揃えについてです。
26才会社員のブログ


写真掲載欄は薄い水色の四角形の右端に、
テキストの左は薄い水色の四角形の左端、
テキストの右は写真掲載欄の左に揃えました。

解説は以上になります。

ガイドラインを外して全体を見たとき、
左ページのコンテンツが足りない以外は中々良くできたと思います。


今回はこの辺りで。


ではでは(・∀・)ノシ