菱形デザインの次は、来ました「平行四辺形デザイン」！
しかも、スクロールに追従してゆらゆら変形していきます、気持ち悪いｗ
実装方法はCSS3のtransform rotateで回転させるおなじみの方法ですね。
モノトーンでシンプルなサイトかと思いきや、度肝を抜かれました。
スクリーンショットでは伝わらないと思うので、ぜひ実際にサイトでご覧ください。
http://kentisburygrange.co.uk/
ホテルやロッジを運営している会社のサイト。 シンプルなグリッドデザインなのですが、背景を斜めにするだけで、意外性のあるデザインに生まれ変わる好例ですね。
http://www.perfume-web.jp/cam/miseyoLEVEL3/
パヒュームらしいスタイリッシュでアバンギャルドなデザインに仕上がっています。 カラフルな三角形をランダムに配置してアニメーションさせることで、3Dのポリゴンが浮遊しているような印象になっていたり、縦書きや、変わったフォン […]
スターバックスのフラペチーノ特設サイト。 ポリゴン風デザインというか、ランダム多角形レイアウトで斬新です。 コーディングがめんどくさそうで、よく挑戦したなぁと思います。（個人的にはあまりやりたくないｗ） レスポンシブにも […]
http://www.momoya.co.jp/goendesuyo/
Peeping Life×桃屋のコラボ企画のサイト。 ハートテクスチャの黄色い背景から雲を使った切り替えや、太めのストライプ使い、見出し部分のリボンの使い方など、こまかいデザインが繊細で参考になります。
