アートボードサイズの枠線を使って作る図形や文字のデザイン

こんにちは、読むだけでデザインを学べる!デザイン研究所です!

毎日デザインのポイントを解説するインスタアカウントを運営しております。

こちらのブログはインスタ投稿をより深く解説した記事になります!

 

今日のテーマ:枠線と図形の色を同じにして統一感

ここでいう枠線とはアートボードいっぱいの枠線となります。

その枠線と図形を同じ色にしてデザインに統一感をだしつつ、色んなアイデアを紹介できればと思います!

2つのサンプルを使って解説していきます。

枠線と図形の色を同じにして統一感のあるデザインサンプル

こちらが今回のデザインサンプルです。

枠線と図形をピンクにしました。

パッと見は複雑な図形に見えますが、実際は台形と枠線が同じ色で重なっているだけ。

枠線と色を揃えるノウハウは色々と使えます。

 

例えばデザインの端から飛びだしている長方形などもよくみますが、こちらも枠と色を揃えることにより統一感が出ます

下記事のデザインサンプルは端から長方形が飛び出してます。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

枠線と図形の色をそれぞれ変えるとゴチャゴチャする可能性が高いです。

デザイン初心者の方は白黒グレー以外の色はなるべく多く使わない方が簡単に伝わるデザインが作れます!

 

一見複雑に見える図形も、枠線と色を揃えるだけで簡単に作れる!

アートボードの枠線と図形の色を揃えて統一感のあるデザインを。

統一感に関してはこちらの記事もぜひご覧ください。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

アートボードの大きさの枠線を簡単に作る方法は?▼
長方形ツールで画面上をクリックするとサイズを数字で指定して作成することが可能です!そこから塗りを無しに、線を指定の色にしましょう。

 

アートボードサイズの枠線と図形、文字を使ったデザインサンプル

上のデザインサンプルではアートボードサイズの枠線と様々な図形、文字を同じ色にしています。

  • 右横からはみ出した横長の長方形
  • 左横からはみだした縦長の長方形
  • 左下からはみ出した楕円形
  • 統一感という縦文字
  • デザインという横文字

これらを全て使うデザインはなかなかないですが、このようにアートボードサイズの枠線と一緒に使えるデザインのポイントはたくさんあります!

 

デザ研
インスタの統一感ある投稿にも使えそうな感じですね!

 

直近のサンプルでは図形以外にも、枠線と文字の色を同じにしてくっつくよう配置しました。

そう配置することでまるで枠線から飛び出しているようなデザインになっております!

縦文字と横文字を混ぜるデザインについてはこちらで解説しているので合わせてご覧ください。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

最初のデザインサンプルでは台形でしたが、今回のデザインサンプルでは、縦長と横長の長方形と楕円形を使ってみました。

このように

アートボードサイズの枠を軸にデザインを組み立てること可能

ということですね!

そして同じ色になるので、統一感もでるという!

統一感に関してはこちらの記事で詳しく解説してるので合わせて読んでみてください。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

アートボードの便利な使用用途を紹介!

アートボードには色々と使用用途があります。

  • サイズ違いのパターンを作る時
  • 別パターンのデザインを作る時
  • 参考デザインを置いときたい時

など、別のドキュメントで作ろうとすると移動や書き出しも面倒ですが、、、

同じドキュメント内で複数のアートボードで作ると書き出しも見比べも修正も簡単!!

ですので新規作成の際はアートボードにはチェックを入れときましょう。(フォトショ)

イラレではアートボードはそのままで作れています!

アートボードがある状態ですとそのあとアートボードを増やすことは簡単です!

新規作成のショートカットキーは?▼
イラレもフォトショもcommand(ctrl) + Nになります。

 

枠線と図形の色を同じにして統一感のあるデザインまとめ

いかがでしたでしょうか?

枠線と図形の色を揃えるというデザインポイントに関して深く解説してみました。

アマチュアとプロの違いはデザインアイデアの引き出しの量差でもあります。

今回の記事を参考にぜひ枠線を使ったデザインを使ってみてください!

 

・枠線と図形の色を揃えて統一感
・アートボードサイズの枠を軸にデザインを組み立ててみる

 

 

この投稿をInstagramで見る

 

デザイン研究所(デザ研)(@designkenkyujo)がシェアした投稿

全国対応で短期で習得するグラフィックのデザインレッスンをやっております、詳しくはこちらをどうぞ。

>フォローしてデザインを学ぶ

フォローしてデザインを学ぶ

デザインの見る目を養うインスタアカウントを作りました!初心者から脱するデザインのポイントを解説しています。毎日更新です!

CTR IMG