タグ

スクロールとデザイン参考に関するajinorichanのブックマーク (4)

  • 情報量過多でも問題なし!スクロールエフェクト効果を上手に活用したサイト13選

    ホームページは、掲載する情報が多くなるほど、縦長にスクロールする形になっていきます。 縦長のホームページでは、より多くの情報を伝えるため、「ユーザーに面倒に思われず、如何に自然にスクロールしてもらうか」が課題となります。 今回は、その課題を解決する方法の一つである「スクロールエフェクト(スクロール効果)」を上手に取り入れた"クールなサイト"をご紹介します。 ページを直接確認していただき、それぞれのページのスクロールエフェクトを、ぜひ体感してみてください。 上手にスクロールエフェクトを活用したサイト13選 1.SWISS http://www.world-of-swiss.com/en スイスの国営航空会社のプロモーションサイトでは、航空会社らしく、まるで空を飛んでいるかのようなスクロール効果を取り入れています。 各カテゴリのポイントをクリックすると、また違ったスクロールエフェクトが登場し、

    情報量過多でも問題なし!スクロールエフェクト効果を上手に活用したサイト13選
  • 【2015年版】リスティング担当者から見た、イケてるランディングページ10選 | 株式会社LIG

    こんにちは! アドチームのきょうへいです。 以前「【2014年版】リスティング担当者から見た、イケてるランディングページ10選」という記事を書かせていただきましたので今年も2015年版を書こうと思います! 今回は色々なLPを見ていたときに気になったものをまとめたものなので、共通点があまりないかもしれませんが、どれもキレイなデザインだったり、面白い動きをするページで、スクロールをさせられてしまうものばかりです。 1. Beagle https://getbeagle.co/ ※現在、上記リンク先は表示できません。 スクロールエフェクトがユニークなLPです。 ファーストビューで大きな写真を使用していて、スクロールをするとそれぞれのアニメーションがさまざまな動きをします。気が付いたら上から下まで何度もスクロールしまくってました。素敵です。 2. Melanie F http://www.mela

    【2015年版】リスティング担当者から見た、イケてるランディングページ10選 | 株式会社LIG
  • 「シングルページ」流行の7つの理由と最新事例まとめ (1/4)

    「シングルページ」と呼ばれる、1ページで完結しているWebページを見かけることが多くなりました。シングルページの概要と、CSSフレームワークを使った実際のシングルページの作成を通して、シングルページのデザインの考え方や作成方法の知識を身につけられる連載をお届けします。解説はデザイナーの石嶋未来氏にお願いしました。(編集部) シングルページとは、1ページで完結しているWebページのことです。最近よく見かけるようになりましたね。シングルページのみを集めたギャラリーサイトなどもあり、Web制作に携わっている方であれば一度は目にしたことがあると思います。 シングルページで作られたサイト。左から、モバイルセキュリティソフトウェアのLookout, Inc,(https://www.lookout.com/)、「重陽」ブランドの包丁を製造販売している堺菊守 河村刃物株式会社(http://chouyo

    「シングルページ」流行の7つの理由と最新事例まとめ (1/4)
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 1