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. 観光や教育関連のサービスとも相性抜群のバーチャルリアリティ(VR…

    Youtubeなどの動画配信プラットフォームに加え、無料の動画素材や編集アプリなども身近になったいま…

  2. 画像のクオリティにこだわりたい場合の選択肢。意外と知られていない…

    Webサイトやソーシャルメディアで使われる画像の多くは、JPEGやGIF形式です。その一方、自分で写…

  3. 無料素材とあわせて動画コンテンツ作成に活用したい、無料編集ツール…

    コストを抑えて動画コンテンツの制作・公開するために、動画素材の無料ダウンロードサイトとあわせて使いた…

  4. マンネリ化したWebデザインから脱却したい時は注目。心理学におけ…

    制作したWebページの効果が伸び悩んでいる時や、何となくマンネリ化した印象を拭えない時などは、行動心…

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

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

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

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

  7. Webディレクターなら正しく理解しておきたい、HTML5の4つの…

    2014年10月に勧告され、さまざまなWebサイトで使われているHTML5。国内でも無印良品などHT…

  8. CTRが約300%UPしたオウンドメディアも。SNSシェアボタン…

    多くのWebサイトに設置されているFacebookやTwitterといったSNSのシェアボタン。ペー…

PICKUP

PAGE TOP