ねっとぱんだ-プログラミング勉強ブログ-

Webデザイン、プログラミングの勉強ブログ。

【デザイン分析】横スクロールのポートフォリオサイト


横スクロールのポートフォリオサイト

norgram.co

    3/11

    種類:ポートフォリオサイト

    概要:国際的なデザイナーデュオのサイト

    感想・いいと思ったpoint

    ・横スクロールの画面を違和感を抱く事無く動かせた事に驚きました。矢印のアニメーションでの誘導やハンバーガーメニュー(?)を縦向きにする事で直ぐに横に動いていくと言う事が理解できたのだと思います。縦にスクロールする画面が常識となっている中で新鮮さを感じます。

    ・そのスクロールに合わせた写真や文字の反応が自然な操作感を演出しています。

    ・プロジェクトを紹介する画面でもモックアップ画像やデザインも全て横向きの動きに対応して作られたものです。欧文が左から右に読む事を考えると、もしかしたら縦に長いレイアウトよりも自然な見せ方が出来るのかもしれません。

    ・TOPで左側に何度か画面をスクロールさせようとするとモノクロのグラフィックが出現します。これがある事で他の動きへの期待にも繋がり、情報量が多くなっても、むしろ仕掛けを探す為にいろいろな所を観察する様になりました。

    ・スクロールで現れる画像はgifが使われたおり、色々な動きがある中で重さを感じずにサイトを見る事ができます。