非設計者のための基本的な設計原則

これは、プロのデザイナーにお金を払う余裕がないすべてのコンテンツクリエーター、およびデザイナーがいつも忙しくて手伝うことができないチームの非デザイナーのためのものです。これらの簡単な手順に従うことができれば、私はあなたのデザインがより良く見えることを保証します。

このリストは、デザイナー以外の友人、家族、同僚が日常生活で必要なものをデザインするのに苦労しているのを何年にもわたって観察して生まれました。個人的なニュースレター、CVとポートフォリオ、FacebookやInstagramに投稿するための写真、YouTubeのビデオサムネイルなど。

これらの人々はすべて、物事をより良く見せるための助けとアドバイスを求めて私にやって来ました。私は「人に魚を教える」という考え全体を固く信じているので、彼らのために物事をデザインするのではなく、将来同様の問題に役立つ貴重なアドバイスを提供しようとしました。

時間が経つにつれて、私は人々に同じヒントを何度も何度も与えてきたことに気づきました。私はそれらを毎回異なる言葉で表現しましたが、私のアドバイスはすべて、これらの4つの原則に要約することができます。

このようなリストが何千もあることは承知していますが、これらのリストは多すぎると思います。非設計者として、25の「単純な」(25のパーツを含むものは本当に「単純な」ものではない)ステップのリストに一貫して従うことはできません。そして、あなたはそうする必要はありません。

これは、光沢のある美しいデザインを作成するのに役立ちますか?いいえ。これは、誰もが簡単に理解して操作できる、優れた、明確でわかりやすいデザインを作成するのに役立ちますか?絶対に。それで、それ以上の苦労なしに、私はあなたに提示します:

優れた結果を達成するために誰でも従うことができる4つの基本的な設計原則

コントラスト

すべての要素の間に十分なコントラストがあることを確認してください。

どうして?少し違うが、十分に違うわけではないので、一種の不気味の谷を作ります。彼らは人間の目に不気味で反発を感じ、そして/または理解するのが難しい。今、私たちはそれを私たちのデザインに望まないのですか?

デザインの要素は、まったく同じであるか、大幅に異なる必要があります。

コントラストの問題は、主に4つの異なる方法で現れます。

1.色:明るい色には暗い色を使用し、その逆も同様です。

例:少し濃い灰色の灰色や水色の薄いピンクなどの組み合わせは絶対に使用しないでください。読み取りや操作が非常に困難です。

2.サイズ:まったく同じサイズか、かなり異なるサイズの要素のみを並べて配置します

例: 32ptと36ptのテキスト行を並べないでください。一方、18ptと36ptは一緒にうまく機能します。

3.重量:サイズと同じですが、まったく同じ重量か、かなり異なる重量の要素のみを並べて配置します

例:同じ書体の「太字」と「黒」のウェイトを並べないでください。見た目が似すぎているためです。一方、「ライト」ウェイトと「ボールド」ウェイトは一緒に使用すると効果的です。

4.スタイル: 1つのイタリックタイプを別のイタリックタイプの隣に配置したり、1つのセリフ書体を別のセリフ書体の隣に配置したりしないでください。異なるものを組み合わせる。

例:「TimesNewRoman」と「Georgia」を並べないでください。見た目が似すぎています。かなり異なるスタイルのフォントを組み合わせます。

一貫性

同様の要素が同様の方法で表示されることを確認してください。

どうして?まず第一に、物事の一貫性を保つこと(したがってシンプルにすること)により、人々は常に変化するものに気を取られるのではなく、デザインの重要な側面に注意を向けることができます。

第二に、一貫性は信頼を高め、物事をただすぐにまとめるのではなく、実際に設計されたよう見せます

あなたがそれらを選択した後、固執すること:

  • 書体/フォント
  • カラーパレット/色合い
  • グリッド
  • 配置
  • 装飾的な要素のスタイル

等々...

隣り合って表示されるさまざまな部分(たとえば、YouTubeチャンネルのビデオサムネイル、または中程度の記事のカバー)で作業している場合は、それらすべてに1つの全体的なスタイルを選択し、それに固執します。

オッカムのかみそり

別名ビジュアルノイズの削減

デザインで使用する要素の数が少ないほど、優れています。

どうして?人間の脳が情報を処理し、入力の過負荷で意思決定を行うことは困難です。装飾要素(書体、色、影、フレーム、ストローク、アイコン、パターンなど)はできるだけ少なくしてください。

Occam'sRazorのデザインバージョンをすべてに適用します。

2つの要素だけで何かを達成できる場合は、3を使用しないでください。10の要素で何かを達成できる場合は、20を使用しないでください。

古い英語のスコラ哲学者が好きではなく、Netflixで見ることができるものを好む場合は、確かに、自分のデザインの近藤麻理恵になりましょう。喜びを引き起こさない(またはデザインの有用な部分ではない)ものは何でも、行かなければなりません。

スペース

物事が配置される方法は、それらの意味についてのメタレベルのメッセージを送信します。

何でこれが大切ですか?物をどのように配置し、それらの周りにどれだけのスペースを追加するかを気にすることは、デザインの複雑さを軽減するのに役立ち、したがって、見やすく、操作しやすくなります。

デザインのスペースを使用して、次の3つのことを意味することを伝えます。

1.近接性=関連性

他の要素よりも互いに近いものは、他の要素よりも互いに関連していると認識されます。

これは、あまりにも頻繁に無視されているように感じるので、最も重要です(名前を挙げずに、プロのデザイナーであると主張する人もいます)。

これは、次のようなさまざまな方法で適用できます。

  • 行間のスペースは、行内の各単語間よりも多くする必要があります。同様に、段落内の行間よりも、異なる段落間のスペースを増やす必要があります。
  • デザインの要素は、それらの要素とコンポジションのエッジの間よりも、互いの間のスペースを少なくする必要があります。
  • ラベルとサポート情報は、それらが説明/関連する要素の近くに配置する必要があります。

2.ネガティブスペース

オッカムの剃刀と組み合わせて、デザインにできるだけ多くのネガティブスペースを与えて、デザインを整理し、その意味をより明確にします。

限られたスペースに多くの要素を入れることは、3つの異なる曲を一度に聴こうとするようなものです。何が言われているのか理解するのは難しいです。

3.重要性と秩序

これは非常に常識ですが、それでもここで言及しなければならないような気がします。

最も重要なことは、最初に置くか、および/またはそれらに最も多くのスペースを占有させることです。順序を伝えるために物事のシーケンスを使用します。など。あなたは間違いなく残りを理解することができます。

終わり

おめでとうございます!作成しているものを作成しながらこれらすべての手順を実行した場合、業界標準では非常に見栄えがする可能性があります。

他のすべてのために、常にデザイナーがいます。

***

私の名前はMészárosAnnaです。私はグラフィック/ UIデザイナーからUX / UIデザイナーに転向し、哲学の学歴とあらゆるもののデザイン倫理に関心を持っています。もっと志を同じくする人とつながりたいので、遠慮なくメッセージを送って、MediumまたはTwitterでフォローしてください。