allWeb制作フローが変わる!便利な最新オンラインツール43個まとめ【2020年版】2020年2月21日ずっと使える、デザインの基本まとめました。Communication)。Communication」が公開されていたので、今回は項目ごとに詳しく見ていきましょう。配色の決め方にはじまり、タイポグラフィやシェイプ、直線ラインの使い方、機能的な階層の作り方、余白スペースの取り方など、デザインに必要な基本事項がまとめられています。Communicationは、デザイン初心者が理想的で、効果的なビジュアルを作成できるポイント10個をまとめています。どの項目も基礎知識ばかりで、覚えておくことでより魅力的なデザインを、手軽に作成する手助けをしてくれます。その1カラーホイールの使い方を覚えよう。カラーホイールをうまく組み合わせることで、魅力的な配色カラーパレットを作成することができます。詳しい内容については、デザイナーが知っておきたい、配色の基本原則10個まとめで触れていますので、こちらも参考にどうぞ。選択したメインカラーの両隣にある色を加えた、理想的な3色使い。選択した色の反対側にある色との組み合わせ。補色を利用したときに、コントラストきつい場合は、両サイドの色を選択。配色に3色以上を利用するときに便利で、デザイン性を保ったまま色の追加が可能。メインカラーを支点として三角形を描いた配色の選び方。その2利用するタイポグラフィーを選ぼう。フォントの効果的な組み合わせ方を知ることで、自由にデザインルールを壊し、オリジナル性を演出することができます。現役デザイナーが実践している、フォント組み合わせ10個の黄金ルールでは、より詳しいフォントの組み合わせ方を紹介しています。細字と太字を組み合わせ、コントラストを表現しよう。雰囲気のあったフォントを利用しよう。利用するフォントの数を、2種類に制限しましょう。フォントの大きさ、ウエイトを調整しよう。Sasnフォントの利用は避けましょう。その3シェイプの種類や雰囲気を知ろう。利用するシェイプによって、それぞれ異なる雰囲気やムードを演出することができます。各シェイプの特長を覚えておくとよいでしょう。その4階層をうまく利用しよう。Hierarchy)は、情報やデザイン要素をまとめることができ、メッセージをより伝えやすくしてくれます。詳しい階層の解説は、こちらのエントリーを参考にどうぞ。各デザイン要素を、三角形に並べよう。Ratio)を利用しよう。動きをうまく表現しよう。注目して欲しい、フォーカルポイントを作成しよう。規則性のある配置を心がけよう。デザイン要素をランダムに並べてみよう。その5ライン線を有効活用しよう。ラインをうまくデザインに利用することで、適切なムード、雰囲気を作りあげることができます。その6図形や記号の使い方を学ぼう。各デザイン要素をどのように加工し、利用することができるのかまとめています。作成しているデザインプロジェクトに応じて、編集方法も変わってくることを理解しておきましょう。その7コントラストのあるデザインを心がけよう。デザインにうまくコントラストを加えることで、より分かりやすく、情報を伝えることができるだけでなく、デザイン性の改善にもつながります。コントラストを表現できるテクニックは以下より。フォントサイズを調整しよう。フォントウエイトを利用し、強調したい単語を太字にしよう。Direction)、並べ方にもオリジナリティーを。Form)や種類を検討しよう。Structure)にも目を向けよう。テクスチャを利用して、デザインの質感をアップしよう。その8デザイン要素の順番を考えよう。グリッドレイアウトを利用することで、注目して欲しいデザイン順に並べ、順序を作ってみましょう。利用できるレイアウトは以下よりどうぞ。Gridとも呼ばれ、ひとつの大きなグリッドが用意された、もっともシンプルなレイアウト。ウェブサイトでよく見かける、複数のカラムに分けられたレイアウト。カラム型グリッドに複数の水平ラインを追加したレイアウト。直感的にフォーカル・ポイントをきめた、ウェブサイトでよく利用されているレイアウト。人工的な曲線を描くことで、注目して欲しいポイントをまとめます。デザインパーツを揃えて配置するテクニックのひとつ。その9フォントウエイトを利用しよう。異なるフォントを活用するのではなく、太さに応じて複数のウエイトを収録した、フォント・ファミリーを活用することで、デザインに統一性が生まれるだけでなく、注目ポイントを強調することもできます。フォントの実践的な組み合わせ方については、デザインに迷ったら見直したい、50個の秘訣テクニック完全ガイドを参考にどうぞ。その10余白スペースを活用しよう。各デザイン要素にうまく余白スペースを加えることで、デザインをより魅力的に仕上げることができます。さまざまなスペースの作成方法は以下より。デザイン画などの中心にくる部分。デザイン画などの背景にあたる空白の部分。レイヤーを積み重ねることで、立体感を演出します。二つ以上のデザインが重なりあった様子。デザイン要素をパズルのように、びっしり並べます。デザイナーが知っておきたい、配色の基本原則10個まとめ同デザイナーが作成した、配色の基本原則をまとめたインフォグラフィックスにも、目を通しておくと良いかもしれません。Earthから無料ダウンロードできる美しい壁紙1000枚がリリース!商用利用も可能に2020年2月17日300年以上前のイラスト画15万枚がパブリックドメイン公開中!無料ダウンロード、二次創作も可能に2020年2月13日おめでとうDCJ!2周年記念で人気素材集が99%オフの特別再販大セール中2020年2月12日ずっと使える、デザインの基本まとめました。【2019年版】パブリックドメインで無料!世界の名画500万枚をダウンロードできる美術館サイト16個まとめ"ウェブ考察"の最新記事はこちらずっと使える、デザインの基本まとめました。