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