マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン

デザインで役立つ!参考サイトまとめ

投稿日:

こんちには、デザイナーのHです。
今回は、自分自身が良く参考にしているwebサイト全体の参考サイトではなく、パーツのデザインにフォーカスを当て、いくつかご紹介します。

Parts. – SaaS/LPのパーツ別Webデザイン集


参考サイト:Parts. – SaaS/LPのパーツ別Webデザイン集(https://partsdesign.net/)

こちらのサイトは、日本のサイトであり、パーツデザインの参考が多くあります。

「メインビジュアル」や「よくある質問等」のメジャーなパーツから、「フロー・流れ」や「エラー・404ページ」といったなかなか探すのが大変なパーツデザインまであり、
困ったらこちらのサイトを訪問すればヒントを見つけられることでしょう!

SaaS Pages


参考サイト:SaaS Pages(https://saaspages.xyz/)

こちらは、先ほどのサイトとは異なり海外のサイトです。
ただこちらも同様に、パーツのカテゴリが非常に豊富です!
海外サイトなので使いづらい・・・ということはなく、カテゴリ名で絞り込みをかければ非常に豊富な参考デザインがみられるので、どなたでも簡単に利用できるかと思います!

Calltoidea

こちらも海外のサイトです。
トップページに各カテゴリとアイコンがありますので、その中から見たいカテゴリをクリックすると、
該当カテゴリのデザインがギャラリーの様に表示されます。
こちらも様々なパーツがあるので、上記のサイトと併用し閲覧すれば、サイトに必要なパーツはほぼ網羅出来るのでお勧めです!

Headers – Webサイトのヘッダまとめ –


参考サイト:Headers – Webサイトのヘッダまとめ -(https://headers.netlify.app/)

こちらのサイトは、ヘッダーのみに焦点を当てた参考サイトです。

参考デザイン数は多くはないですが、デザインの質が高いサイトのヘッダーなので非常に勉強・参考になります。
ヘッダーのサイズ感でも絞り込みも出来るので、ヘッダーデザインで悩んだら眺めてみるのもいいと思います!

最後に

いかがでしたでしょうか?
上記のサイトは自分自身がよく参考として使用しているサイトをメインにご紹介させていただきましたが、
デザインに関する参考サイトはまだまだございますので、
ご自身で見つけたサイトと合わせて参考にしていただければ幸いです。

-WEBデザイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

WEBトレンド+αの作り込みで、心地よさが広がる素敵サイトをご紹介! ~素敵サイトの旅 その1~

WEBトレンド+αの作り込みで、心地よさが広がる素敵サイトをご紹介! ~素敵サイトの旅 その1~

こんにちは!風邪っぴきのweb初心者Kです。 週末に風邪を治しきれず、咳のため未だマスクが手放せません。 今日は誰とも口をきけないかも知れない!!! みなさまはお風邪など召されていませんか? さてさて …

知らなかった!じゃ済まされない。フラットデザインの落とし穴

こんばんわ!WEBデザイナー歴10年目に突入間近のHです! 以前、2015年に流行るWEBデザインのトレンドを3つ、ご紹介させて頂きました。 ①フラットデザインの更なる普及 ②クリックを出来るだけ減ら …

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(3)

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(3)

こんにちは、デザイナーのAです。 以前、いいデザインと悪いデザインの見分け方についてご紹介いたしました。 いいデザインと悪いデザインの見分け方 その(1) いいデザインと悪いデザインの見分け方 その( …

参考になるスマホサイト

皆さん・・・ こんばんは・・・・ webデザインを新人デザイナーKです・・・ 何故私がこんなに落ち込んでいるかというと・・・最近、5kgも太っ”#$#”$!!! ことではなく! 最近、スマホのデザイン …

【グラフィック V.S. Webデザイン】グラフィック制作とWeb制作の違い-1-

こんばんは、デザイナーのOです。 実は私はグラフィックデザイナー出身で、約1年半前にWeb業界に入りました。 Webについてまだまだ勉強中の自分ですが、 実際にWeb制作に携わって感じた、グラフィック …