menu

アイコンとあわせてフラットデザインに活用したい無料フォント&ベクター素材

制作

Webサイトにフラットデザインを取り入れる際は、アイコンのデザインやレイアウト、文字情報の配置に気を配り、ページ全体が単純でのっぺりした印象を与えないよう工夫する必要があります。

そういった意味で、無料アイコンのダウンロードサイトとあわせて活用したいのが、フラットデザインと相性のいい日本語のフォントや、形や配色を数値化され拡大・縮小しても画質が変化しないベクター素材の無料ダウンロードサイトです。

こうしたサイトの多くで提供される素材も商用目的での使用や改変・配布などに対する制約が少なく、用途・目的にあわせて幅広く利用することが可能です。

また、外部の制作会社にWebサイトのリニューアルなどを依頼する際も、日ごろからこうしたサイトをチェックしておくことによってトレンドへの理解やリテラシーが身に付き、制作会社からの提案に対してもより客観的に判断ができるようになります。代表的な無料フォントとベクター素材のダウンロードサイトをご紹介します。

・「mplus-fonts」
商用サイトにも利用でき、フォントも自由に加工・編集できるライセンスフリーの無料フォントダウンロードサイトです。日本語のフォントは、「type-1」、「type-2」の2種類が提供され、仮名・漢字あわせて5000文字以上のフォントが揃っています。

文字の太さも日本語の場合は7種類、英数字の場合は5種類から選択することが可能。シンプルな書体はフラットデザインと相性がよく、多くのWebデザイナーが利用しています。

・「vecteezy」
同じくシンプルなデザインが特徴の無料ベクター素材のダウンロードサイトです。ビジネス系メディアなどで幅広く利用できるスマートフォン型のアイコンやデスクトップPC、キーボードのベクター素材から、モノトーンで統一された人物のシルエット、ヴィンテージ調のキッチンアイテムなど幅広いジャンルの素材を提供しています。

・「123freevectors」
「vecteezy」と並び、世界中のWebデザイナーに利用されている無料ベクター素材のダウンロードサイトです。人やモノ、環境といったテーマ別のベクター素材に加え、チャートや円グラフ、人物のシルエットがパッケージされたベクター素材のセットなども提供されており、フラットデザインはもちろん、インフォグラフィックなどにも活用することができます。

Web制作に関するご依頼、ご相談、お見積はこちら

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

ユーザーの行動をサーモグラフィのように可視化できるヒートマップ

導入事例 トレーニング・教育分野 その1

関連記事

  1. フォントひとつでバナーの印象は変わるー。訴求ポイント別のバナーの…

    スマートフォンが普及して時間・場所を問わずWebサイトに接触できるようになったいま、多くのユーザーが…

  2. Webページの目的に合わせて意識したい「ジャンプ率」とは?

    スクロールに合わせて時間差でコンテンツが表示されるパララックスデザインなど、常に進化し続けているWe…

  3. ファイルをコンパクトにして表示速度をUP。JavaScript/…

    スマートフォンやタブレットの普及によってコミュニケーションのスピードが早まるなか、Webページに表示…

  4. Webサイトをより洗練された印象に。海外のWebサイトで人気の合…

    「合字」とは2つ以上の文字を組み合わせて1つの文字として表現したもの。例えば、「AND」を「&」と表…

  5. クライアントを納得させるWebデザイン制作&プレゼンのコツ_後編…

    Webサイトのデザインは、デザイン自体のクオリティもさることながら、まずはクライアントに納得してもら…

  6. EFO(入力フォーム最適化)に役立つ、無料で使えるjQueryプ…

    ECサイトだけでなく、会員登録やアンケート、問い合わせなど、多くのWebサイトに設置されている入力フ…

  7. Webサイトのプランニングに活用できる「マインドマップ」(前編)…

    ユーザービリティ向上やコンバージョン率改善など、Webサイト制作の目的はさまざまです。目的を実現する…

  8. クリック率19倍UPの事例も。Facebookも活用しているパー…

    閲覧履歴や購入履歴をベースとして、1人1人のユーザーにあわせたコンテンツを配信するパーソナライズは動…

PICKUP

PAGE TOP