デザインの4原則「近接、整列、反復、コントラスト」の一つである、「反復」を知れば、脱素人デザインができちゃいます!
「反復」は、とてもシンプルな技法ですが、その効果は絶大です。
「まとまり感」や「統一感」を、自然に演出する事ができちゃいます!
ちなみに、このデザインの残念なところはわかりますか?
![デザイン 原則 反復 不適格](https://creativespace-shu.com/wp-content/uploads/2024/03/ベージュ-茶色-シンプル-カフェ-ランチメニュー-A4-縦-.jpg)
今回の記事を読むと、このデザインの修正点がわかっちゃいます!
さあ、統一感を演出するのに最も効果絶大なのに、とてもシンプルな技法を見て、副業Webデザインに活かしちゃいましょう!
デザイン4大原則 反復とは
![反復とは](https://creativespace-shu.com/wp-content/uploads/2024/03/ブログ11.png)
デザインする上で、「反復」は必ず覚えたい技法です!
もしかすると、自然と「反復」ができているかもしれませんが、知ってやるのと、知らないでやるのは大違いなんです!
せっかくなので、今日で「反復」を覚え、理論を知った上で使っていきましょう!
複数の写真・イラスト・文字などを、同一のデザインルールでレイアウトしていく技法
つまり、複数の要素に対し、同じルールで配置することで、規則性が生まれ、全体に統一感を作る技法です。
反復されていない例
では、具体例を見ていきましょう!
このイラストは、「反復されていない」商品カタログです。
![デザイン 反復されてないカタログ](https://creativespace-shu.com/wp-content/uploads/2024/03/White-Beige-Modern-Product-Guide-Home-Furniture-Catalogue-A4-Document.jpg)
個別にみると問題のないデザインですが、4つの写真の装飾がバラバラで、乱雑な印象になってしまいますね…。
つまり、それぞれの装飾が異なり、全体的に統一感のない仕上がりになっています。
「反復」されている例
では、デザインを修正し、しっかりと「反復」してみましょう!
![デザイン 反復されているカタログ](https://creativespace-shu.com/wp-content/uploads/2024/03/White-Beige-Modern-Product-Guide-Home-Furniture-Catalogue-A4-Document-1.jpg)
同じ装飾を全ての写真に適応し、「反復」させてみました。
統一感が生まれて、美しい仕上がりになってますね!
これがデザイン原則の1つ、「反復」の技法です。
さらに実践方法も見ていきましょう。
具体的な「反復 デザイン」を見てみよう!
![具体的に見ていこう](https://creativespace-shu.com/wp-content/uploads/2024/03/ブログ11-1.png)
反復の要素の数
「反復」は、要素が多いデザインほど効果的です。
1つ2つでは規則性は認識されませんが、4つ5つと増えていくと、規則性を自然と把握することができます。
具体的には、これは9個の要素が入った、和菓子メニューの例です。
![デザイン4大原則 反復 9要素](https://creativespace-shu.com/wp-content/uploads/2024/03/ベージュ-茶色-シンプル-カフェ-ランチメニュー-A4-縦-1-1.jpg)
どうでしょうか?
全ての写真が同じように配置され、加えて文字も中央揃えで「反復」されていて、統一感があるデザインとなっています!
具体的な「反復」の要素
デザインで反復を行う場合は、これらの全ての要素に行います。
- 写真・イラストのサイズ
- 文字サイズ
- フォント(書体)の種類
- 色
- 配置
- 余白
そして、1個2個の要素だけでなく、紙面上のすべての要素を反復することが大切です!
先ほどの和菓子のメニューだと、9個の和菓子全てに反復を行います。
一つでもルールから外れていると規則性が損なわれ、「しっくりこない」印象へつながります。
「具体的な反復の要素」を知っていると、他の人のデザインを見たときに、「この人は初心者かな?」とわかるようになります。
![デザイン4大原則 反復されていない](https://creativespace-shu.com/wp-content/uploads/2024/03/2.jpg)
![デザイン4大原則 反復されている](https://creativespace-shu.com/wp-content/uploads/2024/03/1-1.jpg)
✖は、一見すると「反復」されているように見えます。
しかし、「フォントの種類」「文字の位置」「写真の装飾」がバラバラです。
◎は、全ての要素がそろっており、明らかに統一感があり、反復されたデザインですね!
一瞬で伝える
![一瞬で伝える](https://creativespace-shu.com/wp-content/uploads/2024/03/ブログ11-2.png)
驚くことに、デザインで「反復」を行うだけで、読み手は素早く紙面の内容を理解できます。
「反復」をすることで、情報の伝わりやすさが格段に違いますので、具体例を見ていきましょう!
✖のデザイン例は、決して悪いわけではありませんが、レイアウトに規則性がないため、見るのに苦労します。
つまり、商品名・価格をするのに時間がかかっちゃうんですね…。
せっかくなら、瞬時に把握できるデザインが良いですよね!
![デザイン 整列 不適](https://creativespace-shu.com/wp-content/uploads/2024/03/5.jpg)
![デザイン 整列 適格](https://creativespace-shu.com/wp-content/uploads/2024/03/6-1.jpg)
一方、○のデザインは、情報の位置が統一され、美しい仕上がりです。
そして、前項で述べた「整列」と「近接」もされており、一瞬で理解することができますね!
まとめ
![まとめ](https://creativespace-shu.com/wp-content/uploads/2024/03/ブログ11-3.png)
意識せず「反復」を使うのではなく、意識して使いこなすことで、デザインが格段に美しくなります。
これは間違いない事実で、副業でデザインを始める方、企画書・プレゼン・ビジネス資料を作成するビジネスマンには、必ず、必ず、必ず役立ちます!
サイズ・字・色・余白は、ルールを決めて「反復」
ちなみに、「余白」は忘れがちなので、「イラスト間の余白」もしっかり統一していくと、さらに脱初心者デザインになります。
さらに、「余白」を知りたい方は、こちらの記事がおススメ!
共に、デザインを通して豊かな人生を歩んでいきましょう。
では、また次の記事でお会いしましょう(^_^)/~
コメント