統計データマーケティングお役立ちレポート全てのカテゴリを見るferret記事をさがすデザイン【非デザイナー必見!】知っておくべきデザインの基礎法則6つ【非デザイナー必見!】知っておくべきデザインの基礎法則6つ2018年05月29日デザイン会員登録するferret編集部:2015年1月23日に公開された記事を再編集しています。非デザイナーであれば、デザインの世界はセンスであったり、感性の問題だから自分にはできない。苦手意識があると思われている方も少なくないのではないでしょうか。美しいデザインには法則というものが存在します。デザインの法則さえ、理解できていれば非デザイナーであっても基礎的なデザインは可能です。今回は、非デザイナーが押さえておくべきデザインの基礎的な法則についてまとめました。上記のような形は同じでも2つ並んでいるだけの状態を見てどのように感じますか?多くの人は、「2つ並んでるだけ、よくわからない」と感じるかと思います。それでは、続いて数を増やしてみましょう。先ほどとは違い、「同じ形・サイズが一列に並んでいる、繰り返されている」と感じるのではないでしょうか。いうと、同じ形・サイズで複数並べることで規則性が生まれたことにより、一直線に並ぶ法則が一目で分るようになったからです。このように、人間は視覚的に見た情報に規則性があったほうが認識しやすい傾向にあります。先ほどの「繰り返す法則」を行うことで統一感がでるものの、単調で物足りなく感じる事もあります。繰り返す中にも強調したいものがある場合、「リズムを作る法則」がおすすめです。先ほどのサイズと同じ画像の中に、大きなサイズの画像を加えて配列を変えてみました。サイズを大きくしたり、色・角度を変えてリズムを作ることによって、視覚的に優先順位が明確になり目に留まりやすくなります。上記の画像は、文字が上下左右と不規則にレイアウト(配置)されています。読むための文章が不規則なレイアウトの場合、「読む・認識する」ために目線を頻繁に移動しなければいけません。そのため読みにくいと感じたり、違和感を覚えてしまいます。そこで、先ほどのように規則性を加えてみました。不規則だったレイアウトを規則正しく左揃えに整列させました。左揃えにしただけで、情報が整理され見やすなったのではないでしょうか。「見えない線に沿って左揃えの法則」は規則性が生まれ、視線移動が軽減される基本のレイアウトです。不規則なデザインが必要な場合4.補色を使って目立たせる色においては、規則性(同系色)を意識すると対象が目立たなくなってしまう場合があります。そのため、補色を活用することで、強調したい対象を目立たせることができます。画像参照:http://rock77.fc2web.com/main/color/color1-2.html補色とは、「正反対に位置する関係の色の組合せ」のことです。青紫」など)例えば、ホームページが、オレンジのトーン多めであれば、バナーは補色の青・紺色を使うと正反対に位置する色(不規則性)ほど目立ちやすくなります。文字だけにする写真などのコンテンツが多く並んでいる際に有効なテクニックとして、あえて文字だけの不規則性を出すことでユーザーの目を引くポイントになります。以下では、平面的なデザインの中に立体的なデザインを加えました。まとめデザインは、その人の感性や経験だけでなく、今回のような規則性やルールに基づいて構成される場合が多いです。その中で、デザインの基礎として規則性は不規則性を意識した「情報整理」が重要です。運営者がアピールしたい情報を自然に協調するということを心がけたデザインにしましょう。レイアウトレイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。詳しく見るレイアウトレイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。詳しく見るレイアウトレイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。詳しく見るレイアウトレイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るバナーバナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。静止画像だけでなく、アニメーションを用いたバナーもあります。詳しく見るコンテンツコンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。CD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。事業立案・スタートアップADグロースハックソフトバンクグループのサイバー大学がチャットコマース「ジールス」を導入。ノーリスクでリード獲得件数を増加させた3つの施策とはグロースハックADビジネスビジネスチャットだけでは限界かも......。会社の“成長期”に改めて考えたい情報共有の仕組みビジネスBtoBマーケティングのノウハウ資料をダウンロード!基礎から4ステップで実践まで!BtoBマーケティング実践ガイド(無料)BtoBマーケティング実践ガイドは、BtoB事業のマーケティングのノウハウを網羅的かつ体系的にまとめたものです。基礎から応用まで4つのステップでマーケティングが実践できるBtoBマーケターの永久保存版です。株式会社SoLabo「0→1」「1→10」がどちらも叶う。翼Webサイト制作会社、SEOコンサルタント、ferret編集部を経て2016年9月に福島県にUターン。現在はフリーランスとして、メディアを運営しつつ企業のメディア運用支援やWeb制作事業などを行う。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ケーススタディで学ぶ。PIECE』を超える異例の売上。PIECE』を超える異例の売上。意外な掛け合わせでビジネス再生!復活した斜陽産業まとめケーススタディで学ぶ。人気記事をもれなくチェックSNSで話題!BtoBビジネスで勝てるマーティングのノウハウを1冊の資料にまとめました。