ホームページ  >  記事  >  ウェブフロントエンド  >  Web デザインの標準サイズ_html/css_WEB-ITnose

Web デザインの標準サイズ_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:40:111179ブラウズ

ウェブサイトは、インターネットの急速な発展に伴い急速に出現し、インターネットにアクセスするための主な基盤として、インターネットの頻繁な使用により非常に重要になりました。なぜなら、企業はWebサイトを通じて製品、サービス、コンセプト、文化を提示したり、特定の機能的なサービスを視聴者に提供したりする必要があるからです。したがって、Webデザインでは、まずサイトをデザインする目的とユーザーのニーズを明確にし、実用的なデザインソリューションを作成する必要があります。

Web デザインの標準サイズ:

1. 800*600 未満の場合、Web ページの幅が 778 以内に保たれる場合、高さはレイアウトとコンテンツによって決まります。

2. 1024*768 未満では、Web ページの幅は 1002 以内に保たれます。フレーム全体が表示される場合、高さは 612 ~ 615 になります。水平スクロール バーや垂直スクロール バーは表示されません。 (dwには標準値が設定されています。1024*768のページの標準サイズは955*600です。そのサイズに従ってください。)

3. psで作成したWebページは800*600の状態でも表示可能 Full画面では、ページの下部にスライド バーはなく、サイズは約 740*560 です

4. PS で作成された写真は、色などがインターネット上で異なります。なぜなら、256 個しかないからです。 WEB セーフ カラーは WEB で使用されます。PS の RGB または CMYK および LAB または HSB は色域が非常に広いため、当然色落ちが発生します

ページの標準は 800*600 の解像度で作成されています。実際のサイズは778*434pxです

ページ 原則として、長さは3画面を超えてはならず、幅は1画面を超えてはなりません

各標準ページはA4フォーマット、つまり8.5X11インチです

フルサイズのバナーは468*60px、半角バナーは234*60px、小バナーは88*31pxです

さらに、120*90と120*60も小さいアイコンの標準サイズです

ホームページ以外の各静的ページ画像バイト数は 60K を超えず、フルサイズのバナーは 14K を超えません

標準 Web ページ広告サイズ仕様

1、120*120、この広告仕様は製品またはニュース写真の表示に適しています。

2. 120*60、この広告仕様は主にロゴに使用されます。

3. 120*90、主に製品のデモンストレーションや大規模なロゴに使用されます。

4. 125*125、この仕様は写真効果を示すイメージ広告に適しています。

5. 234*60、この仕様はフレームまたは左右のホームページ内の広告リンクに適しています。

6. 392*72、主に多くの写真を含む広告バナーに使用され、ヘッダーまたはフッターに使用されます。

7. 468*60、最も広く使用されている広告バナー サイズで、ヘッダーまたはフッターに使用されます。

8. 88*31、主に Web リンクまたは小さな Web サイトのロゴに使用されます。

広告フォーマットの最大ピクセルサイズに関する注意事項

BUTTON120*60 (必ずGIFを使用してください)

215*50 (必ずGIFを使用してください)

7K

7K

バナー 760*100

43 0*5 025K

15K の静止画像はモーション効果を軽減する可能性があります

スーパーバナー 760*100 ~ 760*200 合計 40K の静止画像またはモーション効果を軽減します

巨大な広告 336*280

585*12035K

縦型広告 13 0*30025K

全画面広告 80 0 *60040K 静止画像、FLASH 形式である必要があります

グラフィックとテキストの混合、異なるチャンネル 15K

ポップアップ ウィンドウ 400*300 (GIF を使用してみてください) 40K

BANNER468*60 (GIF を使用してみてください) ) 18K

ホバーボタン 80*80 (GIF を使用する必要があります) 7K

ストリーミングメディア 300*200 (不規則な形状にすることもできますが、サイズは 300*200 を超えることはできません) 30K 再生時間は 5 秒未満 60 フレーム ( 1 秒/12 フレーム)

Web ページの広告サイズ ... 、内側ページの上部バー、サイズは 468*60 です

6. 内側ページの上部バー、サイズは 760*60 です

7. 内側ページの左上、サイズは 150*60 または 300*300 です

8. ダウンロードアドレスページ、サイズは 560*60 または 468*60 です

9. 内側ページの下部バー、サイズ 760*60

10. フロート左、サイズ 80*80 または 100*100

11. 右フロート、サイズ 80*80 または 100*100

IAB と EIAA が新しいオンライン広告サイズ基準をリリースしました

このうち6フォーマットとは、IABが昨年リリースした「Universal Advertising Package」の160x600、300x250、180x150、728x90の4フォーマットに加え、新たに発表された468x60と120x600(Optimus Prime)の2種を加えたもの。

推奨書籍:

10 の没入型 404 ページ

20 の主要な UI デザイン原則

2015 グラフィック デザイン ソフトウェア ランキング

著作権表示: この記事はオリジナルの記事ですブロガーによって作成され、公開されていません. ブロガーの許可なく転載することはできません。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。