Web サイトインターフェイスの基本コンポーネント

1. Header: このコンポーネントは Web サイトの上部にあり、Web サイトのすべてのページに表示されます

たとえば、Web サイトにはロゴと、ホームページ、紹介ページ、イベント ニュース、ショッピング カート アイコンなどの多くのページが含まれることがよくあります。

+ Logo: ウェブサイトの代表的な画像です

美しいロゴの画質で美しいウェブサイトを作成します。

ロゴは整列し、見やすく、適切なサイズで明確に表示されます。

ロゴアイコンはヘッダーの背景色に配置するのに適しています

例: ロゴを任意のサイズに調整して、画像が鮮明かどうかを確認します。低解像度のロゴ アイコンは、暗すぎるヘッダーの背景色に配置しないでください。

 

 

+ ショッピングカートアイコン: 通常の販売サイトの場合、右隅にショッピングカートアイコンが配置されます。 カートをクリックすると、数量、選択した商品、合計金額などの情報が表示されます。

Ví dụ: 例: わかりにくいアイコンや Web サイトに対して小さすぎるアイコンを避けるために、明確な色と画像を使用してアイコンをデザインします。

2.コンテンツ: このコンポーネントは通常、ヘッダーの下に配置されます

+ Slider: 初めて Web サイトにアクセスすると、主に画像が表示されます。さまざまな写真が含まれますが、すべてが Web サイトに表示されるわけではありません。 スライダーにはナビゲーション ボタンがあり、他のスライド間を移動できます。 さらに、スライドをビデオにすることもできます

注: ユーザーが簡単に観察してクリックできるように、自動モーション効果を使用してスライドをデザインすることをお勧めします。

– Banner: 通常、それは人目を引くデザインの画像であり、一般的なバナーの場所はページの上部 (ヘッダー上) または列の区切りです。

* 例えば、バナーはスライダー形式である 顧客を引き付けるためには創造的で新しいコンテンツと形式を備えたバナーをデザインする必要がある 固定的で退屈な広告モデルを避け、Web広告バナーを適切に配置する必要がある 製品/サービスに関連したコンテンツがあるあなたが提供しているのです。

– Web サイトのコンテンツ セクション: さまざまな Web サイトに対応するために他のセルに分割されたセル。

+通常のセルには、表示される主要なコンテンツが含まれます。 通常は、プロフィール写真、タイトル、および記事の数行の説明だけです。

  • 番号 1: ページネーション: 紹介記事
  • 番号 2: 検索タイトルとデフォルトの検索フォント
  • 番号 3: 新人マーケティングのタイトルと説明
  • その4:カテゴリタイトルと表示項目

3.Footer: Web サイトの下部にあり、Web サイトのすべてのページに表示されます。フッターには多くの場合、次のコンポーネントが含まれます: ニュース – イベント、紹介、連絡先、サポート

例えば: Footer フッターのスペースが多すぎたり、列の分割が小さすぎたりしないように、十分な情報が必要です。また、必要に応じて情報をアイコン (Facebook、Instagram など) に置き換えることもできます。

 

 

Bài viết liên quan