くりのすけです。

今回はコピペで使える、ずぼらクリエイター必見のデザインパーツを集めました！！レスポンシブ対応です。

汎用性の高いパーツを集めましたので、アレンジもしやすく、オリジナルのパーツを増やしていくのも良いですし、そのままコピペで使いまわしても構いません。
どのように作られているか、勉強にもなるかと思います。
また、練習で自力で作ってみてから答え合わせというやり方で使っていただいても構いません。

自分は、ずぼらクリエイターなので、こういうパーツ集を作ってほぼコピペしています。
デザインに合わしてコーディングしていくのも大事なのですが、楽をしたいときはパーツに合わしてデザインを決めたりしますw
邪道かもしれませんが、デザイン→コーディングと一貫してやる方はこの方が時短になりますね。

こういったものを上手く活用して、作業効率を上げて単価を爆上げしましょう！！これ大事です。
出来た時間で新たなスキルを身につければ、さらに単価が上がり言うことなしです！！

どんなパーツがあるか

■ 見出しパーツ

よく使う、見出しのデザインです。

■ テキストパーツ

左揃え、中央揃え、右揃えのテキストです。

■ 引用パーツ

引用などに使うデザインです。

■ リストパーツ

よく使うリストデザインです。

■ テーブルパーツ

表でよく使われるデザインです。

■ ボタン・テキストリンクパーツ(ホバーアニメーション有)

ボタンとテキストリンクのデザインです。
ホバー時のアニメーションをよく使うものを用意しました。

■ 背景画像+ボタンパーツ

背景画像（全幅）にボタンのデザインで、TOPページのデザインで余白が多く、画面幅いっぱいに使いたい時に使います。

■ 画像+タイトル+テキスト+ボタンパーツ色々

いろんなサイトでよく見る画像+タイトル+テキスト+ボタン（横並び）のデザインです。TOPページ、下層ページいろんなところで使えます。
オーソドックスなものと、ブロークングリッドのものです。

■ 画像+タイトル+テキストパーツ色々

こちらもよく使われる、画像+タイトル+テキスト+ボタンのデザインです。
いろんな箇所でお使いください。

■ 会社概要や沿革などに使う表のパーツ

会社概要や沿革、採用情報の表などの下層ページによく使われる表のデザインになります。

■ NEWSで使うパーツ

TOPページのNEWSエリア、NEWS一覧ページなどに使われるデザインです。

■ お問い合わせフォームへ誘導するパーツ

TOPページのフッターの上によく使われる、お問い合わせへ誘導するデザインです。

■ FAQで使うパーツ

よくある質問のエリアで使います。

■ フロー・流れで使うパーツ

採用の流れなど、フローを説明したい時に使います。

■ お問い合わせフォームで使うパーツ

お問い合わせフォームのデザインです。

■ サイトマップで使うパーツ

サイトマップページのデザインです。

などなど、汎用性の高い物をご用意しました。

これを組み合わせれば、ある程度のサイトは作れるかと思います。
または、これらを派生させて自分なりのものを増やしていっても構いません。
むしろ、どんどん増やしていってください。
増えれば、増えるほど応用が利きますね。

コピペあるいは参考にして頂き、WEBサイト制作にかける時間を省き、出来た時間で新しいスキルを学ぶのもよし、好きなことに時間を使ってください！！

今後も、パーツを増やしていきたいと思います^^

下記よりデータをダウンロードしてください！！