Categories: ウェブデザイン

初心者向けのウェブデザイン

オーディエンスとそのニーズを定義する

あなたのウェブサイトの目的と目的を定義することは、あなたの最初のステップであるべきです. ウェブサイトで達成したいことに集中してください。 対象となる視聴者のプロファイルを作成し、彼らのニーズと好みを理解しようとし、常に彼らを念頭に置いてサイトを設計してください。 競合他社の Web サイトを見て、何が機能し、何が機能しないかを把握してください。

簡単なナビゲーション

対象とする視聴者がコンテンツを簡単にナビゲートできるようにするために、Web サイトのメイン セクションへのリンクが各 Web ページから簡単に見えるようにしてください。 サイトのできるだけ多くのページを表示するように人々を招待したいので、各ページを簡単に見つけられるようにします。

サイトの構造を視覚化するのに役立つ良い方法は、紙に Web サイト全体のフローチャートを作成することです。 ユーザーが必要な情報を簡単に見つけられるように、サイト内の情報をどのように構成するかを考えてみてください。

あまりにも多くの情報で人々を行き詰まらせないように、最初のページの情報は概要にとどめるようにしてください。 次に、(明確で使いやすい) リンクをクリックして、関心のあるトピックに関する詳細情報を表示できます。

レイアウト

ほとんどの Web ページには、ヘッダーとフッター、ページの上部にある水平ナビゲーション バー、および/またはページの左側にある垂直ナビゲーション バー、およびメイン コンテンツの中央セクションで構成される共通の構造があります。

この構造は、シンプルでわかりやすいレイアウト原則に基づいています。 コンテンツが多い場合は、閲覧者が 1 つのページで多くの情報を消化しなくて済むように、コンテンツをいくつかの異なるページに分割します。

テキストは簡潔かつ要点を保ち、文法が正しいことを確認してください。 専門外に見えないように、何度も確認してください。 テキストは、印刷されたメディアよりも画面上で読むのが難しいため、簡潔でわかりやすい方法でメッセージを伝えることが重要です。

テキスト ブロックは常に比較的小さくしておく必要があります。 長い段落は読みにくく、聴衆がすぐに興味を失う可能性があります。

多くても 2 つまたは 3 つの異なるフォントに固執し、それらがほとんどのコンピューターで一般的に見られるものであることを確認してください。 コンピューターのモニターではサンセリフ体の方が読みやすいので、本文はサンセリフ体のままにし、テキストは全員が読める大きさにしてください。 箇条書き、リスト、関連する写真は、テキストを分割するのに役立ちます。

htmlの基礎を学ぶ

WYSIWYG ソフトウェアの Front Page や Dreamweaver を使用している場合でも、html の基本を学ぶことで、Web ページがどのように構築されているかを理解し、ソフトウェアを使用して遭遇する問題に対処することができます。 表から離れて、レイヤー (div) とカスケード スタイル シート (CSS) を使用してページを作成してください。

テーブルは「プレゼンテーション」データをコンテンツに混ぜ合わせます。これにより、ユーザーはアクセスするページごとにこのプレゼンテーション データをダウンロードする必要があるため、ページのファイル サイズが不必要に大きくなります。 しかし、構造的マークアップを使用して Web ページを作成することにより、ページの実際のコンテンツを表示方法から切り離すことができます。

また、表ベースのページは、障害のあるユーザーや、モバイルや PDA を使用して Web にアクセスする閲覧者にとって、アクセスしにくいものです。 サイトのレイアウトを変更するには、スタイル シートを変更するだけです。 ページ自体を編集する必要はまったくありません。

色の使用

Web サイトの配色を選択するためのバランスの取れたカラー パレットを作成すると、プロフェッショナルな外観の Web サイトを作成するのに役立ちます。 鮮やかな衝突色がアマチュアを叫びます。

ロゴのある会社のウェブサイトを作成する場合は、ここから始めてください。 ロゴをホスト サーバーにアップロードし、次のようなカラー パレット Web サイトに移動します。 http://www.colorhunter.com メイン バナー、ボタン、テキスト ロールオーバーなどの色を選択できるパレットを作成します。また、物事をシンプルで整然とした状態に保ちます。空のスペースは色を際立たせ、テキストを読みやすくします。

写真と画像の最適化

グラフィックだけを使用しないでください。 その存在には理由があることを確認してください。つまり、ユーザーの理解と経験を向上させます。 不要なグラフィックスでいっぱいのサイトは素人っぽく見え、スクリーン リーダーなどのアクセシビリティ ツールの障害になる可能性があります。

使用する写真や画像が鮮明で、ファイル サイズを小さくし、ページの読み込み時間を長くするために最適化されていることを確認してください。 素人っぽいウェブサイトの確かな兆候の 1 つは、読み込みに永遠にかかる巨大な画像を含むページです。 そして、あなたの視聴者はおそらくサイトを見る前にクリックして離れてしまうでしょう。

鮮明でプロ並みのグラフィックスを作成する GIF は、実際には小さなピクセルの正方形で構成されたグリッドです。 すべてのピクセルに関するデータが保存され (ロスレス)、最大 256 色まで保存できます。 ピクセルが透明になることもあります。

GIF には複数のフレームが含まれる場合があるため、アニメーション化できます。 グラフや小さなグラフィックス、テキストを含む画像、描画など、色の少ない画像を保存するのに適した形式です。

JPEG は、写真、色合いの多い図面、グラデーションを含む画像など、何百万もの色を含む画像に適したファイル形式です。

設計のヒント:

a.) デザインを使用して機能性を強調します。 例えば; ボタンにグラデーションを使用すると、より「ボタンらしく」見えるようになります。別の色のマウスをテキストの上に置くと、リンクに注意が向けられます。

b.) 特定の機能を果たさない限り、アニメーションやサウンドには注意してください。 ページ上で点滅したり飛んだりするものがあると、サイトの内容を読むことに集中するのが難しくなります。 また、接続速度が遅い訪問者は、意図に反してアニメーションやサウンド ファイルを強制的にロードすることで時間を無駄にしたことに腹を立てる可能性があります。 最近の調査によると、点滅する広告に襲われた訪問者はすぐにサイトを離れる可能性が高く、サイトをブックマークしたり、戻ったり、リンクしたり、推奨したりする可能性ははるかに低くなります.

c.) Web ページの背景として画像を使用しないでください。 画像の背景は「アマチュア」と叫びます。なぜなら、それらを使用するのはほとんどがアマチュアのサイトだからです。 読み込みに時間がかかり、背景画像の上のテキストは通常​​、読みにくくなります。

e.) 視聴者向けにすべての要素を含む Web ページをデザインします。 たとえば、ラベンダーやブルーなどの色を使用して、マッサージ / セラピーの Web サイトの落ち着いたムードを作成します。 より伝統的な金融ウェブサイトには、より暗く、より抑制された、より強い色を使用してください。

d.) ビジネスにまだロゴがない場合は、サイトのロゴを作成し、すべてのページの上部に表示し、そこからホームページへのリンクを追加します。 これにより、サイトがよりプロフェッショナルに見え、ブランディングの感覚が生まれ、人々があなたのサイトを思い出し、あなたのものであると認識できるようになります.

「ライブ」に行く

ホスティング

ホスティングに関しては、最も安いことが常に最善とは限りません。 小さめの「初心者」向け。 (「画像の最適化」のガイドラインに従っていない限り、帯域幅はあまり必要ありません)。初心者として必要かもしれません。

使用を検討しているホスティング会社のウェブサイトで現地の連絡先電話番号を探し、その電話番号の最後に実際の人がいるかどうかを確認するために電話をかけることを常にお勧めします.

この番号から技術的なサポートを受けられるかどうか尋ねてください。 テクニカル サポートについては、電子メールでのみ連絡を取ることができます。 彼らがあなたに別の番号を与えた場合は、1分あたりの料金を尋ね、電話をかけて、サーバーへの接続、ファイルのアップロード、または並べ替えで問題が発生した場合に、初心者としてあなたを助けてくれる人が最後にいることを確認してください.メールアカウントを削除します。

また、メール アカウントが費用に含まれていることを確認する必要があります。また、ウェブサイトに検索機能や問い合わせフォームなどの動的な要素がある場合は、この機能を許可するために必要な PHP や ASP などをサーバーがサポートしていることを確認してください。作業、およびそれが見積もられたホスティング価格に含まれている場合。

FTP

Filezilla や Smart ftp などのさまざまなソースから無料の ftp ソフトウェアをダウンロードして、新しい Web サイトを新しいホスティング スペースにアップロードするか、Cute ftp の無料トライアルを試すことができます。

検索エンジンの最適化

プロの Web デザイナーは、設計と開発の開始時から Web サイトの最適化を念頭に置いていますが、初心者としては、一度に 1 歩ずつ実行する必要があります。 Web サイトの設計、構築、アップロードが完了したので、検索エンジンのランキングに合わせて Web サイトを最適化する方法をいくつか見てみましょう。

Fiona White

Share
Published by
Fiona White

Recent Posts

ゴシックタトゥーのアイデアと意味

ゴシックタトゥーのアイデアは、黒が好きなら検討できる特定のボディイメージです.ゴシック様式は、ゴシックの主題を表現しています。ゴシックまたは中世のパターンは、たとえばスケルトンなど、さまざまなポイントを簡単に要約できます。ゴシック タトゥーのデザインは一般的な観客のタトゥーではないという事実にもかかわらず、特定のボディー アートのトピックはよく知られています。女性と男性はゴシックタトゥーを入れます. ほとんどの場合、刺青師は黒インクやその他の暗い色の色合いでゴシックおよび中世のボディアートを作成します.この投稿では、ゴシック タトゥーの概念について説明し、ゴシック ボディ アートの意味をさらに明確にします。ゴシックタトゥーのアイデア 文化と歴史大多数の人々は、ゴシックのタトゥーのアイデアやおそらくゴスのグループに関して、お粗末な感覚や反応を持っている可能性があります.個人はしばしばゴート族を死と悪魔の賛美と結びつけます。 男性と女性は、一般的にゴート族を社会のさまざまな部分による否定主義と結びつけています。一方、ゴシックタトゥーは通常それほど悪くありません。しかし正直なところ、彼らは世界中で最も紛らわしいグループであり、特定のレイアウトもそうです.人々は、ゴシック体のボディーアートは、黒い服を着て、全身を飾るために黒を選ぶ人だけに関係していると想像しています.ゴート族が髪を黒く染め、濃い口紅を塗り、黒い服を着て、爪を黒く塗るのは正しい.一部の人々は、これを反乱に関連する行為と考えようと努力しています。変人、狂信者、または単なるサタン信者として識別されます。そして、このすべての事実は、この文化に関する追加の誤解にすぎません.ゴシックタトゥーは、お粗末な個人に関連する有害なボディーアートと見なされる傾向があります.この種の顕現は、現実から遠く離れてしまうことはありません。確かに、ゴスは黒い色のドレスを着ています.ただし、ゴシック様式のタトゥーのデザインは、死に関連する反映ではないようです。ゴシックタトゥーのデザインは、タトゥーアーティストまたはそのようなシンボルの着用者の創造性を持つ男性と女性です.数え切れないほどの大きな驚きのために、ゴート族は非常に賢く、才能があり、芸術的である素晴らしい人々であることがよくあります.ゴート族の大多数が現代社会から追放された人々のグループを形成していることは正しいかもしれませんが、彼らの中にいる人についての表現は確かにありません.ゴスは、多くの場合、素晴らしいパフォーマー、アーティスト、クリエイティブなデザイナー、作家、そしてドローワーです.彼らは、特定の種類のボディー アートを表す革新的な知性を持っています。通常、ゴシック社会は 70 年代後半から 80 年代前半にかけて集まり始めます。大多数の研究者は「ゴス運動」に言及しました。現時点では、実際のゴス文化が開始され、そのプラットフォームがインストールされました。間違いなく、ゴートは多くの困難を抱えた不可欠な組織でした.これらの人々は問題に立ち向かい、喜びと幸福を信じていました。彼らは自己満足と意見を示し続けます。 ゴシックボディーアートが十分に年をとった後、それはスキルを通じて彼らのインスピレーションと自然な感情を教える方法であることが判明しました.事実上すべてのゴシック…

1 month ago

手頃な価格のウェブサイトの紹介

Web-as-a-platform サービスは、並外れた価値を提供するところまで成熟しており、手頃な価格の Web サイト デザインに大きな変化をもたらしたと私は考えています。 また、これは朗報だと思います。なぜなら、ウェブサイトを作成するだけで、なんらかの方法でマーケティングを行わないことは、道路や歩道さえない野原に美しい建物を建てるようなものだからです. 控えめに言っても、そのような場所は顧客を見つけるのにあまり効果的ではありません。 はい、あなたのウェブサイトは「美しい」かもしれません。私は数え切れないほどの Web サイトが破綻するのを見てきました。 これが、私が「作れば来る」という古いパラダイムから脱却し、Buzz Marketing を作成した理由です。 私は、どのような種類のデバイスでも簡単にアクセスできる、シンプルでモダンな Web…

1 month ago

Flashプレゼンテーションで充実した電子キャンペーンのWebマーケティング!

企業のブランディングから刺激的な Web アプリケーションまで、Flash Web サイトのデザインは、強力な ROI (投資収益率) と相まって、Web サイトの魅力的な影響を確実に生み出します。Flash Web サイトのデザインとは何ですか?見込み客やクライアントに好印象を与える鍵となる Flash Web サイトのデザインは、オンライン コミュニケーションに新たな命を吹き込みます。…

1 month ago

優れたウェブサイトを作成する方法

それを考慮すると、最も印象的なサイトはユーザーフレンドリーです。 サイトの使いやすさを向上させるには、次の 4 つのことを確認する必要があります。ユニークで教育的な最新のコンテンツ スマートで使いやすい構造 完璧で使いやすい機能 魅力的で使いやすいデザイン構造: 組織化された体系的な Web サイトを持つことは、ユーザーが目的のデータまたは購入したい商品 (またはその両方) を確実に終わらせるための最良の方法です。 Web サイトでユーザーに何をしてもらいたいかを選択します。主なアクションを把握し、ユーザーがそれらのアクションを簡単に実行できるナビゲーション構造の作成に重点を置きます。これには、サイトのメイン ページが不可欠です。…

1 month ago

高給の在宅ワーク

働き方の変化により、在宅勤務の仕事が日に日に人気を集めています。 オフィスに来なくても、ノートパソコンがあればオンラインでできる仕事はたくさんあります。VPN 接続により、自宅から直接多くの作業を行うことができるようになりました。 ワールド ワイド ウェブのおかげで、在宅勤務のママは自分のスキルを披露し、自宅でお金を稼ぐ機会を得ることができます。したがって、さまざまな分野で専門的なスキルを持っている場合は、オンラインで仕事を得るのに最適な人物の 1 人です。 在宅勤務の仕事は、インターネットへの人気が高まり、オンラインで簡単に支払いを受けることができるようになり、近年人気が高まっています。#1 高給の在宅ワーク在宅で完結できるお仕事がたくさんあります。 それらのいくつかは、非常に収益性が高く、長期的に役立つライティング、Web デザイン、ブログなどのスキルセットを必要とします。簡単に始めることができる在宅勤務の最も推奨される仕事の1つは、オンラインでライティングサービスを提供することです. すべての Web サイトには、Web…

1 month ago

簡単な方法で配色を作成する

金物店には何百ものペイントチップが展示されています。 あなたの家で見栄えのする1つの塗料の色を見つけることは、まったく不可能に思えます。 しかし、プロのインテリアデザイナーは毎日それを行っています。 彼らは山のような塗料チップを選別して、空間にぴったりの塗料を見つけます。 インテリアデザイナーはどのようにそれを行うのですか?ほとんどのインテリア デザイナーは、部屋の他のすべての要素を選択するまで、塗料の色について考えることさえしません。 部屋のインテリアを美しくするには、彼らの例に従う必要があります。 塗料の色から始める場合は、その色によく合う家具を見つける必要があります。 リビングルームの壁を紫に塗ったとしましょう。 その紫の色合いを補完する色のソファ、コーヒー テーブル、エリア ラグ、エンターテイメント ユニットを見つける必要があります。 家具、エリア ラグ、アクセサリーの色の選択肢は限られていますが、塗料の色は無制限です。…

1 month ago

This website uses cookies.