creatersnest6

シンプルなサイトを作るときに役立つ素材サイトまとめ


WEBサイトを作るときに素材選びって非常に悩みますよね。
それひとつでサイトの印象がガラリと変わります。

おいしい料理を作るのに良質な食材が必要なのと同じように、良いWEBサイトを作る際にも良い素材が必要です。
今回はシンプルなサイトを作るのにぴったりな、良質の素材を扱っているサイトを紹介していきます。

WEBデザイナーが作った超シンプル素材集

WEBデザイナーが作った超シンプル素材集

http://sozai.akuseru-design.com/

書籍で紹介されたりアプリで使われたりなど、実力派の素材サイトです。
サイトを作るうえで必要な素材は一通りそろっており、非常に良質な素材サイトです!

Web citron

Web citron

http://www.webcitron.com/

シンプルかつほんのり可愛い素材が勢ぞろい。
こちらも背景からボタン、アイコン、テンプレートなど数多くの素材が揃っています。

FREE-LINE-DESIGN

FREE-LINE-DESIGN

http://free-line-design.com/?cat=6

こちらは罫線・飾り線専門のサイトです。
400点以上の罫線素材は、見ているだけで楽しめます。

1KB WEB SOZAI

1KB WEB SOZAI

http://1kb-sozai.com/

1KBの動くアイコンがたくさんあります。
スマートフォン、携帯電話向けのサイト編集で有効に使えそうです。

Re:vre

Re:vre

http://nx.myafi.net/

ナチュラル・シンプル・キュートをテーマにした女性向けWEB素材を配布しているサイトです。
写真アイコン、装飾アイコンなどこちらも種類が豊富です。

M-SPIRAL

M-SPIRAL

http://msp.websozai.jp/fwg/sozaiframe.html

ドット調のシンプルな素材が数多くあります。
壁紙素材は優しい質感が出ているのでオススメです。

シンプル素材館

シンプル素材館

http://www.simple-sozaikan.com/

商用OK 加工OKのシンプルなフリー素材が2000個以上取り揃えられています。
取り扱ってる素材の種類は背景、罫線、リストマークの三つです。

GRAPHICONS

GRAPHICONS

http://glyphicons.com/

英語サイトですがシンプルな素材が揃っています。
PNGの入っているのものが無料ダウンロード可能。

blue-green

blue-green

http://bluegreen.jp/

やわらかい質感のものや、かわいいものが揃っています。
商用利用OK、加工OKの素材サイトです。

ICONFINDER

ICONFINDER

https://www.iconfinder.com/iconsets/blueberry

こちらのサイトにはシンプルなアイコン素材が101個あります。
シンプルなサイト作りにシンプルなアイコン素材は必須ですよね。

Subtle Patterns

Subtle Patterns

http://subtlepatterns.com/

背景素材を扱っているサイトです。
subtleとは「微妙な、微細な、緻密な、巧妙な」という意味を表します。
素材を見ていただけると分かると思いますが、良い意味で、巧妙かつ微妙なニュアンスの色合いや質感の素材が揃っています。

WEB WORK KIT

WEB WORK KIT

http://webworkkit.minibird.jp/button/simple/index.html

こちらはボタン素材を紹介しているサイトです。
シンプルなもの以外にも可愛い系、クール系、和風系のボタン素材があるので、シンプルな中にも少しアクセントを加えたい方にオススメ。

POMO

POMO

http://pomo.vis.ne.jp/

布、生地などをモチーフにした壁紙など、暖かい質感の素材が豊富です。
商用サイトでの利用は報告が必要なので注意が必要です。

Simple Pattern Laboratory

Simple Pattern Laboratory

http://labo.v-colors.com/pattern/#check

パターン素材を取り扱っているサイトです。
カーソルを合わせるとプレビューが背景に映し出されるので非常に選びやすいです。

DOVA-SYNDROME

DOVA-SYNDROME

http://dova-s.jp/

最後に紹介するのはBGM素材です。
ループ系のBGM素材が多く、シンプルなサイトの後ろでほんのり流してみたりなんかもいいと思います。
ポップ、テクノ、ジャズなどいろんな種類があるのでオススメです。

まとめ

必要な素材は見つかりましたか?
商用サイトに使う場合は許可、報告等が必要の場合がありますので、利用規約は一読しておきましょう。

シンプルなサイトは他のサイトと差別化が難しい傾向にあります。
他のサイトと差別化するために少しアクセントを加えたり、おしゃれな雰囲気やクールな雰囲気などいろいろと工夫してみるのも面白いですね。

 

 

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


NESTonlineBlog編集部

NESTonlineBlog編集部です。ご寄稿頂いた記事などを公開していきます。

Next ArticlePhotoshopで美しい光を描けるブラシ集20選