Logo

【トレス学習】視覚的な重さとレイアウトのバランス

クレジット
Avatar
デザイン
【トレス学習】視覚的な重さとレイアウトのバランス-1
シェア

【トレス学習】視覚的な重さとレイアウトのバランス

学んで気づいた事 〇内容:お題を考えて作成した際に、「なんでそういうレイアウトなのか」を学ぶ必要があると感じ、「一度書籍を見て自分で作成」してみて→「トレースして再確認」を繰り返した内容です。 〇使用書籍:「デザインのドリル」 〇使用ツール:illustrator ■気づき(レイアウト1) ・濃い色や、大きいものは「重く」見え、薄い色や小さいものは「軽く」見える。重い要素を対比させたデザイン。 ・細かいイラストが多いとバラつきが出る為、バランスを保つ為に下線を入れる。 ・「ファミリーモール」「の」などの単語の区切りでカーニングを開け、別の文字として認識させる。「ファミリーモール」が目立つように「の」は少し小さめのフォント。 ・欧文のデザインフォントは「中央揃え」でそろえるとずれて見えるので、ガイドを頼りに中心に配置。 ・文字の角度「8°」(10°ぐらいまでが可読性よさそうな印象) ・数字の前後、カタカナ周りは特にカーニング調整が必要。 ■気づき(レイアウト2) 左右対称にするとバランスがとれた印象に。 ■気づき(レイアウト3) 逆三角形のレイアウトにすると動きがでる。楽し気な印象に。
クレジット
Avatar
デザイン
シェア
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【トレス学習】視覚的な重さとレイアウトのバランス-1

【トレス学習】視覚的な重さとレイアウトのバランス

学んで気づいた事 〇内容:お題を考えて作成した際に、「なんでそういうレイアウトなのか」を学ぶ必要があると感じ、「一度書籍を見て自分で作成」してみて→「トレースして再確認」を繰り返した内容です。 〇使用書籍:「デザインのドリル」 〇使用ツール:illustrator ■気づき(レイアウト1) ・濃い色や、大きいものは「重く」見え、薄い色や小さいものは「軽く」見える。重い要素を対比させたデザイン。 ・細かいイラストが多いとバラつきが出る為、バランスを保つ為に下線を入れる。 ・「ファミリーモール」「の」などの単語の区切りでカーニングを開け、別の文字として認識させる。「ファミリーモール」が目立つように「の」は少し小さめのフォント。 ・欧文のデザインフォントは「中央揃え」でそろえるとずれて見えるので、ガイドを頼りに中心に配置。 ・文字の角度「8°」(10°ぐらいまでが可読性よさそうな印象) ・数字の前後、カタカナ周りは特にカーニング調整が必要。 ■気づき(レイアウト2) 左右対称にするとバランスがとれた印象に。 ■気づき(レイアウト3) 逆三角形のレイアウトにすると動きがでる。楽し気な印象に。
クレジット
Avatar
デザイン
シェア
foriio

あなたのforiioを無料で作成

fori.io/