ミニマリストデザイン：すべきこととすべきでないこと

ミニマリストデザインの特徴は次のとおりです。上手くやれば、絶対に美しいです。 あなたがそれを間違えると、まったく同じ理由でそれは恐ろしいことです。 それを正しく行うことは、実際には、ほんの一握りの設計要素のバランスを取る行為です。

多くのアートやデザインのように、うまくいくものとうまくいかないものの違いを区別するには、かなり鋭い目が必要です。

そして、それはあなたがあなたのウェブデザインで避けたいと思うだけでうまくいかないものです。 あなたがミニマリズムに取り組んでいて、あなたのサイトがewwの代わりに訪問者からoohを引き出すことを望むなら、私はあなたがすべきことの多く（そしてあなたがすべきでないことの多く）であなたをカバーさせます。 。

実施：色を使用してください！

人々は、ミニマリストのデザインは単色、またはさらに悪いことに、白黒および/またはグレースケールであると考える傾向があります。

ダメダメダメ。 いいえ。

ミニマリストのデザインは、ほとんど逆説的ですが、ほとんど持っていないということではありません。 それはほとんど最大化することについてです。 あなたの意図は、あなたが持っている小さなものを最大限に活用することです。

つまり、色に関しては、色を使用する必要があります。 エポックデザインのこの例を見てください。

ここでの色の使用は最小限ですが、デザイナーはあなたがそれを確実に見ることができるようにその使用を最大化しています。

そしてここで、Boorboolから：

デュオトーンの背景は印象的で印象的ですが、顔を平手打ちすることはありません。

禁止事項：すべての色を使用してください！

それらの楽しいデザインの反対側では、ミニマリストはすべての色を使用するために多くの暗い衝動を抱き、デザインのクリーンさをスペクトル上のほとんどすべての色合いに置き換えるだけです。

さて、それはそれほど悪くないかもしれませんが、他のミニマリストの美学で色を使いすぎると、信じられないほど気が散り、自滅する可能性があります。

Rogue + Co.など。彼らは、ミニマリズムのすっきりとしたラインと非対称のカードサイズを使用して、ユーザーの注意を引き付けようとします。 しかし、彼らはすべてに余分な色を追加し、理由もなくそれをアニメーション化しました。 ユーザーをコンテンツに引き込むのではなく、コンテンツから引き離します。

ミニマリストデザインの反対、つまり。

そして、ミニマリズムを完全に理解しているボルデンがいます。 色のものを除いて。 色が多すぎて賢くなりすぎたため、余分なアニメーションを追加する必要がありました。 テキストを表示するには、画面の隅にマウスを置く必要があります。

それは最小限ではありません、今ではそうですか？

実施：アニメーションを使用する

ほら、上のアニメーションは…関係ありません。 彼らはウェブサイトに何も追加しません。 しかし、 Rogue＆Coが使用するようなシネマグラフは機能します。 彼らはただサイトを強化する必要があり、それを乱雑にする必要はありません。

ほとんどの場合、マイクロインタラクションが機能します。ボタンにカーソルを合わせるか、カードを強調表示します。 目立たない読み込み、スクロール、または背景アニメーションでさえ、目的のミニマリストデザインを強化できます。

最大のハードルは、アニメーションがデザインに適合していることを確認することです。 属していない場所に追加するだけではいけません。 Diviページで展開されているフッターが、スクロールするときにどのように注意を引くかを確認しますが、ページの使用方法を損なうことはありません。

当然のことながら、Diviには、これらの種類のマイクロインタラクションを実現するための機能が組み込まれています。

実施：空白を使用する

色のポップのように、空白（またはネガティブスペース）はあなたの兵器庫で最も有用な武器の1つです。 たとえば、ばかばかしいほど人気のあるMediumはほとんどすべて空白であり、機能します。

そして、絶対に必要なボタンやリンクに注意を引くために、唯一の色がどのように使用されているかをご覧ください。

空白を効果的に使用することにはバランスがあります。 読みやすさと実用性と美的魅力のバランスを取りたいと考えています。 ホワイトスペースを効果的に使用すると、ミニマリストのデザインを思い出深いものにするのに信じられないほど強力です。 咳グーグル咳咳

禁止事項：空白のみを使用してください

逆に、空白を使いすぎると、訪問者はサイトをほとんど使用できなくなります。 ご覧のとおり、Googleが空白を使用していることで、サイトの使用方法が強調されています。ボックスに何かを入力してください。

ただし、空白を使用してもユーザーがサイトの目的に誘導されない場合や、サイトでのエクスペリエンスが向上しない場合は、より明示的な要素を使用して誘導する必要があります。

たとえば、Thru YouTooは素晴らしいプロジェクトです。 しかし、使い方を理解するのに長い時間がかかりました（中央の大きなテキストにカーソルを合わせる必要がありますが、右上隅に引き寄せられたため、これは行いませんでした）。 あなたがそれを手に入れるとき、ナビゲーションは単純ですが、空白は私をそこに導きませんでした。

実施：適切に素晴らしいフォントを使用する

ほとんどすべてのミニマリストデザインが依存していることの1つは、フォントの効果的な使用です。 サイトに適した書体を選ぶことは、あなたの個性とあなたの製品や会社の個性をどのように示すかです。

だからあなたは人々がそれを見た瞬間からあなたのブランドアイデンティティをにじみ出させるフォントが欲しいのです。 なめらかなレタリングできれいなライン。 粗いエッジと多分いくつかのブラシストローク。 エレガントで上品。 目的が何であれ、一致するフォントを選択するようにしてください。

たとえば、Squarespaceを見てください。 サインアップフォームと使用されているフォントを確認するだけで、会社に何を期待できるかが正確にわかります。 クリーン、シンプル、そしてクリア。 それは、主に彼らが選んだフォントを通して、彼らが宣伝するなめらかさを醸し出しています。 （これが、ここで確認できる唯一のデザイン要素だからです。）

そして、Folksの人々はフォークっぽい感じを求めているので、彼らは間違いなく気持ちの良いフォントを見つけました。 彼らの製品に対する彼らの見解がそうであるように、彼らの聴衆は明白です。 そして、それは明確に述べられていません。

不適切に素晴らしいフォントを使用しないでください

そのスペクトルの反対側では、太すぎるフォントを選択すると、間違った種類のウォロップが詰め込まれる可能性があります。 誰もが自分のサイトがユニークで目立つことを望んでいます。 しかし、あなたはそれが間違った理由で目立つことを望まない。

困っている家族を助けるための人生相談を探して、次のようなサイトを見つけることを想像してみてください。

彼女があなたの命を救うための最良の選択であることをあなたが知っていることを確認したかった医者はどうですか？

または、素晴らしい現代的なWebデザイナーを探していて、見たのはこれだけだった場合：

さて、私はコミックサンズの発掘に抵抗できませんでした。 私を訴えなさい。 しかし、あなたは私の主張を理解します：フォントの選択が重要です。 特に、ミニマリストデザインを使用している場合は、書体の選択がデザインの最大の部分になる可能性があるためです。

前進して最小化！

縮小化もしますが、それはまったく別の記事です。 #iamadelight

冗談はさておき、色、書体、ネガティブスペースは一種のデザインの基本であることを忘れないでください。 あなたはそれらを正しく使うためにただ裁量を練習する必要があります。 限り私が言うように、あなたがそうであるように、それはシンプルなデザインに来るとき、私にはないではないものを、あなたは心配することは何もしてはなりません。

ミニマリストサイトをデザインするときのガイドラインは何ですか？

Boo-Tique /shutterstock.comによる記事のサムネイル