黄金比で色々なレイアウトを作成してきましたが、今回はシンプルなガイドだけを使用しての作成をしたいと思います。
複雑に考える事なく、バランスをとることができますので、今までよりも簡単によりシンプルに素早く名刺を作成することのできる方法かもしれません。
今回のテンプレートは下記記事よりダウンロードすることができます。
https://t3l.org/design/golden-guide/
早速ガイドの配置
今回は二つのガイドを組み合わせて使用してみたいと思います。
まずこの中央が小さい9分割のガイドと、下のスクリーンショット中央が大きい9分割のガイドを使用します。
この二つをくっつけたのが下のような形になります。
ただ単に二つのガイドをくっつけただけですが、今まで色々なレイアウトと実験で作成してきたこともあってか、このガイドを見ただけでも様々なレイアウトが思いつくようになりました。
ですが、今回は今までの中で一番シンプルな形を作成したいと思います。
情報の配置
縦のガイドに沿って横幅を調節し、縦の位置に関してはある程度横のガイドに合わせて調節しました。
ロゴはガイドいっぱいにするのではなく、余白をしれてサイズを調節しました。
中央揃えですと、縦型の名刺の方が合うような感じがしますが、今回やってわかった事は、名前を強調する場合は横型の方が大きくしやすいと感じました。
ガイドを外すとこんな感じ
黄金比を使うだけでこんなに綺麗に簡単に整うのであれば、デザイン・レイアウトに苦手意識があるけど触る機会があるコーダーさんやフロントエンドエンジニアの方にもとってもおすすめです。
まとめ
今回も簡単にですが、レイアウトの1例を作成してみました。
黄金比のガイド違う種類を組み合わせるだけでも、色々なレイアウトを見つける事が出来ます。
そして似たようなレイアウトでも、数値的にも綺麗な根拠のあるレイアウトを組むことができる他、ルールも整う事でより洗礼されたデザインに繋げる事ができると思います。
是非、普段から黄金比を使うようにし、ご自身のセンスにプラス底上げたデザインに繋げていただけたら嬉しいです。
