2016年5月26日6 分

初心者からプロまで使える! WEBデザインに役立つ無料ツール10選

最終更新: 2022年8月14日

サイトで使う画像は、どこから入手しようかな?ロゴを作成したいんだけど、どうしよう?ホームページの配色はどうすればいい?ホームページ作成中、こんな質問が頭に浮かぶのはあなただけではありません。

でも昔と違い今は、Webデザインを学んでいない方でも、かなり本格的なサイトを作成することができます。秘密は、無料で使えるデザインツール。今回は、Webデザイン初心者からデザイナーの方まで使える、本当に便利で高機能なツールをピックアップしました!

01. ロゴを素早く作成したい:Logaster

Logasterは、プロ並みのロゴを素早く作成したい時に、とても便利なツールです。ビジネスの種類を選択するだけで、100個ものロゴを作成してくれ、おまけにロゴデザインの編集も可能!日本語で操作可能な上、小さいサイズのロゴなら無料でダウンロード可能なので、是非試してみてください。

ロゴ作成ができるツールをもっと色々試してみたいという方は、以下の記事をご覧ください。

02. アイコンをさくっとダウンロードしたい:Icones Pro

20万個以上の無料アイコンをダウンロードできるIcones Pro。英語サイトなのですが、サイト自体とてもシンプルな作りになっているので、誰にでも使って頂けると思います。ダウンロードの回数など制限なしに使えるところが、とても魅力的な無料ツールです。

Wixにもアイコンはたくさん!

Wixのエディタにも、無料で使用可能なたくさんのフリーアイコンがあることを知っていましたか?エディタにログイン後、左側のメニューの「追加」→「画像 (Wixクリップアート)」をクリックしてください。アイコンの追加は、クリック数回で可能です。

03.サイトの印象をアップさせる写真が欲しい:タダピク

ホームページの印象を左右する画像。無料且つ、プロが撮影したような写真を探している方に、まずおススメしたいのが、商用利用可能、クレジット表記不要のフリー素材を簡単に検索できるタダピク。キーワードを入れるだけで、一度に色々なサイトの画像検索ができるので、時間を有効活用することができます。

海外で作られたようなオシャレなサイトに仕上げたい場合は、Morgue File(英語サイト)を使いましょう。イメージにぴったりの画像が見つかるはずです。

Wixにも質の高い無料画像が!

アイコンと同様、Wixにもエディタ内にたくさんの無料画像があります。ログイン後、「追加」→「画像(Wixフリー写真素材)」をクリックしてください。イメージに合う画像が、無料だとどうしても見つからない場合には、Shutterstockの画像を1枚単位で購入することもできます。

04.写真の見栄えを良くしたい: Befunky

Befunkyは、写真にフィルタをーをかけたり、加工することができる、とても便利なツールです。SNS世代をターゲットとして作られたこのツールは、Facebookカバー写真を作成する際にも使用することができます。

画像編集ならWix!

Befunkyを紹介しましたが、Wixサイトで使う写真や画像を編集したいと思っている場合、Wixエディタで事足りてしまうと思います。

Wixエディタ内で画像編集するには、まず画像を左クリックしてください。そうすると様々な画像加工のオプションがでてきますので、フレームを追加したり、サイズ変更したり、Instagramのようなエフェクトを追加をすることができます。皆さんが思っている以上のことができるはずですよ。

05.サイトの配色を決めたい:配色の見本帳

ホームページの配色は、サイトのコンテンツと同じぐらい重要です。人の感情は色によって大きく影響されるので、どんな色を背景に使うかでサイトの印象が決定したり、ボタンの色でコンバージョン率が変わってきたりします。でも、センスが良く、且つ効果的な配色を考えるのは、初心者だと難しいもの。

配色の見本帳は、そんなあなたを手助けしてくれるツールです。まずは会社のイメージや色が与える印象を考え、メインとなる色を選んでください。その色をベースに様々な配色の提案をしてくれます。

色が人の心理に与える影響をもっと詳しく知りたい方は、こちらの記事をご覧ください。色彩心理学とWebデザイン

Wixテンプレートの配色を変更したい!

Wixのテンプレートはプロのデザイナーによって作成されていますが、テンプレートの色を、自分好みに変更したいという方もいらっしゃると思います。その場合は、サイトの配色変更を行うことができます。

まずは、エディタ左の「背景」アイコンをクリックしてください。その後「単色」→「変更」をクリック。でてきたカラーパレットから好きなカラーを選んでください。カラーパレットのカスタマイズも可能です。

06.効果大のインフォグラフィックを作りたい:Infogr.am

データを視覚的に伝えるインフォグラフィックは、会社、製品、サービスなどの情報を分かり易く表現する手段として、様々な会社で使われています。

Infogr.amは、手軽に簡単なインフォグラフィックを作るのに最適なツールです。作ったインフォグラフィックは、是非、サイトに掲載しましょう。

07.ユニークなプレゼンテーションを作成したい:Prezi

メディアなどに取り上げられるようになってきて、日本でも徐々に知名度が上がってきているPrezi。「ノートに落書きするような感覚」でパワーポイントが作成できると話題のツールです。

実際に触ってみるとその楽しさが分かると思いますが、楽しいだけでなく、見ている人もワクワクするようなカッコイイプレゼンを作成することができます(ちょっと目が回りますが..)。 いつでもどこからでもプレゼンテーションを作成、編集、プレゼンできるという点も便利です。

Wixでもプレゼンテーションは作れます!

ホームページ作成ツールなので、プレゼンテーションは作れない?そんなことはありません。Wixのエディタを使って、わくわくするようなプレゼンテーションを作ってみてください。

08.広告バナーをサイトに追加したい: Visme

バナー広告をはじめ、プレゼンテーション、インフォグラフィックなど、様々なビジュアルコンテンツを1箇所で作成したい場合には、Vismeがおススメです。日本語化はされていませんが、視覚的な操作で、初心者でも使える作りになっています。

09.もっと色々なマーケティング資料を作りたい: Canva

Canvaは、マーケティングチームにとても良く使われているツール。名刺の作成から、ポスター、広告、ソーシャルメディアの投稿まで、誰でもデザイナー気分で、様々なマーケティング資料を作成することができます。

10.Wix

今回の記事では、Webデザインに役立つ様々なツールを紹介してきましたが、Wixのことも忘れてはいけません。

500種類以上の無料テンプレート、200種類を超えるアプリ、3,000万点以上の写真素材が揃ったWixは、ドラッグ&ドロップの簡単操作で、どんな人でも美しいデザインのホームページを作成することができます。

また、オンライン予約フォーム、メルマガ送信機能、ブログ機能、ソーシャルメディアとの連携など、スモールビジネスに必要なツールが全て揃っています。

自分が撮影した写真や、作った作品のオンラインポートフォリオやホームページを作成したいと思っている方は、是非、Wixを使ってみてください

ライター: Wix Team

#ウェブデザイン #ウェブデザインツール