ホームページ >

業界のウェブサイトの設計のN技巧

2008/7/17 15:07:00 4

業界のウェブサイトの設計のN技巧

多くのデザイナーは企業のウェブサイトをしっかりと作ったら必ず業界のウェブサイトの設計をしっかりと行うことができると思っています。実はデザインにとって業界のウェブサイトと企業のウェブサイトのデザインはまったく違っています。全体のウェブサイトのアイデア、スタイル、全体の枠組みの配置、文字の配置、写真の合理的な利用、空間の合理的な配置など…

多くの要求を持っています。考慮すべき面が広く、直面する問題ももっと多いです。

優秀なウェブサイトデザイナーにとっては、どんな小さな細部も見逃さないでください。この文章は簡単に述べたのはデザイナーが業界のウェブサイトを作る時に必要な問題です。



  

一、ウェブサイトのスタイル/アイデア



スタイルは抽象的です。

サイトの全体像が閲覧者に与える総合的な感想です。

全体のイメージは、サイトのレイアウト、色、フォント、ブラウズの仕方など…。

ディズニーランドは生き生きとしていると思いますが、IBMは専門的に厳しいです。

どのサイトも人々に異なる感銘を与えます。

ここで私達が必要なのはウェブサイトの位置付けによってウェブサイト特有のスタイルを作ることです。

これ以外にもスタイルを同じに把握する必要がありますが、実はこのスタイルの統一と伝統的な印刷出版物の違いは何もありません。

あなたのウェブページの画像、テキストは、背景の色、線引き、フォント、タイトル、ピンなどを含めて、すべてのスタイルを統一して、全駅を貫きます。

このようなユーザーは見たところ快適でスムーズで、あなたのウェブサイトに「とても専門的」な印象を残します。

企業のウェブサイトのデザイナーはよくこの点に不足して、全体の局面の意味がありません。

創意とは、創意とは一風変わっていないものですか?

いくつかのデザイナーが創意工夫をする時、大いに手間をかけて、作ったのは確かに創意があって、とてもユニークだと認めてもいいですか?

この時はあまりお客さんの目が見えないことを責めないでください。反省して、お客さんのニーズをつかむべきです。

実は業界のウェブサイトをするには多くの大きなアイデアが必要ではありません。時間を無駄にしないで、どのように個性を追求して、どのように美しいかを追求してください。私達は小さなアイデアが必要です。全駅を通して、ウェブサイトをより生き生きとしていて、より魅力的にするかもしれません。

http://www.zjby.com

//)それはいいケースです。風景をウェブサイトに取り込んで、目立つようにします。



  

二、サイトLOGO



ロゴは名前の通りにサイトのロゴです。ロゴは最も重要なのはウェブサイトの位置付けと経営理念を図形化して伝えることです。

ウェブサイトのロゴのデザインには、一般的に以下の3つの考えがあります。

2.ウェブサイトが提供する製品/サービスの特徴に基づいてロゴデザインを展開する。

3.ウェブサイト運営者の経営理念を伝えることを特色とする。

張家界の旅行ホットラインのロゴ(

wwww.zjcts.org

)



  

三、視覚プロセス



人々はある情報を読む時、視覚には自然の流れがあります。まず何を見て、何を見て、何を見ますか?

心理学の研究によると、一般的な閲覧習慣は上から下まで、左から右にかけて、平面上で松下さんが安定して抑圧されています。

同じように平面の左松は右が安定しています。

だから平面の視覚影響力は上方が下より強く、左側が右より強いです。

このように平面の上部と中上部は「最適視域」と呼ばれ、最も好ましいところです。

ウェブデザインの中でいくつかの目立つまたはオススメの情報は通常この位置に置いています。

もちろんこのような視覚の流れは一種の感覚だけでは固定的な公式ではなく、人々の心理的な順序と論理的な順序に合わせさえすれば、より柔軟に運用できます。ウェブページの設計において、柔軟で合理的に直接的に情報伝達の正確さと有効性に影響を与えます。



  

四、ウェブフレームとレイアウト



ホームページのレイアウトは大体「国」の字型、角型、「T」の字型、「L」の字型、総合フレーム型、Flash型、変化型に分けられます。ここでは一つ一つ論述しません。

実は私たちはデザインをする時には、どんな形を考えていません。たとえば、紙で丸いものを見たら、太陽のようなものを連想しやすく、月を連想する人もいます。

これはすべて1種の形式の比喩で、最も重要なのは取引先の需要を捉えるので、ウェブサイトの位置を把握して合理的な枠組みの配置をします。



1、解像度


ページ全体の幅は、3つの設定形式に分けられます。パーセンテージ、ピクセル、ピクセル+パーセンテージ。

通常はウェブサイトの建設の中で象素の形式で最も常用して、業界のウェブサイトも例外ではありません。

私達はウェブページを設計する時必ず解像度の問題を考慮して、科学技術は発展して今まで私達の通常使ったのは1024*768と800*600の解像度で、今ネットの上で多くはすべて778つのピクセルの幅を使うので、800の解像度の下でよく全体のホームページをとても重苦しいです。



2、合理的な広告


現在一部のウェブサイトでの広告(広告、浮動広告、広告、バナー広告、全段広告など)

煩わしさを感じさせて、更に元来見たくなくて、時にはあなたのこのウェブサイトさえいけなくなりました。このようにしてウェブサイトは深刻な影響を受けて、広告も広告の目的を達成していません。

これらの問題は私達がウェブサイトを設計する前に考慮しなければならない、計画が必要な内容の一つです。



浮動広告には二つの種類があります。一つはホームページの両側の空いているところで上下に浮動できる広告です。二つ目はスクリーンいっぱいで、ランダムに移動する広告です。

第一の種類を使うことができる場合は、できるだけ第一の種類を使って、避けられない第二の場合はできるだけ数量の上で最大一つを制御すればいいです。

量が多すぎると、ユーザーの心理に直接影響を与え、ユーザーに情報を閲覧させないようにするのは逆効果です。

トップページの広告は多すぎて適当でいいです。

登録や購入手順のページで、他に関係のない内容が多すぎても、ユーザーが気を配ったり、お客様の流失を避けるなど…



3、空間の合理的な利用


多くのウェブページは一つの特徴を持っています。一つの字で表現すると、文字、絵、アニメなどの様々な情報をページに詰め込みます。どれぐらいの人が混んでいますか?ルールを守らないと、主にページの主犯を区別せず、主客を転倒させることになります。

必要なものを見つけにくいです。

あるものは一面の空白がバランスを失い、「散」という字で形容することもできます。



ページ全体を詰め込むのではなく、空を感じないというわけでもないし、ページ全体が広々としていると感じないというわけでもない。合理的な配置と有機的な組み合わせで、ページをバランスよくして、一方の部分に大きな面積を残しても、空を感じさせないということで、逆に広い思考空間を残して、後味と視覚効果をもたらす。

 



4、文字配列


ウェブデザインでは、フォントの処理は色、レイアウト、図形化など他のデザイン要素の処理と同じように非常に重要です。



4.1文字の図形化


文字の図形化は文字を画像の形式で表現するので、このような形式はページのサブ欄の中で最も常用して、それが際立っていることを持っているため、同時にまたページを美化して、ページを更に人間的にならせて視覚の効果を強めました。

文字では達成できません。

共通性に対するウェブサイトの弊害は拡張性が強くないことです。



4.2強調文字


個別の文字をページの訴求のポイントにすると、太字、アンダーライン、プラス記号、チルトフォント、フォントの色を変えるなど、意識的に文字の視覚効果を強化することで、ページ全体に抜群の輝きを見せます。

これらの方法は実際には対照的な法則を用いている。

更新頻度が低い場合は文字を使って図形化することもできます。



  

五、ウェブサイトの色付け



1、一つの色を使う。

ここでは、まず色を選択して、透明度や彩度を調整して、(分かりやすく言えば、色を薄くしたり、濃くしたりする)新しい色を作成して、ページに使用します。

このようなページは色が統一しているように見えて、階層感があります。



2つの色を使います。

まず色を選んで、そのコントラストを選んで(Photoshopではctrl+shift+I)微調整します。

ページ全体の色が豊富ですが、少しもかからないです。



3、一つの色で結ぶ。

簡単に言うと、感じの色を使います。例えば、薄い青、薄い黄色、薄い緑、あるいは黄土、ほこり、土青です。

つまり同じ色の系の中で異なっている色を採用してウェブページに色を増加させて、また花ではありませんて、色調は統一します。

この配色方法はウェブサイトのデザインで最もよく使われています。



4、灰色はウェブページのデザインの中で「万能色」とも言われています。どの色と組み合わせてもいいという特徴があります。使う時、量を把握してウェブページが灰色にならないようにします。



ウェブページの配色の中で、できるだけ3つの色の内で制御して、ホームページの花、乱れ、主色の現れがないことを免れます。

背景と前文の対比はできるだけ大きくして、主要な文字の内容を強調したり、ユーザーが情報を閲覧する時に疲れないようにします。

  • 関連記事

ウェブサイトの建設計画の8つのステップ

市場ネットワーク
|
2008/7/17 15:06:00
7

漫画は植えて入れて、晋江企業の次の一面の“紅海”か?

市場ネットワーク
|
2008/6/19 11:03:00
12

マーケティングの真髄はコミュニケーションであって、簡単なセールスではない。

市場ネットワーク
|
2008/6/19 11:02:00
5

ブランド会社の代理店に対する効率的なサービス

市場ネットワーク
|
2008/6/4 14:44:00
7

売り場の神秘的な顧客制度はどのように設計されていますか?

市場ネットワーク
|
2008/6/4 14:43:00
8
次の文章を読みます

ウェブサイトの最適化の奇技

ウェブサイトの最適化の奇技