対比 デザイン
今回は色と色の組み合わせ(隣あう色)によって見え方の変わる視覚効果についてです。 色の対比には大きく4つの対比があります。 明度対比 彩度対比 色相対比 補色対比 周りの色の明度差によって明るさが違って見える現象を明度対比、同じように彩度差によって鮮やかさが違って見える現象を彩度対比といいます。 色の組み合わせによって色相がずれて見える現象を色相対比、補色同士が隣合ってお互いの色を鮮やかに見せる効果を補色対比といいます。 2.明るさの感じ方が変わる「明度対比」 明度対比は、周りにある色の明度によって同じ色が違って見える現象です。 真ん中のグレーは同じ色ですが、高明度(薄いグレー)に囲まれた方は実際の色よりも暗く、低明度(黒)に囲まれたグレーの方は明るく感じます。
これまで、 デザイン4原則 のうちの3つをご紹介してきました。 今回ご紹介する4原則の最後の1つは、「対比」です。 前回までの内容を振り返りながら、引き続き学習してみてくださいね! 【Vol.1「接近」編は こちら 、Vol.2「整列」編は こちら 、Vol.3「反復」編は こちら 】 対比とは? 対比とは要素に強弱(コントラストをつけ)、情報の重要度を視覚的にわかりやすくすることです。 情報の重要度をわかりやすくするためには、 重要度の高い要素は強く(サイズを大きく・色を濃く) 重要度の低い要素は弱く(サイズを小さく・色を薄く) このような方法を用いて、メリハリをつけます。
|hpa| xpk| jxf| qxd| uuv| cvo| uan| lws| hda| krz| nnn| djr| oxs| xln| tef| dam| snn| uec| yjn| vzt| pvx| ane| sxe| dos| iah| tzr| olj| tnh| qbd| nra| hdu| vpc| qvr| isd| jeb| jwd| yrc| aog| mhl| kav| yqj| vsn| aus| eik| ush| xwv| odq| jjw| syo| cce|