WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    105

  • クリエイティブ制作

    103

  • エンタメ・趣味・娯楽

    95

  • 不動産・建築・施設

    46

  • ファッション・アクセサリー

    43

  • IT・システム

    39

  • 製品・工業・素材

    38

  • 教育・学校

    36

  • ポータルサイト･メディア･マガジンWEB

    33

  • 旅行・ホテル・観光

    27

  • 美容

    24

  • 医療・ヘルスケア・健康

    24

  • 暮らし商品・サービス

    23

  • 行政・NPO・団体・協会

    22

  • 事業・組織

    21

  • 就職・人材サービス

    20

  • 車・バイク他

    17

  • 金融・保険・会計・法律

    15

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

  • CSR・サスティナビリティ

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    10

形式

  • コーポレートサイト

    184

  • 商品・製品紹介

    135

  • 特設サイト

    132

  • 店舗・施設紹介

    93

  • 企画・プロモーション

    89

  • サービス紹介

    56

  • 採用サイト

    41

  • EC・Webサービス

    38

  • LP (ランディングページ)

    37

  • メディア・ポータル

    34

  • ポートフォリオ

    21

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    263

  • イラストが特徴的なサイト

    191

  • アニメーションが特徴的なサイト

    153

  • レイアウトが特徴的なサイト

    106

  • テキストが特徴的なサイト

    87

  • 多言語対応

    46

  • 動画が特徴的なサイト

    41

  • スマホ特化・モバイルファースト

    36

下層ページ

  • Aboutページ

    295

  • 投稿一覧(記事/商品など)

    270

  • 投稿詳細(記事/商品など)

    241

  • サービス紹介

    197

  • お問い合わせ

    105

  • 採用サイト

    71

  • よくある質問

    53

  • プライバシーポリシー

    44

  • 料金表

    25

  • CSR

    24

  • 規約/法律に基づく表記

    19

  • ビジュアル

    1

  • ゲーム

    1

  • メニュー

    1

カラー

  • ホワイト・白

    161

  • ブルー・青

    148

  • ブラック・黒・グレー

    122

  • グリーン・緑

    90

  • カラフル・多色

    75

  • イエロー・黄色

    68

  • レッド・赤

    62

  • ブラウン・茶色

    51

  • オレンジ・橙色

    37

  • ピンク・桃色・桜色

    36

  • パープル・紫

    22

SEARCH

カラー検索

2024.12.16

コンポーネント図鑑 ｜ 視覚伝達情報研究室

https://shidenken-component.studio.site/

コンポーネント図鑑とは、webサイトを通じコンポーネントという「いち生物」についてまとめた図鑑です。ここでは、研究員が日々この生物について感じている意見や考えを記載しています。 

このデザインを共有する

Close

Design Infomation

Industry

クリエイティブ制作

Page

投稿詳細(記事/商品など)

Color

ピンク・桃色・桜色
ホワイト・白

Format

メディア・ポータル

Design

アニメーションが特徴的なサイト
おもしろいシンプル
投稿者の画像

動くコンポーネントが可愛らしい。説明文のスペースや設定が魅力的。

コンポーネント図鑑 ｜ 視覚伝達情報研究室のPCサイズの画像
コンポーネント図鑑 ｜ 視覚伝達情報研究室のモバイルサイズの画像

本ページは、本サイト掲載日時点で公開されているサイトより、画面キャプチャ画像を引用し掲載しています。
掲載取下げ依頼、または修正依頼はコチラよりご連絡ください。

Design Infomation

Industry

クリエイティブ制作

Page

投稿詳細(記事/商品など)

Color

ピンク・桃色・桜色
ホワイト・白

Format

メディア・ポータル

Design

アニメーションが特徴的なサイト
おもしろいシンプル

下層デザイン

  • 投稿詳細(記事/商品など)

    コンポーネント図鑑 ｜ 視覚伝達情報研究室のPCサイズの投稿詳細(記事/商品など)画像
    コンポーネント図鑑 ｜ 視覚伝達情報研究室のモバイルサイズの投稿詳細(記事/商品など)画像

  • 投稿詳細(記事/商品など)

    コンポーネント図鑑 ｜ 視覚伝達情報研究室のPCサイズの投稿詳細(記事/商品など)画像
    コンポーネント図鑑 ｜ 視覚伝達情報研究室のモバイルサイズの投稿詳細(記事/商品など)画像

8

2

同系統のサイトデザイン

  • BE STYLEFUL.｜特集｜BAYCREW’S STOREのPCサイズの画像
    BE STYLEFUL.｜特集｜BAYCREW’S STOREのモバイルサイズの画像
    DETAIL

    BE STYLEFUL.｜特集｜BAYCREW’S STORE

    投稿者の画像

    動きのあるルックがウェブサイト独自の見せ方を実現している。クレジットのアニメーションや手描き風のナンバリングが、全体の雰囲気やテンションを高めている。

  • Hannah BohnenのPCサイズの画像
    Hannah Bohnenのモバイルサイズの画像
    DETAIL

    Hannah Bohnen

    投稿者の画像

    なぜ石とともに作品を巡るのかは本人にしか分からないが、作品をクリックした際のインタラクションも面白い、独創的なサイト。

  • Lifense / ライフェンス – 出水自動車教習所の滞在型免許取得（合宿免許）のPCサイズの画像
    Lifense / ライフェンス – 出水自動車教習所の滞在型免許取得（合宿免許）のモバイルサイズの画像
    DETAIL

    Lifense / ライフェンス – 出水自動車教習所の滞在型免許取得（合宿免許）

    投稿者の画像

    普通の免許合宿とはひと味違う、学校や車のイメージにとらわれない、にとらわれない、親しみやすさを大切にしたデザインになっています。

  • デザデジの広告画像02 デザデジの広告画像03 デザデジの広告画像04
    デザデジのモバイルサイズの広告画像02 デザデジのモバイルサイズの広告画像03 デザデジのモバイルサイズの広告画像04
    DETAIL

    実践で身につけるWebデザインスクール

    デザデジの画像

    デザデジ

  • 10×19のPCサイズの画像
    10×19のモバイルサイズの画像
    DETAIL

    10×19

    投稿者の画像

    派手なデザインではないものの、繊細なアニメーションによってサイトのレイアウトが一層引き立てられている。

  • SwisstedのPCサイズの画像
    Swisstedのモバイルサイズの画像
    DETAIL

    Swissted

    投稿者の画像

    クラシカルなグラフィックデザインイメージの参考になります。

  • テテトコ | 発達障害・グレーゾーンの子育てSNSのPCサイズの画像
    テテトコ | 発達障害・グレーゾーンの子育てSNSのモバイルサイズの画像
    DETAIL

    テテトコ | 発達障害・グレーゾーンの子育てSNS

    投稿者の画像

    ラウンド強めかつ太文字フォントがポップで可愛らしい!!

  • <公式>天ノ寂｜AmanojyakuのPCサイズの画像
    <公式>天ノ寂｜Amanojyakuのモバイルサイズの画像
    DETAIL

    <公式>天ノ寂｜Amanojyaku

    投稿者の画像

    ささやかなアニメーションが上質でゆったりした雰囲気を引き立たせているサイト。

  • 外壁塗装・屋根塗装の三和ペイント | 防水工事・リフォームも対応のPCサイズの画像
    外壁塗装・屋根塗装の三和ペイント | 防水工事・リフォームも対応のモバイルサイズの画像
    DETAIL

    外壁塗装・屋根塗装の三和ペイント | 防水工事・リフォームも対応

    投稿者の画像

    ロゴの一部を巧みにデザインに取り入れ、青と白を基調とした配色はこれぞコーポレートサイトって感じでいい！！

  • Electric Cars, Solar & Clean Energy | TeslaのPCサイズの画像
    Electric Cars, Solar & Clean Energy | Teslaのモバイルサイズの画像
    DETAIL

    Electric Cars, Solar & Clean Energy | Tesla

    投稿者の画像

    レイアウトや写真、動画の使い方が工夫されており、詳細ページのボリュームを感じさせない見せ方になっているサイト。サイバートラックのロゴがかっこいい。

  • ビームスの百名品 FOR WOMEN | 一生愛せる定番との出会いのPCサイズの画像
    ビームスの百名品 FOR WOMEN | 一生愛せる定番との出会いのモバイルサイズの画像
    DETAIL

    ビームスの百名品 FOR WOMEN | 一生愛せる定番との出会い

    投稿者の画像

    カードタイプの商品の見せ方がかわいい