~Webデザインを「観る」ブログ~1日1Webデザイン、素敵なサイトを私なりにご紹介。Web制作やクリエイティブな情報もお届け。Point!マウスの位置でパララックスエフェクトアシンメトリーな刺激的Webデザインコンテンツの開閉っぷり私はWebデザインのココを見た!Tweetアシンメトリーであり刺激的であるWebサイトを、マウスの位置でパララックスさせる挑戦的なWebデザイン。この三角をモチーフにした構成が絶妙だし、写真一枚一枚のトリミング視点が面白い。マウスの位置でパララックス効果マウスを動かすことによって、画面がスクロールする演出が実装されています。このスクロールの面白いところが、一見全てがしっかりと平面で一致しているような印象を持ちますが、実は三角や台形のコンテンツはabsoluteで独立しており、背景である女性と犬のものとは違うスクロール速度で動くというところ。視差効果が生まれパララックスWebデザインとなっています。そもそもマウスでヌルヌルと動くのは意外と気持よく、というよりも最後まで行きたくなってしまう感覚を覚えてしまいました。このように短くコンテンツをまとめている場合は、マウスの位置でスクロールするこの演出は良いものかもしれませんね!コンテンツの開き方がサイト全体に合っているこの三角形で区切られたコンテンツをクリックすると、コンテンツが開くのですが、その開き方が素晴らしい。その位置からコンテンツが開かれ、ゆっくりとした開閉時間もベストだと思います。lightbox系エフェクトとしてかなり好感が持てました。Bこの素敵なWebデザイン、「いいな」と思いました?その気持ちをポチッと残しておきましょう!ツイートTwitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。関連するWebデザイン2人を1つのポートフォリオにまとめてる!配色センス抜群なWebデザイン【新卒採用】コーポレートカラーに統一された配色が光るWebデザインカーテンのようなスクロールが特徴のフラットWebデザイン余白とカラフルな丸を絡める!シンプルに仕上げたレスポンシブWebデザインコメントをどうぞ。About都内に住むWebデザイナーの卵です。世の中に無数に存在するWebデザインから、沢山のことを学ぼうと思いブログ運営を始めました。1日1Webデザイン、私が感じたこと含め紹介していきます。履歴を敷き詰めるレスポンシブポートフォリオWebデザイン【採用サイト】小さいコンテンツの存在感を極限まで高めるWebデザイン切り絵風Webデザインページをコンテンツごとにうまく分割。面白いサイトタイプ印象カラーレイアウト特徴・その他1日1Webデザインあなたにとっての素晴らしいWebデザインが見つかりますように。