」のWEBデザイン一覧ポート株式会社https://www.theport.jp/1ページ完結のワンページデザイン(いわゆる高級ペライチ)で作られたコーポレートサイト。斜めに配置された背景色や、差し色に使ったビビッドなオレンジをなど、洗練された印象です。レスポンシブWEBデザインにも対応。Fewhttp://www.madebyfew.com/ウェブマーケティングカンファレンスのウェブサイト。斜めにレイアウトされたタイルがスピード感を演出しています。バランス感覚がすごく難しいデザインになりがちなのですが、うまくまとめています。レスポンシブWEBデザイン詳しく見るminikuLOVEhttps://minikulove.com/元カレ・元カノとの思い出の品を預かってくれるレンタルボックスのサイト。オフィシャルブログhttp://hikakin.blog.jp/ボイパで有名なHIKAKINのブログ。タイトル文字と、背景のHロゴが重なっており、スクロールするとパララックスでズレるという、美しいデザイン。ピンクの斜めラインも、インパクトがあっていいですね。PC詳しく見る三菱化学物流http://www.mclc.co.jp/三菱化学物流のウェブサイト。斜めに使用された背景の帯がグリッドを外したデザイン担っており、インパクトがあります。ソーシャルPLUSのウェブサイト。横幅いっぱいのメインビジュアルカルーセルや、アシンメトリーなダイナミックなレイアウトがいいですね。PC詳しく見る横浜モノリスhttp://produce.novarese.jp/yhm/結婚式場のウェブサイト。全画面のグリッドタイルを敷き詰めたデザインで、インパクトがあります。PC詳しく見るはままつArt鉄人http://www.artetsut.jp/静岡県浜松市の鉄の造形作家の職人団体のサイト。コラージュ風の賑やかなアートワークと、ランダムなレイアウトで、楽しそうな印象です。PC詳しく見るATCLhttp://atcl.co.jp/姫路市のプラント事業などを行うATCL様のウェブサイト。斜めグリッドとフラットデザインでスタイリッシュなデザインに仕上がっています。Luna’shttp://sweetlunas.com/パステル調の色使いと、サークルデザイン、曲線を取り入れた波のようなデザイン、ストライプなど、女性が好みそうなファンシーなデザインに仕上がっています。PC詳しく見るグミガームhttp://gumiguum.jp/UHA味覚糖の新感覚なグミ、グミガームのサイト。スクロールに応じてテキストや画像がフェードインしてくるエフェクトで動きを演出しています。~魅せよ、LEVEL3~http://www.perfume-web.jp/cam/miseyoLEVEL3/パヒュームらしいスタイリッシュでアバンギャルドなデザインに仕上がっています。PC詳しく見るAquaceutichttp://www.aquaceutic.pl/斜めに切り取られたメインビジュアルやコンテンツエリアが印象的なデザイン。キャプチャではわかりづらいですが、製品ボトルの画像が固定で表示されているのもいいですね。Selectionhttp://www.selectivefew.com/大胆なデザインのレスポンシブデザインのウェブサイト。三角形モチーフのダイナミックなレイアウトや、画面からはみ出したiPadなど、おもしろいデザインに仕上がっています。Life×桃屋のコラボ企画のサイト。ハートテクスチャの黄色い背景から雲を使った切り替えや、太めのストライプ使い、見出し部分のリボンの使い方など、こまかいデザインが繊細で参考になります。モダンUIのようなランダムタイルレイアウトですが、背景画像を斜めに切り取った画像にすることで、新しい印象に仕上がっています。PC詳しく見るほそやhttp://marubuta.jp/豚肉の製造・販売を行うほそやのサイト。ネットショップ機能は現在準備中のようです。黒ベース×ゴールドの配色で高級感のあるデザインに、美味しそうなお肉の写真や、ランダムなレイアウトが美しいです。PC詳しく見る北海道工業大学http://www.hit.ac.jp/北海道工業大学のホームページ。ナビゲーションバーを突き抜けた全面背景のメインビジュアルと、多角形の背景画像のレイアウトが斬新です。スクロール追従でfixedされるナビゲーションバーの実装も参考になります。Grangehttp://kentisburygrange.co.uk/ホテルやロッジを運営している会社のサイト。シンプルなグリッドデザインなのですが、背景を斜めにするだけで、意外性のあるデザインに生まれ変わる好例ですね。つば甚http://tsubajin.co.jp/ryouri/石川県金沢市の創業宝暦2年の老舗料亭のホームページ。和風+縦書き+アシンメトリーという伝統と新しさが融合したデザインで素晴らしいです。ホワイトスペースの取り方も絶妙で、すごく気持ちいいデザインに仕上がっています。Designhttp://perspectivewoodworks.com/またまた来ました、斜めグリッドのダイヤモンド・菱形デザイン。斜めでしかもランダムだと、配置のセンスを問われますが、すごくバランスがいいですね。Porfoliohttp://www.mrsaghafi.com/WEBデザイナーのポートフォリオサイトです、最近いろんなところで紹介されているので、見たことある人も多いと思います。viverhttp://www.paseoitaigara.com.br/これもダイヤモンドレイアウトですが、よく見ると下の方の菱形は3pxのborder-radiusがかかっています。PC詳しく見るNeoLabhttp://neolab.no/やっぱり増えてきてる斜めグリッドのレイアウト。CSS3のtransformで45degに回して、中のコンテンツは-45degとしてるみたいです。名古屋のホームページ制作ならSPOT。