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ディレクターが最低限知っておきたい著作権の3つのポイント

    昨年2015年に東京オリンピックのエンブレム問題が大きな騒動になったように、他人の作品を無断で流用し…

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

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

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

    1つの主題から関連するキーワードやイメージを放射状に書き出していくことによって、複雑な概念や情報を分…

  5. 制作メンバーの進捗管理や効果測定をよりスムーズに行える「Goog…

    スケジュールの進捗管理や効果測定はWebディレクターの大切なミッションの1つです。こうした管理業務に…

  6. 有力キュレーションマガジンも導入。スマホの動画視聴にマッチしたタ…

    バーチャルリアリティ(VR)やオーグメンテッドリアリティ(AR)と並び、新しい動画コンテンツのトレン…

  7. ハイクオリティな動画素材を無料でダウンロードできるWebサイト3…

    従来のリスティング広告やバナーに対して圧倒的に多くの情報量を伝えられ、商品開発の陰に隠れたストーリー…

  8. よりスピーディに分かりやすく。大手企業2社のインフォグラフィック…

    グラフ、文字、イラストを組み合わせることで、データを視覚化するインフォグラフィック。ビジュアルと数字…

PICKUP

PAGE TOP