web-dev-qa-db-ja.com

視差の多いインターフェイスのプロトタイプを作成する方法

次のように、視差効果を多用したWebサイトのプロトタイプを作成します。

http://spider.mclarenautomotive.com/

プロトタイピングについては、このエフェクトを使用するとナビゲーションとユーザーエクスペリエンスにどのような影響があるかをテストしたいと思います。

プロトタイピングについてアドバイスはありますか?

1
nkint

そのためには AxureRP を使用します。そのためのサンプルプロトタイプもフォーラムで入手できます。 http://www.axure.com/forum/tips-tricks-examples/8157-parallax-scrolling.html

この効果を使用して、ナビゲーションとユーザーエクスペリエンスにより良い影響を与えるにはどうすればよいですか?

パララックスがユーザーエクスペリエンスに影響を与えるかどうかを尋ねると、ウェブサイトで行うすべてのことがユーザーエクスペリエンスに加算または減算されますが、視差を使用してそれを行う方法は広すぎて答えることができません。それはあなたのコンテキストが何であり、何を達成しようとしているのかに依存します、そしてあなたはパララックスがそれを達成できるかどうか尋ねるかもしれません。

3
Salman Ehsan

それを構築します。そのレベルのアニメーションは、それをエミュレートするプロトタイピングソフトウェアを扱うよりも簡単に構築できます。

1
DA01

ここでは、紙のプロトタイプが適していると思います。

0
Max

Edge CommonsライブラリでAdobe Edge Animateを使用できます。ライブラリには視差効果が含まれています。

0
Tom Engh