ミニマルデザインと聞くと皆さんはどういったものを想像されるでしょうか？真っ白？シンプルでお洒落？実はミニマルデザインにも様々なテクニックがあり、それに従うことでより良いデザインにすることができます。今回はデザイン事務所Satori Graphics(サトリグラフィックス)のYouTubeから、クオリティの高いミニマルデザインを作る方法を学びたいと思います。※翻訳・記事掲載は許諾を得ています。(Thank you, Satori Graphics !!)
以下翻訳内容です。
クオリティの高いミニマルデザインのための５つの黄金のルールを知りたいですか？テクニックを理解して習得し、クオリティの高いミニマルなグラフィックデザインを自分の技にしてしまいましょう！
ミニマルデザインのヒント１ : スペースだけではない
ミニマルデザインのプロジェクトで、忘れたり放ったらかしにしているデザイナーが多いのが「ビジュアルイメージ」です。ミニマルデザインというと、大きく空いたスペースを考える人が多いです。それはある程度は正しいです。しかし、よく考えたやり方でビジュアルイメージを使うことは非常に効果的です。もちろん、すべてのミニマルデザインがビジュアルイメージを使うわけではありませんが、アイキャッチとなったり、対称的または非対称的バランスをとったりできる、すぐれた選択肢です。
この画像では中央のモデルがアイキャッチです。彼女の左下に並べられたタイポグラフィは一種のバランスを作り出しています。左端の要素もそうです。オープンスペースとあいまって、すばらしいミニマルなランディングページになっています。
ビジュアルイメージを選ぶときは、シンプルでのびのびとした写真を探しましょう。背景に置いたイメージの透明度を上げたり、ブレンドモードにしたりして、実際に色々と試してみてください。
「ミニマルデザイン」と「シンプル」は、似ているようで別物として扱う
ミニマルデザインの話をするとき、「シンプルなデザイン」と混同されがちですが、この2つは実はニュアンスが違います。シンプルは「最初から要素が少ない・分かりやすい」という状態を指すのに対し、ミニマルは「考え抜いた結果として要素が少ない」という設計プロセスの結果を指す言葉です。
両者は見た目こそ似て映りますが、画面から受ける強さが違います。シンプルなデザインは情報が少ないぶん軽く感じられがちですが、ミニマルなデザインは「これだけしか残っていないのは、それだけ意味がある要素だから」という密度が伝わってきます。同じ「余白の多い構成」でも、空虚に見えるか、緊張感が伝わるかは、ここでの違いに由来します。
ミニマルデザインを目指すときは、「最初から要素を減らす」のではなく、「いったん必要な要素をすべて並べてから、何度も削っていく」という手順を踏むのが近道です。記事の最後で触れられる「引き算の結果」という表現は、まさにこの感覚を言い表しています。
ミニマルデザインのヒント2 : フォントの選択
フォントの選択は非常に重要ですが、ミニマルデザインにとっては尚更です。ミニマルデザインには、注意を引こうと互いに争うデザイン要素があまり多くないからです。ですから、最も人目を引くためには、明瞭で読みやすいタイポグラフィが必要なのです。
このサンプルで使われているコツは、１つか２つのフォントファミリーによるフォントパレットを作成し、そのコントラストや組み合わせを基本にして階層を作り出していることです。
デザイン要素の邪魔になるものはほとんどないので、読みやすさを確保しつつ、どのようなクリエイティブな工夫ができるか、注目を集めるメインのテキストで遊ぶことを恐れないでください。ミニマルデザインではタイポグラフィは正しく扱えばアイキャッチになります。タイポグラフィはミニマルなグラフィックデザインの重要な要素なので、通常よりも細心の注意を払って扱わなければいけないことを覚えておいてください。
ミニマルデザインのヒント3 : 色の選択
ミニマルデザインでは、色の選択はタイポグラフィと同じくシンプルにしましょう。白地に黒が基本です。白と黒は色ではないと主張する人もいるかもしれませんが、私の言いたいことは分かってもらえていると思います。色彩設計に選ぶのが黒と白”だけ”と言っているのではありませんよ。本当にその落とし穴にはまるデザイナーがいます。
また、デザインを引き立たせて、メッセージとテーマに合う色を１色選ぶようにしましょう。この画像の赤い円のように、色を使って何らかの形でアイキャッチとして働かせることも考えられます。力強さを表現するなら、鮮やかな色や明るい色が良いでしょう。背景からアクセントまでどんな使い方もできます。
デザインの主要なメッセージと全体的な雰囲気についても検討しましょう。色の選択はメッセージと雰囲気を反映します。また、書体のスタイルを引き立たせるものでなければいけません。
ミニマルデザインでの色使いのヒントはコントラストを強くすることです。この画面のように互いに対立させたときに、違いがはっきりと際立つ色を使いましょう。
ミニマルデザインのヒント4 : ゴチャゴチャさせない
ミニマルグラフィックのクローゼット整理は本当に重要です。ミニマルというくらいですから、必要なものは基本的に最小限です。また、効果的であると同時に視覚的に魅力的でなくてはいけません。
それぞれの要素ごとに次のことを考えてください。「ユーザーに素晴らしいジャーニーを提供するという目的に役立っているか？それとも単なる装飾的要素なのか？」もし単なる装飾的要素であれば、デザインに含めるべきかどうか考え直すべきでしょう。
主要要素を必須要素に至るまで磨き上げ、その必須要素をアーティスティックなアイキャッチとして使います。
削りすぎて「寂しくなった」ときは、配置の設計が追いついていない
「ゴチャゴチャさせない」という方向で要素を削っていくと、ある段階から逆に「寂しすぎる」「物足りない」と感じる仕上がりになることがあります。これは、削るペースに対して、残った要素同士の関係性を作り込むペースが追いついていない状態だったりします。
たとえばタイトルと写真だけにまで絞ったレイアウトでも、それぞれが画面のどこに置かれ、どのサイズ比で並ぶかで、印象は大きく変わります。写真を中央に小さく置いてタイトルを上に乗せただけでは、緊張感が生まれず「ただ余白が多い構成」に見えてしまいます。逆に、写真を画面端まで大胆に広げ、タイトルを写真と少しだけ重ねて配置すると、要素の数は同じでも視線誘導が生まれて画面が強くなります。
ミニマルデザインでは、「何を残すか」と同じくらい「残したものをどう関係づけるか」が問われます。要素が減るほど、配置・サイズ比・余白の取り方の影響が一つひとつ大きくなります。削ったあとに弱く感じたら、削りすぎたわけではなく、配置設計の手数が足りていないことを疑ってみてください。
ミニマルデザインのヒント5 : バランス
ミニマルデザインのための最後のルールはバランスです。力強く重いデザイン要素すべてについて、形やスペース、軽い要素とのバランスを保ち、デザイン全体のハーモニーを生む方法を探しましょう。
このデザインでは、中央右寄りの画像が左側に寄ったテキストとある程度のバランスを生んでいることに注目してください。また、右上コーナーには四角に入れられたロゴがありますが、これは下の幾何学的な形の複製であり、また別のバランスを形作っています。
次のデザインでは、ポスターの左上に丘から一部をのぞかせている太陽があり、アイキャッチのひとつとなっています。しかし、太陽とバランスを取るために、テキストは実に巧みに右下に置かれています。さらに、上半分が明るく下半分がかなり暗くなっているので、全体的にたいへんうまくバランスのとれたミニマルなグラフィックデザインとなっています。
ミニマルグラフィックのプロジェクトには、支配的な要素のためにスペースを残している、文字要素の多いデザインがたくさんあります。文字量の多さによってアンバランスなデザインに感じないようにするために、カウンターバランスを設けることが大切です。
復習テスト
ミニマルグラフィックデザインの知識をテストしてみましょう。これから出される６つの質問に答えてみてください。何点取れるかを教えてください。
テスト01 : ミニマルデザインで頭に入れておくべきもっとも重要なことはどれですか？
・色
・イメージ
・バランス
答え : バランス
テスト 02 : ミニマルデザインのタイポグラフィについて、この動画で私が述べたことはどれですか？
・１〜２種のフォントファミリーだけを使うようにする
・タイポグラフィは極めて制限すべきである
・タイポグラフィは不要である
・文字は常に左揃えにする
答え : １〜２種のフォントファミリーだけを使うようにする
テスト 03 : ミニマルデザインでは、タイポグラフィに細心の注意が必要である理由は何ですか？
・競合するほかのデザイン要素がほとんどないから
・見る人には文脈が必要だから
・あらゆるデザインには何らかのタイポグラフィが必要だから
・インパクトを加え注意を引くため
答え : 競合するほかのデザイン要素がほとんどないから
テスト 04 : ビジュアルイメージを加えることで得られるとても効果は何ですか？
・華やかになる
・アイキャッチになる
・文脈ができる
・インパクトが生まれる
答え : アイキャッチになる
テスト 05 : ミニマルデザインでの色の使い方について、動画の中で伝えたヒントは何ですか？
・１〜３色使う
・黒と白だけ使うようにする
・対照的な２色を使う
・彩度に重点を置く
答え : 対照的な２色を使う
テスト 06 : ミニマルデザインで、タイポグラフィを使うときの良いアプローチはどれですか？
・階層を作る
・セリフ系とサンセリフ系を使う
・とても大きくする
・ボールドな書体だけ使う
答え : 階層を作る
さて、以上がミニマルグラフィックデザインを検討するときに従うべき５つのルールあるいはヒントです。もちろん、この黄金のルールは、WEBサイトのデザインやUIデザイン、パンフレット、ポスターなどのレイアウト全般に向けられたもので、特定のデザインのためのものではありません。
この動画のようなグラフィックデザインコンテンツを毎週お届けしている私のチャンネル登録をお願いします。今日の動画についての感想をYouTubeのコメント欄で教えてください。
それでは次回。
未来を、今デザインしよう！
ピース！
created by Satori Graphics
ミニマルデザインは「引き算の結果」であって「最初から少なく作ること」ではない
ミニマルデザインを目指すとき、最初から要素を少なく作ろうとすると、「足りない」デザインになりがちです。ミニマルデザインの正しいプロセスは、「まず必要だと思われる要素をすべて出し切り、そこから不要な要素を1つずつ削っていく」引き算のプロセスです。
削る過程で「この要素を外しても意味が通じるか？」と問いかけ、通じるなら外す。通じないなら残す。この判断を繰り返した結果、「これ以上何も削れない」状態に到達したとき、それがそのデザインにおける最適なミニマルです。
「シンプル」も「ミニマル」も、到達するまでに膨大な検討プロセスが必要です。「最初から少なく作る」のは手抜きであり、「検討を重ねた結果少なくなった」のがミニマルデザインです。
▶︎ デザイン制作実績を見る / ▶︎ デザインのブログ記事一覧 / ▶︎ デザイン制作のガイド・媒体の特徴
この記事について
こんなページも読まれています
