creatersnest53

商用利用できる無料のCSSテンプレートまとめ


HPを作る時、一からデザインを考えるとなると、大変ですよね。
css のテンプレートを、無料で配布しているサイトをご紹介します。
こちらを使えば、デザイン部分は気にせずに、コンテンツ作成だけに集中出来ますね。
色々なサイトのデザインを見て、お気に入りを見つけて下さいね。

TEMPLATE GATE

sample07

template.7gates.net

こちらのサイトでは、色別にサンプルが分かれているので、サイトのイメージの色から、探してみる事が出来ます。
他にも、カラム別や雰囲気別に、サンプルを探す事が出来ます。
色の使い方に工夫が多いサイトです。

tooplate

sample08

tooplate.com

こちらは、海外のサイトですが、デザインや色使いが独特で、オリジナリティーの濃いサイトを作ることが出来ると思います。
全て無料で使う事が出来ます。
cc マークの著作権表示が必要になります。

Cool Web Window

sample01

coolwebwindow.com

シンプルで分かりやすい作りのテンプレートです。
カテゴリも、商用サイト向け、個人サイト向け、シンプルcss とカテゴリが分かれています。
他に、部分的なメニューリストやテーブルなどのパーツや、ファビコンや壁紙などの素材も、ダウンロード出来ます。

CSS. Design Sample

sample02

css-designsample.com

こちらも、シンプルなデザインのテンプレートです。
商用にも、コーポレートサイト向き、ショップ(店舗向き)、ネットショップ用など、分かれてます。
また、カラム毎にも分かれています。
ホームページ作成講座や、レイアウト講座なども載っています。

JUST FREE TEMPLATES

sample10

justfreetemplates.com

こちらも海外のサイトです。
オシャレなデザインが多いです。
フリーのテンプレートと有料のテンプレートがあります。
著作権表示が必要になります。

TempNate

sample03tempnate.com

さわやかな印象のテンプレートが多いです。
テンプレート別に、サイト利用に向いている業種が記載されています。
こちらは、著作権表示が必要です。
これを削除したい場合は、ライセンス料を4000円払えば良いです。

 Pondt

sample04

pondt.com

こちらのテンプレートは、どれも見やすくて分かりやすいです。
レイアウトから、サンプルを探す事が出来ます。
メイン画像を、スライドショーに出来るテンプレートもあります。
著作権表示は不要です。

TEMPLATE PARTY

sample05

template-party.com

こちらは、フォトギャラリーサイト向けや料理レシピ紹介サイト向けなど、用途に応じて選びやすいです。
様々な色パターンがあるので、自分のお気に入りのデザインが見つかると思います。
こちらも、著作権表示が必要で、2900円で取り除く事が出来ます。

デザイン なう!sample06

designnow.net

こちらのサイトは、画像やテキストの配置に工夫があるデザインです。
フォトギャラリー用のテンプレートや、トップページのメイン画像がスライドショーになるものもあります。
シンプルなテンプレートが多いです。
著作権表示は不要です。

css template market

sample09

csstemplatesmarket.com

こちらのサイトも、海外のサイトです。
画像やテキストの配置など工夫されていて、個性の強いサイトを作る事が出来ます。
無料で使う事が出来ます。
有料のテンプレートもあります。
著作権表示をする必要があります。

WEB MAGIC

sample11

webmagic.jp

こちらも、さわやかな印象のデザインです。
著作権表示が必要ですが、2500円で外す事も出来ます。
カスタマイズの方法や、css の説明ページもあるので、分かりやすいです。
ボタンや壁紙などの素材も、あります。

 Simp Temp

sample12

simptemp.com

こちらは、シンプルなデザインです。
著作権表示が必要です。
4000円で、外す事が出来ます。
ファイルの編集方法も載っています。

templated

sample13

templated.co

こちらも、海外のサイトです。
独特でオシャレなデザインです。
分かりづらいですが、詳細ページの右上に、ダウンロードボタンがあります。
著作権表示が必要になります。

css templates

sample14

csstemplatesfree.org

こちらも海外のサイトです。
オシャレなデザインです。
著作権表示が必要です。
有料のテンプレートもあります。

NIKUKYU-PUNCH

sample15

nikukyu-punch.com

こちらは、高級・ゴージャス系テンプレートや和風テンプレートなど、サイトのイメージで検索出来たり、ピンク系テンプレートや茶系テンプレートなど、色で検索できたり、イメージに合うテンプレートを探しやすいです。
用途別に、様々なテンプレートがあります。
著作権表示が必要ですが、2900円で外す事が出来ます。

Free CSS templates

sample16

free-css-templates.com

こちらも海外のサイトです。
シンプルで、見やすくて分かりやすいデザインが多いです。
色や形の特徴から、テンプレート名が付けられています。
著作権表示が必要です。

無料ホームページテンプレート.com

sample17

f-tpl.com

こちらのサイトは、実際にテンプレートを使ったデモサイトが掲載されていて、サイトのイメージを掴む事が出来ます。
また、シュミレーターで確認では、スマホやタブレットで見た時の、画面表示のサンプルも出ています。
著作権表示が必要ですが、2980円で外す事が出来ます。

DreamTemplate

sample18

dreamtemplate.com

こちらも海外のサイトです。
会社向けや、個人向け、ブログ向けなど、カテゴリ分けされています。
クライアント向けのwebサイトでの利用は、50サイトまでで、それ以降はお金がかかります。
著作権表示が必要で、転売など禁止しています。

free web templates.com

sample19

freewebtemplates.com

こちらも海外のサイトです。
各テンプレートにデモサイトがあり、画面遷移を見る事が出来ます。
スタイリッシュなデザインです。
著作権表示が必要です。
有料のテンプレートもあります。

OS TEMPLATES

sample20

os-templates.com

こちらも海外のサイトです。
オシャレで、画像が多く使われたデザインです。
こちらは、各テンプレート毎にライセンスが異なりますが、基本的には商用利用可で、著作権表示が必要です。
有料のテンプレートもあります。

まとめ

私が気に入っているデザインのcss テンプレートを、無料でダウンロード出来るサイトを、ご紹介しました。
特に、海外のサイトは、日本のサイトではあまり使われていない、新しいデザインのものが多いのではないでしょうか?
これらのテンプレートを元に、自分で色々カスタマイズしてみるのも良いと思います。
色々試してみて、自分の好きなデザインに完成させて下さいね。

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

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

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


NESTonlineBlog編集部

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

Next Article【Illustrator】アイコンの作り方が参考になるチュートリアル集