業(yè)界のウェブサイトの設(shè)計のN技巧
多くのデザイナーは企業(yè)のウェブサイトをしっかりと作ったら必ず業(yè)界のウェブサイトの設(shè)計をしっかりと行うことができると思っています。実はデザインにとって業(yè)界のウェブサイトと企業(yè)のウェブサイトのデザインはまったく違っています。全體のウェブサイトのアイデア、スタイル、全體の枠組みの配置、文字の配置、寫真の合理的な利用、空間の合理的な配置など…
多くの要求を持っています。考慮すべき面が広く、直面する問題ももっと多いです。
優(yōu)秀なウェブサイトデザイナーにとっては、どんな小さな細(xì)部も見逃さないでください。この文章は簡単に述べたのはデザイナーが業(yè)界のウェブサイトを作る時に必要な問題です。
一、ウェブサイトのスタイル/アイデア
スタイルは抽象的です。
サイトの全體像が閲覧者に與える総合的な感想です。
全體のイメージは、サイトのレイアウト、色、フォント、ブラウズの仕方など…。
ディズニーランドは生き生きとしていると思いますが、IBMは専門的に厳しいです。
どのサイトも人々に異なる感銘を與えます。
ここで私達(dá)が必要なのはウェブサイトの位置付けによってウェブサイト特有のスタイルを作ることです。
これ以外にもスタイルを同じに把握する必要がありますが、実はこのスタイルの統(tǒng)一と伝統(tǒng)的な印刷出版物の違いは何もありません。
あなたのウェブページの畫像、テキストは、背景の色、線引き、フォント、タイトル、ピンなどを含めて、すべてのスタイルを統(tǒng)一して、全駅を貫きます。
このようなユーザーは見たところ快適でスムーズで、あなたのウェブサイトに「とても専門的」な印象を殘します。
企業(yè)のウェブサイトのデザイナーはよくこの點に不足して、全體の局面の意味がありません。
創(chuàng)意とは、創(chuàng)意とは一風(fēng)変わっていないものですか?
いくつかのデザイナーが創(chuàng)意工夫をする時、大いに手間をかけて、作ったのは確かに創(chuàng)意があって、とてもユニークだと認(rèn)めてもいいですか?
この時はあまりお客さんの目が見えないことを責(zé)めないでください。反省して、お客さんのニーズをつかむべきです。
実は業(yè)界のウェブサイトをするには多くの大きなアイデアが必要ではありません。時間を無駄にしないで、どのように個性を追求して、どのように美しいかを追求してください。私達(dá)は小さなアイデアが必要です。全駅を通して、ウェブサイトをより生き生きとしていて、より魅力的にするかもしれません。
http://www.zjby.com
//)それはいいケースです。風(fēng)景をウェブサイトに取り込んで、目立つようにします。
二、サイトLOGO
ロゴは名前の通りにサイトのロゴです。ロゴは最も重要なのはウェブサイトの位置付けと経営理念を図形化して伝えることです。
ウェブサイトのロゴのデザインには、一般的に以下の3つの考えがあります。
2.ウェブサイトが提供する製品/サービスの特徴に基づいてロゴデザインを展開する。
3.ウェブサイト運営者の経営理念を伝えることを特色とする。
張家界の旅行ホットラインのロゴ(
wwww.zjcts.org
)
三、視覚プロセス
人々はある情報を読む時、視覚には自然の流れがあります。まず何を見て、何を見て、何を見ますか?
心理學(xué)の研究によると、一般的な閲覧習(xí)慣は上から下まで、左から右にかけて、平面上で松下さんが安定して抑圧されています。
同じように平面の左松は右が安定しています。
だから平面の視覚影響力は上方が下より強(qiáng)く、左側(cè)が右より強(qiáng)いです。
このように平面の上部と中上部は「最適視域」と呼ばれ、最も好ましいところです。
ウェブデザインの中でいくつかの目立つまたはオススメの情報は通常この位置に置いています。
もちろんこのような視覚の流れは一種の感覚だけでは固定的な公式ではなく、人々の心理的な順序と論理的な順序に合わせさえすれば、より柔軟に運用できます。ウェブページの設(shè)計において、柔軟で合理的に直接的に情報伝達(dá)の正確さと有効性に影響を與えます。
四、ウェブフレームとレイアウト
ホームページのレイアウトは大體「國」の字型、角型、「T」の字型、「L」の字型、総合フレーム型、Flash型、変化型に分けられます。ここでは一つ一つ論述しません。
実は私たちはデザインをする時には、どんな形を考えていません。たとえば、紙で丸いものを見たら、太陽のようなものを連想しやすく、月を連想する人もいます。
これはすべて1種の形式の比喩で、最も重要なのは取引先の需要を捉えるので、ウェブサイトの位置を把握して合理的な枠組みの配置をします。
1、解像度
ページ全體の幅は、3つの設(shè)定形式に分けられます。パーセンテージ、ピクセル、ピクセル+パーセンテージ。
通常はウェブサイトの建設(shè)の中で象素の形式で最も常用して、業(yè)界のウェブサイトも例外ではありません。
私達(dá)はウェブページを設(shè)計する時必ず解像度の問題を考慮して、科學(xué)技術(shù)は発展して今まで私達(dá)の通常使ったのは1024*768と800*600の解像度で、今ネットの上で多くはすべて778つのピクセルの幅を使うので、800の解像度の下でよく全體のホームページをとても重苦しいです。
2、合理的な広告
現(xiàn)在一部のウェブサイトでの広告(広告、浮動広告、広告、バナー広告、全段広告など)
煩わしさを感じさせて、更に元來見たくなくて、時にはあなたのこのウェブサイトさえいけなくなりました。このようにしてウェブサイトは深刻な影響を受けて、広告も広告の目的を達(dá)成していません。
これらの問題は私達(dá)がウェブサイトを設(shè)計する前に考慮しなければならない、計畫が必要な內(nèi)容の一つです。
浮動広告には二つの種類があります。一つはホームページの両側(cè)の空いているところで上下に浮動できる広告です。二つ目はスクリーンいっぱいで、ランダムに移動する広告です。
第一の種類を使うことができる場合は、できるだけ第一の種類を使って、避けられない第二の場合はできるだけ數(shù)量の上で最大一つを制御すればいいです。
量が多すぎると、ユーザーの心理に直接影響を與え、ユーザーに情報を閲覧させないようにするのは逆効果です。
トップページの広告は多すぎて適當(dāng)でいいです。
登録や購入手順のページで、他に関係のない內(nèi)容が多すぎても、ユーザーが気を配ったり、お客様の流失を避けるなど…
3、空間の合理的な利用
多くのウェブページは一つの特徴を持っています。一つの字で表現(xiàn)すると、文字、絵、アニメなどの様々な情報をページに詰め込みます。どれぐらいの人が混んでいますか?ルールを守らないと、主にページの主犯を區(qū)別せず、主客を転倒させることになります。
必要なものを見つけにくいです。
あるものは一面の空白がバランスを失い、「散」という字で形容することもできます。
ページ全體を詰め込むのではなく、空を感じないというわけでもないし、ページ全體が広々としていると感じないというわけでもない。合理的な配置と有機(jī)的な組み合わせで、ページをバランスよくして、一方の部分に大きな面積を殘しても、空を感じさせないということで、逆に広い思考空間を殘して、後味と視覚効果をもたらす。
4、文字配列
ウェブデザインでは、フォントの処理は色、レイアウト、図形化など他のデザイン要素の処理と同じように非常に重要です。
4.1文字の図形化
文字の図形化は文字を畫像の形式で表現(xiàn)するので、このような形式はページのサブ欄の中で最も常用して、それが際立っていることを持っているため、同時にまたページを美化して、ページを更に人間的にならせて視覚の効果を強(qiáng)めました。
文字では達(dá)成できません。
共通性に対するウェブサイトの弊害は拡張性が強(qiáng)くないことです。
4.2強(qiáng)調(diào)文字
個別の文字をページの訴求のポイントにすると、太字、アンダーライン、プラス記號、チルトフォント、フォントの色を変えるなど、意識的に文字の視覚効果を強(qiáng)化することで、ページ全體に抜群の輝きを見せます。
これらの方法は実際には対照的な法則を用いている。
更新頻度が低い場合は文字を使って図形化することもできます。
五、ウェブサイトの色付け
1、一つの色を使う。
ここでは、まず色を選択して、透明度や彩度を調(diào)整して、(分かりやすく言えば、色を薄くしたり、濃くしたりする)新しい色を作成して、ページに使用します。
このようなページは色が統(tǒng)一しているように見えて、階層感があります。
2つの色を使います。
まず色を選んで、そのコントラストを選んで(Photoshopではctrl+shift+I)微調(diào)整します。
ページ全體の色が豊富ですが、少しもかからないです。
3、一つの色で結(jié)ぶ。
簡単に言うと、感じの色を使います。例えば、薄い青、薄い黃色、薄い緑、あるいは黃土、ほこり、土青です。
つまり同じ色の系の中で異なっている色を採用してウェブページに色を増加させて、また花ではありませんて、色調(diào)は統(tǒng)一します。
この配色方法はウェブサイトのデザインで最もよく使われています。
4、灰色はウェブページのデザインの中で「萬能色」とも言われています。どの色と組み合わせてもいいという特徴があります。使う時、量を把握してウェブページが灰色にならないようにします。
ウェブページの配色の中で、できるだけ3つの色の內(nèi)で制御して、ホームページの花、亂れ、主色の現(xiàn)れがないことを免れます。
背景と前文の対比はできるだけ大きくして、主要な文字の內(nèi)容を強(qiáng)調(diào)したり、ユーザーが情報を閲覧する時に疲れないようにします。
- 関連記事
- 業(yè)界概要 | 百個の紡績業(yè)界標(biāo)準(zhǔn)は2019年第二陣の標(biāo)的制度改正項目にランクされている。
- 業(yè)界概要 | 新疆アクス地區(qū)各地で綿花の買い付けが相次いで行われています。
- ニュース | 2019寧波時尚節(jié)暨第二十三屆寧波國際服裝節(jié)新聞發(fā)布會
- 流行の靴 | アシックスGEL-BNDの2つの秋の新しい配色の靴のモデルは來月発売して、前衛(wèi)の新しいファッション。
- 潮流風(fēng)向計 | 美棉|記憶匠心獨運,演繹潮流與溫馨
- ニュース | ナイキceoの交代前のebay CEOは、次の加速電商配置を引き継ぐ。
- 流行の靴 | Missoni X Adidasの新しいcosortium Puse Boost HD連名シリーズの靴のモデルがリリースされました。
- 流行の靴 | Air More Uptemp 96靴の新しいグラデーションと黒の配色が分かります。
- 流行の靴 | 新百倫freesh Foam Trailの新しい靴モデルシリーズが登場し、巨大ロゴがアクセントとなっています。
- ファッションブランド | CLOT 2019東京pop-Up限定店が間もなくオープンします。青いシルクを持ってきますか?