web-dev-qa-db-ja.com

レスポンシブWebデザインのモックアップ戦略(プログラマーの観点から)

レスポンシブWebデザインプロジェクトのモックアップを作成する場合、それらをページまたは画面サイズで区切る必要がありますか?ソースコードを書き始めるときに、どちらがより役立つでしょうか?

次の長所と短所は何ですか:

  • ページベース:すべての異なる画面サイズのすべてのホームページモックアップ
  • 画面サイズベース:幅<= 960pxのすべてのページ

Balsamiq Mockups を使用してモックアップを作成しており、関連するすべてのモックアップをhomepage, login960px, 768pxなどのファイルに保存することを好みます。

2
Mahdi

画面サイズは、今日の市場の多くのデバイスディスプレイをカバーできる全体的なアプローチです。しかし、ページベースのアプローチでは、モバイルデバイスの画面ごとに設計された完璧なアプリケーションを作成できます。

現在、推奨されるアプローチは画面サイズベースです。これは、画面サイズと特性が異なると、デバイスの量が毎日増加するためです。

1
Sticcio