CSS3のスライドショーが刺激的！フラットなポートフォリオWebデザイン

Webデザイン３つの良いとこ : 3 Good Point!

シンプルなフラットWebデザインのポートフォリオサイトのご紹介。特徴的なスライドショーが面白い。また、全てのアニメーションがぬるぬる動くところも良いですねー。

スライドアニメーションが刺激的

これが、

このように、斜めに割れてスライドされるアニメーション。かなり予想の斜め上をいくアニメーションなので、初見のインパクトは大きい。

また、フラットWebデザインなのもこのスライドショーに合っています。モノトーン系カラーが次ページでも表示されるので色の統一性があるからですね。

で、このスライドショーのアニメーションどうやってるの！と気になると思いますが、Web風で初めてWebデザインレビューさせていただいた私の大好きブログ「Codrops」で紹介されていました。

いやー、Codrops相変わらずすごい・・・。

でも、このような大きなアクションのスライダーとかって意外と使いドコロに困るもの。それをしっかりとサイトのテーマとなっちゃうくらいの要素で使用している今回のWebデザインは、うまいなーと思わされます。

他にも数少ないボタンだけで操作を可能にしているなど、UI/UXデザインも非常に考えられています。レスポンシブWebデザインにしてもスライドショーのイメージが壊れない点も評価点。とても参考になるWebデザインでした！

今日参考にさせて頂いたサイト

Twitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。ぜひフォローしてください！