2011-09-12 5 views
1

クライアントプロジェクトのほとんどは、短期的なプロモーションの性質(商品の発売、季節のコンテストなど)です。これらのWebサイトプロジェクトのコンテンツの大部分は、代理店クライアントのデザイナーからのものであり、クライアントが既にデザインを承認するまで、クリエイティブプロセスに関与していないことがよくあります。コンテンツは通常実行可能ですが、特に過去数年の間に私が気づいたことの1つは、多数のドロップシャドウ、半透明グラデーション、グロー、その他のさまざまなデザイン要素を含む疑似3D要素にとって重要なトレンドです最終的に半透明のPNGファイルを使用する必要があります。帯域幅を考慮しない傾向

問題ここでは、これらの要素の広範な使用は、それがロード時の.png画像の最大2メガバイト以上を必要とする単一のホーム・ページのために珍しいことではありませんように、です。経験豊富なWeb開発者として、私はこれが高速接続性の土地であっても悪いことを知っていますが、私はそのようなデザイナーを説得​​する方法を見つけるのに苦労します。帯域幅に関する会話は、通常、設計要素について過度に防御的であり、影響を最小限に抑えるような変更には容認しない(例えば、イメージが非透過な.jpgファイルになるように要素が重ならないようにするか、透明性を必要とするページ上の要素の数)。

技術的な観点から(最初の大きな.pngファイルを避けるため)、または管理の観点から(クライアントにこれらのタイプのデザインを避けるように説得する)、どのような推奨事項がありますか。このようなデザインの欠点をよりよく説明するために、既にWeb上に利用可能なリソースはありますか?

答えて

0

あなたが説明する多くの機能は、css3/javascript技術を使用して実行できます。これにより、古いブラウザーやインターネットエクスプローラーのためだけにpngのハッキーなものが残されます。

適切なブラウザのスニッフィングとフォールバックを行うには、良いjavascriptフレームワーク(または既存のものの1つを使用)に投資することをお勧めします。

もちろん、ハンドヘルドデバイス用の軽量バージョンもあります。

これが役に立ちます。

+0

いいえ、たくさんのものはCSS3とjavascriptを使って複製できません。この質問を投稿するように促した最近の例は、サイト上の各ページが(別の製品やコンセプトを扱うために)全体的な背景イメージが異なる場合があるシナリオです。それぞれの背景グラフィックは、標準のCSSテクニックを使用して複製することができない製品の周りにカスタムシャドー/グローを備えているので、イメージをそのままPNGとしてコピーする必要があります。このグラフィックはより一般的な背景イメージをオーバーレイするので、透明度は必要ですが、各グラフィックは1024x600までのサイズにすることができます。 – Chris

+0

ご清聴ありがとうございます。私はデザイナーを教育することは非常に難しいことであるというあなたの経験を共有しています。しかし、良いデザイナーは、この種のアドバイスを受けています。たぶんあなたは、彼らがより禅のようなデザインの哲学に従う勝つウェブサイトを賞賛することを指すことができます。 トリックは、3gを使ってipadでのパフォーマンスを表示することかもしれません;-) –

0

トラフィックの多いウェブサイトやコンテンツが豊富なウェブサイトのデザインが悪いと思います。しかし、短期プロモーションサイトの場合は、おそらく許容されます。

イメージをすべてではなく段階的に読み込むことができますか?または、解像度の低い画像や圧縮/拡大可能な画像を使用していますか?

関連する問題