※2026/10/12現在
タグが「 タイル 」のWEBデザイン一覧
-
-
-
ひろびろ ひろしま移住サポートメディア
http://www.hiroshima-hirobiro.jp/
広島への移住を後押しするウェブメディア。 半円形に切り取られたメインビジュアルのギャラリーや、メニュー部分が印象的ですね。 コンテンツのリスト部分はMasonryでタイル敷き詰め型のレイアウトになっています。
詳しく見る -
スウェーデン矯正歯科
矯正歯科クリニックのウェブサイト。 ガター無しのタイル型グリッドレイアウトでビビッドな色使いのフラットデザインを取り入れることで、明るくポップな印象に仕上がっています。 PC向けでもハンバーガーメニューを使用しているのが […]
詳しく見る -
P.G.C.D. JAPAN
スキンケアブランド P.G.C.D.のウェブサイト。 Windows8のメトロUI（モダンUI）のような隙間なしのタイル敷き詰め型レイアウトですが、LazyLoadで遅れて読み込んでくることで動きを出し、高級感や躍動感を […]
詳しく見る -
V76 by Vaughn
これは、実際にサイトを見てもらうのが一番早いんですが、左半分はstickyなカルーセルスライダー・右半分がコンテンツで右側だけスクロールします。 「こういう作り方もあるのか！やられた！」と思うようなデザインでした。
詳しく見る -
-
-
Cygames Recruit 2016 | サイゲームス 新卒採用
http://recruit.cygames.co.jp/fresh2016/
グランブルーファンタジーなどで有名なサイゲームス（Cygames）の求人特設サイトです。 Windows8のメトロUI（モダンUI）のようなタイルを敷き詰めたMasonryスタイルで、LazyLoadの遅延表示などを組み […]
詳しく見る -
-
北海道リゾートウエディング [ブルーミントンヒル]
リゾートウェディングのウェブサイト。 大きなメインビジュアルのカルーセルスライダーと、pinterestの様なマガジンスタイルのレイアウトが賑やかで良いですね。
詳しく見る -
-
-
-
インテリアショップ unico
インテリアショップ unicoのウェブサイト。 pinterestの様なmasonry型マガジンスタイルのウェブサイトに仕上がっています。 ウィンドウ幅に合わせてレスポンシブにレイアウトが可変しますが、スマホまでは対応し […]
詳しく見る -
-
阪急電鉄株式会社 採用情報2015
http://dentetsu.hankyu.co.jp/jinji/employment/
阪急電鉄の求人特設サイト。 カラフルな三角や六角形の幾何学模様が浮遊する背景と、windows8のようなタイルの組み合わせがグラフィカルで美しいですね。 色使いはカラフルなのに、落ち着いた印象に仕上がっています。
詳しく見る -
-
-
参りましょう。伊勢志摩｜ＪＲ東海
20年に一度の式年遷宮で今アツい伊勢神宮にからめて、伊勢志摩の特設サイトです。 神宮ってことで、和柄のテクスチャを使っています。 フラットデザインと組み合わされることが多いwindows8風のタイルデザイン（メトロUI/ […]
詳しく見る -
-
unite all originals らしさを、ぶつけろ。 | adidas ONLINE SHOP
http://shop.adidas.jp/unite/pc/
アディダスのオンラインショップの特設ページ。45度傾いた菱形を敷き詰めたデザインになっています。
詳しく見る -
新型アクセラ
http://www.axela.mazda.co.jp/pre/
マツダの新型アクセラのプレサイト。 pinterestやwindows8のようなタイル型レイアウトで、レスポンシブで再配置しそうなデザインですが、横幅は固定のようでちょっと残念。 サイバーな光彩の背景が先進性を演出してい […]
詳しく見る -
知リ100 Supported by オロナインH軟膏
基本はwindows8のメトロUI モダンUIのようなランダムタイルレイアウトですが、背景画像を斜めに切り取った画像にすることで、新しい印象に仕上がっています。
詳しく見る -
-
-
銀座三越 銀座ダイニング
ランダムグリッドでタイル状に並べられた料理の写真が横スクロールします。 ダイナミックですが、すっきりとしていてスタイリッシュです。 windows8のメトロUI（モダンUI）インスパイア系でしょうか？ 濃いめな色遣いと、 […]
詳しく見る