グラフィックデザイナーとして提供できるさまざまなサービスの中で、 ウェブデザイン それはそれらのXNUMXつです。 ただし、それをうまく行うには、まず Web ページのパーツが何であるかを知る必要があります。
この記事では Webについて知っておくべきことをすべて教えます クライアントからウェブサイトのデザインを依頼された場合に安全に作業できるように、ウェブサイトを構成する要素に焦点を当てます。
Web ページの構成要素は何ですか?
最も簡単な方法から始めましょう。それは、ウェブページのパーツ、または同じものである構造について話すことです。 そして、あなたが非常に好奇心が強く、インターネットをたくさんサーフィンしているなら お気づきかと思いますが、ページにはたくさんの種類があり、 ある構造を使用するものもあれば、別の構造を使用するものもあります。
したがって、次の点を考慮する必要があります。 コンテンツの構造または分布に応じて、Web ページのさまざまな部分があります。. 待ってください、もっとよく説明します。
ページが ウェブ構造に焦点を当て、 その構成部品は次のとおりです。
- ヘッダー (またはヘッダーとしてよく知られています)。
- 体 (または体としてよく知られている)。
- フッター (またはフッター)。
これらのニュースは更新され、メイン ページに表示されるため、主にこの構造はブログ ページまたは類似のものです。
ただし、企業の Web サイト、オンライン ストアなどの大部分は、. は異なり、に基づいています。 コンテンツ配信。 この場合、Web ページの一部として次のものを含めることができます。
- ホーム (ページのホームになります)。
- 製品および/またはサービス (製品またはサービスのカテゴリで、それぞれに個別のページがあります)。
- ブログ (ページに掲載されている記事や更新情報がある場所)。
- お問い合わせください。
- プライバシーポリシー、クッキー、法的通知...
それぞれに何を入れるかが違うので、そこから始めると便利です。
構造ベースの Web を構成する Web ページの部分
最初のケース、構造に焦点を当てた Web を見てみましょう。これは次のもので構成されています。
- ヘッドボード。
- 体。
- フッター。
ヘッドボード
ヘッダー、またはヘッダーは、 ページの先頭、 それを入力する最初に見られるもの、したがって、ページの名前(会社、ブランド、サービスなど)を見つける場所です。 これは、たとえば Web 全体のユニバーサル ヘッダーであるため、その Web のすべてのページで繰り返されます。
で、どんなアイテムがあるの? さて、通常置かれているものは次のとおりです。
- サイトのロゴ。 ロゴの代わりにテキストだけが残ることもあります。 または、両方を入れることもできます。
- ウェブサイトの説明。 特にブログでは、Web が何をするのか (Web が何をするのか、何のために生まれたのか...) についての簡単な説明です。 これは非表示にすることがますます一般的になっています。
- ナビゲーション メニュー。 たとえば、連絡先ページや特定のカテゴリにアクセスしてもらいたい場合は...
- 検索ボックス。 これはオプションですが、ウェブ上にあるものをキーワードで検索できるように配置された検索エンジンです。
ページの目的に応じて、使用する要素の数を増減できますが、基本的には最小限の要素しかありません。
本体
本体、または本体は、ウェブサイトの主要なコンテンツが配置される場所であるため、ウェブサイトの最も重要な部分であると言えます。
ここで ガイドがないので、何があるべきかを知ることができます。 ウェブサイトはそれぞれ異なり、クライアントはウェブサイトに多くのことを望んでいる場合もあれば、非常に少ないことを望んでいる場合もあります。 A、右側に XNUMX つの列があり、もう XNUMX つは XNUMX つの列があり、もう XNUMX つは列が不要です。
これに、次の事実を追加する必要があります。 各ウェブページは互いに異なります. たとえば、Web サイトの開始は、連絡先ページとは関係ありません。 または、私に関するページ (または会社に関するページ) を使用します。
(Web サイト内で) 注目するページに応じて、XNUMX つまたは別のコンテンツを配置する必要があります。 しかし、それらのほとんどすべてに、通常、テキスト + 画像またはビデオがあります。 特に連絡先や私については、ソーシャル ネットワークのアイコンが表示されることがあります (これらはヘッダーまたはフッターに配置されます)。
フッター
最後に、この場合はフッターについて話さなければなりません。 ウェブを終了し、ウェブの下部にある部分です。
繰り返され、 ヘッダーの場合と同様に、Web のすべてのページで 通常、それらすべてに同じ内容が含まれています。 どれの? ソーシャル ネットワークのボタン、連絡先情報、法的通知へのリンク、Cookie、プライバシー ポリシーなどです。 ページ メニュー (他の内部または外部の Web サイトへのリンク)。
コンテンツベースの Web を構成する Web ページの部分
Web ページの構造に基づいて Web ページの各部分を確認したので、Web のコンテンツに基づいて、ページがどのように構成されているかを確認する必要があります。
この場合、次のようになります。
- 開始 (またはホーム)。
- 製品および/またはサービス。
- ブログ
- お問い合わせください。
- プライバシーポリシー、クッキー、法的通知...
Home
ホームとしても知られていますが、それはあなたのウェブサイトのメインページであり、ユーザーが検索エンジンをクリックしたり、あなたのウェブサイトの URL を入力したりしたときにたどり着くページです。 これは、ユーザーがあなたに対して抱く「第一印象」と見なすことができるため、最も重要です。
これには通常、 サイトのすべての Web で繰り返されるヘッダー、 ボディとフッターも同様です。 しかし、それ以外にも、次のような他の部分を持つことができます。
- 行動を促すフレーズ: ユーザーに何かをしてもらいたい場合 (別の Web サイトに移動する、製品の支払いを行う、購読するなど)。
- 製品またはサービスを提示する (テキスト、画像、両方などで問題ありません)。
- 申し出をする (または割引のある特別イベント)。
- 証言を入れる 評判を高め、あなたがそれを優れた専門家または会社と見なすこと。
製品とサービス
これらは、ウェブ上で作成されたページです。 販売する製品またはサービスに関する詳細情報を提供する 興味のある人が、あなたが何をどのように行っているかを知り、興味があればあなたに連絡できるようにします。 したがって、それらの最後には常に行動を促すフレーズがあります。
さらに ここでは、自己紹介ページについて説明します。 あなたが誰であり、あなたのところに来たクライアントのために何ができるかが伝えられます。 最後に、行動を促すフレーズが置かれます。
ブログ
これは、その Web サイトのブログに移動するためのリンクです。 そして気をつけて、ここにいるから はい、これのヘッダー、ボディ、フッターを変更できます。 そして、それはほとんど完全に異なるウェブサイトのようになり(そうでない場合もあります)、その機能は、有機的なポジショニングを改善するために会社またはブランドセクターに関する定期的なコンテンツを提供することであることがわかります.
お問合せ
このページには、前のものと同じものはありませんが、ヘッダー、ボディ、フッターがあり、 個人または会社の連絡先情報は、本文にのみ記載されます。 連絡先フォーム (オプション) と場所を特定するための地図 (これもオプション)。
プライバシーポリシー、クッキー、法的通知...
要するに、私たちはすべきページについて話している スペインの法律を遵守します。 これらは通常、リンクとしてフッターにありますが、それ以外には役に立ちません (現在は必須ですが)。
Web ページのパーツについて質問がありますか?