初心者必見！図形のデザインは塗りだけと線だけをミックスして使う！

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

フォローするだけでデザインを学べるTwitterアカウントと
毎日デザインのポイントを解説するインスタアカウントを運営しております。

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

今日のテーマ：ゴーストボタン

デザインにおけるゴーストの紹介！ゴーストとはつまり線だけということです！これはボタンだけでなくデザイン全般で使える重要なポイント。

図形に関してのレベルが深まるかと思います！線だけの図形を使う、そして塗りだけ、線だけの図形をミックスする！初心者の方も必見です！

シンプルでミニマルを重視するなら線だけの図形デザインを使おう！

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

線を使ったボタン風のデザインを右下に配置しています！

ゴーストボタンというWEBサイトで使われるタンを知っていますか？これ海外のサイトでよく使われている塗りの無い線だけのボタンです。

このボタンを使うことで背景を透かせるのでデザインがかなりシンプルになります。

WEBサイトだけでなくWEBバナーでも使えますし、チラシやパンフレットのノウハウに応用もできます。

今回のデザインサンプルでは丸のゴーストボタンでしたが通常は四角が多いです。

まずはWEBから解説しますと、通常のボタンは塗りがありますよね？そのボタンの塗りを無しにして線だけのボタンにします。めちゃくちゃ簡単ですね！

ただ塗りありのボタンに比べて視覚的に劣るので

例えばWEBサイトではボタンの中では優先順位の低い上に戻るのボタンなどで使われたりします！

なので視覚的に認識できることを取るか、シンプルな雰囲気を取るかの天秤になるかと思います！

ミニマルスタイルを重視するなら、、、

線だけのゴーストボタンを使ってみよう！

デザ研

次章ではWEBデザインではないゴーストの紹介です！

初心者必見！塗りの図形と線の図形をミックスするデザインはバランスが良い

チラシやパンフレットにはボタンはありませんが、図形を使うことは多いかと思います。

ただ塗りありの図形ばかりだとデザインはうるさくなります。

コツとしては、、、

塗りありの図形と線だけの図形をデザインの中で混ぜてあげることです。そうするとかなりバランス良くなります！

この塗りありの図形と線だけの図形を混ぜることはWEBデザインも同じように言えます！

ちなみに塗りもあって、線もある図形はいつ使えばいいのか？前述したように

基本的には塗りだけの図形か線だけの図形を使うことが簡単です。

特に初心者の方は線も塗りもある図形は使わないでいいと思います！

ただポップなデザインや可愛いデザイン、エモいデザインなどには塗りもあって線もあるデザインは使えます！

またその際の線は白黒であるとまとまりやすいことも覚えておくと良いかと。

こちらの記事では境界線を使ったポップなデザインについて解説しています。

イラストレーター・フォトショップで1つの角だけ丸くするやり方と方法！

こんにちは、読むだけでデザインを学べる！デザイン研究所です！フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

実は前章のデザインサンプルも右下の丸は線だけですが、タイトルの高校時代の文字を囲っている四角は塗りだけになっています！

このように塗りだけと、線だけがMIXされています。

他にも、、、

こちらのデザインは旗のマークが線だけの旗と塗りだけの旗を交互にミックスしています。

こちらのデザインも右上が塗りありの図形、右下によく見ると線だけの図形があります！

どうしても初心者は塗りだけの選択肢になりがちなので、、、

線だけの図形、そして塗りだけと線だけの図形をミックスする！

参考になれば嬉しいです！

イラレの塗りと線を反転させるショートカットキーは？▼
イラレはshift + Xを押すと塗りと線が反転して便利です！

もっとゴーストボタンのポイントを使ったデザインが見たい方！

この記事で解説したゴーストボタンのデザインをもっと見たい方は、、、

デザイン研究所が運営する学べるギャラリーサイト「managary」へどうぞ！

デザ研

クリックするとゴーストボタンを使ったデザイン”だけ”が表示されます！