整列

こんにちは、八十川です!

今日も元気に社内勉強会始まりますよ~。
2週に渡り「近接」を勉強してきましたが、いかがでしたか?
(前回の内容です→「近接 後編」まだの方はぜひお読みください。) 

こんな感じで引き続き勉強したことを
紹介していけたらと思います!



それでは今回勉強した「整列」について
お話ししていきます。

「整列」とは、文字通り綺麗に並べるということですね。
原則としては、ページ上のすべてのものを意識的に配置
しなければならない、ということです。
ページ上のすべての項目が、なにかほかのものと
視覚的に関連していなければなりません。
整列の原則を使うためには、いっそう意識的になる必要があると
いうことですね。

ページ上の項目が整列しているときは、より強く団結した
ユニットが生まれ、たとえ要素と要素が離れていても
整列していれば、それらの要素を結びつける透明な線が、
視覚的にも心理的にも存在します。
要素と要素の関係を示すためにそれらを引き離しても
(近接の原則)、整列の原則を用いていれば、どちらも
同じものの一部であることがわかります。


例1

これはチケットセンター前で整列できて
ない状態です。
不快感を生み出し、無秩序に見えますね。


例2

整列させてみました。
情報がより明確にわかりますね。

整列させるだけでこんなにも情報の伝わり方が
違いますね。



次に、この事例をご覧ください。




例3のテキストは整列していますね。
上から下に中央で揃っているからです。
整列していることで、綺麗にスッキリ見えますが、
中央ぞろえは、少し弱く見えることがあります。



右ぞろえにデザインを変えてみました。
いかがですか?
テキストを右ぞろえか左ぞろえにするだけで
テキストの力強さが格段に上がりましたね。



中央ぞろえは、初心者に最も一般的に使われる整列方法です。
今ブログを読んでくれている、あなたはどうですか?
なんでも自動的に中央ぞろえする傾向がありませんか?

中央ぞろえがいけないというわけではありません。
中央ぞろえは、失敗の危険がほとんどなく、安心感を与えます。
ですが、ただ単に退屈に見えることもあります。


積極的に力強い右ぞろえや左ぞろえを、近接の上手な利用と
組み合わせれば、あなたの作品は見違えるように変わるはずです!




次のレターセットの事例をご覧ください。


悪くはありませんが、
中央ぞろえのレイアウトは少し退屈ですね。
枠線で囲うことで、空間が閉じられている
ために窮屈な感じがします。




左ぞろえにしてみました。
点線を左側だけにしたので、
ページに解放感が出るとともに
整列が協調されていますね。


中央ぞろえも、多くの美しいデザインで使われています。
だから、絶対に使ってはいけない。と言うわけではありません。
中央ぞろえがもつ効果に、意識的になるように心がけることです。
例えば、結婚式はほとんどの場合、静粛でフォーマルなできごと
なので、その案内状に中央ぞろえを使いたいというなら
意識的に、喜ばしく、中央ぞろえを使うべきです。
何を伝えてたいか、どういったデザインが最適かしっかりと
見極め、一番伝わるデザインを選ぶことが大事ですね。


少し中央ぞろえのことばかりになりましたが、
整列で重要なこととは、ページ上のすべてのものを
根拠なく配置しないこと、ページ上のすべての要素が
ほかの要素と視覚的つながりを持つようにすることが
重要となります。
一体性は、デザインにおける重要なコンセプトの一つです。

強い整列が、もちろん相応しい書体と組み合わされて、
洗練された表現、フォーマルな表現、楽しい表現、真剣な表現を
生み出す主役になることはよくあります。
意識的に要素を配置し、物理的に離れていたとしても、
揃えることができるほかの要素を必ず見つけることが大事です。


「整列」についていかがでしたか??
私もついつい中央ぞろえを使ってしまっていたな~と反省しました。
何を伝えたいか、伝えることは何なのかしっかりと見極め
適切な表現をしなくてはいけませんね。



次回は「反復」について勉強していきます!
お楽しみに!!




お気軽にどうぞ!

ご相談のご予約はこちらから!

ロイテムのご相談はこちらから!

ホームページ一体型予約管理システムはこちらから!



■───────────────────────────── 
│ 株式会社アリスプラン ロイテムカスタマーサポート係 
■───────────────────────────── 
│ 本社:香川県高松市十川東町83番地1 
│ 営業受付時間:9:00~18:00(土日祝休み) 
│ TEL:087-814-3974 FAX:087-814-3964 
│ 代表mail:ccc@aliceplan.com 
│ 販売システム「ロイヤルカスタマーシステム」 
│ ロイテムさえいれれば優良顧客を育てることができる!を信念に 
│ サイトURL:https://www.loytem.com/ 
│ お知らせ一覧:https://aliceplan.com/blog/?search=on&category=ロイテム 
│ Q&A:https://aliceplan.com/blog/?search=on&category=ロイテムQ%26A 
■─────────────────────────────
 

lineで相談
ロイヤルカスタマーシステムの公式ホームページのリンクです。

ブログ一覧へ戻る