allWeb制作フローが変わる!便利な最新オンラインツール43個まとめ【2020年版】2020年2月21日ずっと使える、デザインの基本まとめました。改訂版3Homeウェブ制作ウェブデザイン絵の具で描いたような水彩画デザインを使ったウェブサイト31個まとめ2010年3月3日ウェブデザインウェブデザインまとめAdvertisementウェブサイトデザインのコンセプトにはいろいろなデザインが使われています。手描きデザインでレイアウトされたウェブサイトやレトロデザインのウェブサイト、ダーク系デザインウェブサイトなどアイデア次第で無限に広がります。そんなウェブデザインの中でも、絵の具を使ってデザインしたような水彩画デザインを使ったウェブサイトを31個まとめた「」を今回はご紹介します。淡いカラーリングを使った、やさしく親しみやすいデザインが多数まとめられており、いままで見たことのないウェブサイトばかりでした。オリジナル性の高いウェブサイト、ブログデザインなどを考えている方は、アイデアの参考になるかもしれませんよ。Inspireヘッダー部分に継ぎ目のない風景画をデザインした落ち着いた色使いが参考になるウェブサイト。サイドバー、フッターなどにも水彩画デザイン特有のやわらかさをデザインしています。Cavenaughメニューボタンやロゴ、背景などすべてのパーツを手書き風の水彩画デザインでまとめたウェブサイトのひとつ。大きな背景デザインを使ってデザインすることで、どんなウェブサイトなのか興味を持ってしまいます。メニューボタンなどもかわいくデザインされていますね。Powellくしゃくしゃの紙の質感をそのままウェブサイトに表現したユニークなポートフォリオサイトのひとつ。大きなパターンファイルをリピートさせることで余白スペースをうまく使ったウェブデザインに仕上がっています。Boompa絵の具で描かれたかわいらしい水彩画が印象的なウェブサイトのひとつ。フォトショップやイラストレーターを使ってデザインすることが多いのですが、手描きデザインをスキャンするというアナログな方法も面白いかもしれませんね。Creativeこちらもヘッダー部分に水彩画デザインをうまく使ったウェブサイトのひとつ。水彩画デザインをウェブデザインに使用する場合は、ウィンドウ幅などをあまり考えない自由な発想のレイアウトを多くみかけます。KeysUIデザインをすべて手描きでデザインされたユニークなウェブサイトのひとつ。手書風デザインと淡い緑と青の配色がとてもよくマッチしています。音がでますのでご注意ください。Evleri背景全体にデザインされた色鮮やかなグラデーションがとてもきれいなウェブサイトのひとつ。全体にグランジテクスチャをレイアウトすることで、微妙な汚れ具合を表現しています。Brescia絵の具をペイントする筆などを一緒にデザインすることでイメージが沸くサイトに仕上がります。ロゴ部分などにもブラシを使って、ペンキが飛び散ったようなデザインが表現されています。Designtrendsこちらもヘッダー部分にモノクロを中心とした水彩画デザインを使ったウェブサイトのひとつ。全体が落ち着いた色なので、アクセントカラーのピンクがとてもよくマッチしています。カンバス全体の色なども参考になりそうです。Cartelウィンドウ幅を設定してデザインする場合も、水彩画デザインを使うことでやさしい印象に仕上がります。ロゴとの相性もよく、すっきりと見やすいレイアウトになっています。Vehiclesスタイリッシュなデザインの多い自動車会社のウェブサイトにも水彩画デザインが使われています。ユーザーが興味を持ちやすいように、メニューボタンなども工夫されています。Bcandullo水彩画デザインにテクスチャ素材を合わせてデザインしたウェブサイトのひとつ。ヘッダー部分のカラフルなデザインと、落ち着いたダーク系ウッドテクスチャの組み合わせが新鮮ですね。Laboratoryデザイナーさんのポートフォリオサイトなのですが、水彩画デザインとスキルの高いグラフィックデザインをうまく融合させたユニークなサイトのひとつ。ウェブサイト全体をカンバスに見立てて、遊び心あふれるデザインが魅力的です。Momentsトップページの前にひとつページを作成し、デザインをメインにレイアウトしたお問い合わせページ。ウィンドウいっぱいにデザインされた美しい水彩画デザインはアート性がとても高くエレガントな印象を与えてくれます。毎日更新するようなサイトには不向きかもしれませんが、デザインは参考になりそうですね。Lebloe大胆に大きくデザインされたヘッダー部分と、半透明ボックスの組み合わせはあまり他では見ないタイプではないでしょうか。ダーク系デザインに水彩画デザインを加えたいときなどに参考になりそうです。Africa個人的に特にお気に入りのサイトのひとつがこちらのデザインのウェブサイトです。ヘッダー部分にデザインされた水彩画デザインと手書風フォントがうまくミックスされており、色合いがとてもきれいではないですか。「自分で水彩画を使ったウェブサイトデザインをつくりたい。フォトショップで水彩画風のウェブレイアウトデザインをつくる方法」を参考にされると良いかもしれません。フォトショップ用ブラシファイル、テクスチャなどを使い、きれいなグラデーションが印象的なウェブサイトをデザインすることができますよ。フォトショップで水彩画風のウェブレイアウトデザインをつくる方法このほかにも参照元サイトには水彩画デザインを使ったウェブサイトがたくさんまとめられています。よろしかったら、こちらも一緒にどうぞ。Earthから無料ダウンロードできる美しい壁紙1000枚がリリース!商用利用も可能に2020年2月17日300年以上前のイラスト画15万枚がパブリックドメイン公開中!無料ダウンロード、二次創作も可能に2020年2月13日おめでとうDCJ!2周年記念で人気素材集が99%オフの特別再販大セール中2020年2月12日ずっと使える、デザインの基本まとめました。