在當代日(rì)常生(shēng)活，有(yǒu)一(yī)些(xiē)基本上(shàng)β↔的(de)念頭不(bù)可(kě)動搖，以至>≠大(dà)家(jiā)難以發覺他(tā)們的(de)客觀γ€ε性而且置之不(bù)理(lǐ)。控制(zhì)模£"塊和(hé)程序流程;的(de)定義-款式重 複的(de)标 ↕≈準搭建塊，當融合在一(yī)起的(de)時(shí)候會(huì)造就(jiù)出一(<≠♦yī)個(gè)井然有(yǒu)序的(de)總體(tǐ)一(yī)對(duì)大(dà)家(jiā∞©γ)的(de)信 息時(shí)期的(de)日(r★♠ì)常生(shēng)活的(de)滲入度要(yào)遠₽σ(yuǎn)超其對(duì)我們的(de)祖先在由Eli  ‍≤Whitney等加工(gōng)制(zhì)造業(yè)科(kē)ε♠學家(jiā)進行(xíng)的(de)科(kē)技(jì)革命時(shí)期的(de)日(rì≥↕λ)常生(shēng)活的(de)滲入度。

伴随著(zhe)工(gōng)業(yè)生(shēng)産全球‍↑←越來(lái)越愈來(lái)愈繁雜(zá>β)，19 新世紀中後期的(de)文(wén)本文(wén)檔設計(jì•∞)師(shī)們逐漸将控制(zhì)模塊程序流程運用(™λ♠yòng)到(dào)報(bào)刊、商品目錄、會(huì)計(jì)及其>‍≈☆别的(de)的(de)出版發行(xíng)中，當代頁面款式問(wèn)世了 >≠(le)。在二十世紀初期，Bauhaus 室內(nèi)設計(jì)師(shī)們選用(yòng>¥→)視(shì)覺效果邏輯性原素-一(yī)它是(shì)由Gestal♣↑σt直覺心理(lǐ)學專家(jiā)發覺的(de)，這(zhè)些(xiē)法國(guó←≈)和(hé)法國(guó)室內(nèi)設計(jì)師(shī)造就(jiù)了(l​←≥e)當代圖形設計(jì)方案)。

圖形設計(jì)方案的(de)關鍵目地(dì)取決于:

●建立個(gè)清楚的(de)視(shì)覺效果比照(zhào)等級， 那(nà)樣就(®★∑jiù)可(kě)以一(yī) 眼見(jià¥'n)清什(shén)麽叫關鍵的(de) 及其什(shé&∑ε♣n)麽叫主次的(de)。

●為(wèi)頁面界定功能(néng)分(fēn)區(qū)。

●對(duì)有(yǒu)關的(de)頁面原素開(kāi)展排序，那(nà)樣就(jiù)可(k♠¶¶™ě)以認清內容的(de)構造。

●一(yī)個(gè)簡易的(de)頁面網格圖能(néng)夠建立離(lí)λγ±散變量的(de)作(zuò)用(yòng)地(dì)區(qα≠↑™ū)，适當的(de)負空(kōng)間(jiān)(negative space)界定了(le)×>±±頁面的(de)圖形情況關聯。應用(yòng)頁面款式的(de)普遍标準設計(∑♣‍jì)制(zhì)作(zuò)頁面，客戶σ≥±↓能(néng)夠随便地(dì)預測分(fēn)析具體(tǐ)內(nèi)容和(hé)作(↕↓≠zuò)用(yòng)原素的(de)部位。

●擁堵的(de)頁面會(huì)由于建立了(le)視(sh$​ì)覺效果紋路(lù)的(de)模糊不(bù)清地(dì)區(qū)而讓頁面的(de)圖形情況≤™≤♠關聯越來(lái)越錯(cuò)亂，其比照(zhào)少(shǎo)而沒法吸引>₩★‍住訪問(wèn)者的(de)目光(guāng)，城(chéng)市(s←∞φhì)地(dì)标偏少(shǎo)會(huì)不(bù)利"☆✘客戶理(lǐ)解內(nèi)容組織架構。

●擁堵的(de)原素與此同時(shí)也(y✔♠≠≠ě)導緻了(le)1   1=3的(de)實際效果，提升★™了(le)視(shì)覺效果錯(cuò)亂。

●在為(wèi)菜單欄目錄、內容目錄、頁面文(wén)章(zhāng)标題圖形及"φδ©其别的(de)設計(jì)風(fēng)格設≈>δ≥計(jì)方案HTML和(hé)CSS時(sh"☆í)，要(yào)常常考慮到(dào)在頁面，上(shàng)建立的γ ¥>(de)圖形的(de)間(jiān)隔、排序、相(xiàng)似度及其總體(tǐ)視(shì ↑♦)覺效果邏輯性，那(nà)樣才可(kě)以非常容± ♦易地(dì)給予清楚的(de)構造，而不(bù)Ωλ是(shì)令人(rén)覺得(de)錯(cuò)亂的(de)關鍵點。∑$♥©

相(xiàng)仿及其統一(yī)-的(de)銜接性是(sh™•¶ì)頁面設計(jì)方案中作(zuò)用(yòng)最強勁的(de)Gestalt标準；☆↑←在界定區(qū)城(chéng)中心曆經歸類的☆€(de)原素是(shì)內容控制(zhì)δ£ε‍模塊和(hé)分(fēn)層;互聯網內容的(de)基本≠₩₽，便于輕輕松松訪問(wèn)。一(yī)個(gè)機(↓'jī)構優良且內容歸類清楚的(de)頁面，客戶一(yī)眼望去(qù)便可(kě)了(le)'φ解內容是(shì)怎樣機(jī)構的(de)，它創建起了ε€(le)內容控制(zhì)模塊模塊，從(c↑εδ₩óng)而構成了(le)圍繞全部網址的(de)各頁面的(de)可(kě)預料方式示。☆©‍"

一(yī)緻性

建立一(yī)個(gè)用(yòng)于解決文(wén)本和(hé)圖形♣ 的(de)合理(lǐ)布局網格圖和(hé)款式，随後€♥≈一(yī)直應用(yòng)該款式來(lái)建立圍繞網址頁面的(de)節奏感和(hé)一(y↓∑λ↕ī)緻性。反複并不(bù)會(huì)讓人(rén)厭(↔★yàn)倦；反複使你(nǐ)的(de)網址有(yǒu)€↕ €著(zhe)了(le)一(yī)緻的(de)圖形品牌形象，它建立并提升了(le)明(mín∏€↔g)顯的(de)室內(nèi)空(kōng)間(jiān);感，網址會(huì)令人(rén÷δ←∞)一(yī)眼就(jiù)記住了(le)。合理(lǐ)布局和(hé)導航欄選用(yòng₽©↓)一(yī)緻性的(de)方法，會(huì)讓客戶迅速融入網站(zhàn)的(de)設計(jìσ£)并能(néng)自(zì)信心地(dì)預測分(fē←"₽n)析網頁信息內(nèi)容的(de)部位及其導航欄控制(zhì)的(de)部位。

假如(rú)挑選了(le)一(yī)個(gè)圖形主題風(fēnπ× g)格，那(nà)麼請(qǐng)将其圍繞于全部網址。HiramΩ¥®γ 學校(xiào)首頁廣告條幅為(wèi)網址開(kāi)設了(le)圖形主題&• π風(fēng)格，并讓人(rén)了(le)與衆不≠≤(bù)同的(de)樣式及其一(yī)系列導航欄标識。←<‍Ω留意樣式和(hé)導航欄主題風(fēng)格是(shì)怎樣傳送到(dào)內部的(de) δ廣告條幅的(de)。在訪問(wèn)全部網址時(shí)，你(nǐ)肯定σ≠¥↔不(bù)會(huì)造成這(zhè)是(shì)誰的(d§'αe)網址;的(de)疑惑。

比照(zhào)

圖形設計(jì)方案的(de)關鍵每日(rì)任務是(shì)建立一(yī)個(gè)強大(d σà)的(de)、一(yī)緻的(de)視(shì)φ₽覺效果等級實際效果，在其中，關鍵原素會(huì)顯出，內容也(yě)是(shì)以邏輯性且可(€•∞ kě)預測分(fēn)析的(de)方法開(kāi)展機(jī)構∞★λ™的(de)。圖形設計(jì)方案是(shì)對(duì)視(γ&shì)覺效果信息內(nèi)容的(de)管理(lǐ)方法，應用(yò≤≠π♦ng)頁面設計(jì)工(gōng)具、樣式及其插畫(huà)圖•σ↕δ片來(lái)正确引導閱讀(dú)者開(k↓<āi)展頁面訪問(wèn)。閱讀(dú)者最先會(huì)把頁→♣≈面當做(zuò)是(shì)圖形和(hé)顔色的(de)聚×★×∏集體(tǐ)，包括著(zhe)市(shì)場(ch♠↑α∞ǎng)前景原素與情況的(de)比照(zhào)。₹≥随後，她(tā)們逐漸選擇特殊信息內(nèi)容，最先從(c☆∞≈óng)目前的(de)圖形逐漸，而且在這(zhè)裡(lǐ)以後，她(tā)們才會(huì)逐漸剖≥↔✔≈析更難的(de)文(wén)本媒體(tǐ)并閱讀(dúγ<∏ε)單獨的(de)詞句和(hé)文(wén)章(zhāng)段落。

總體(tǐ)的(de)圖形均衡和(hé)頁面的(de'∏)機(jī)構對(duì)吸引住閱讀(dú)者閱讀(dú)網 ★ 站(zhàn)內容至關緊要(yào)。一(yī)個 ✔δ‍(gè)都(dōu)是(shì)文(wén)本的(de)頁面會(huβαì)由于其沒什(shén)麽區(qū)别的(de)深灰色而将閱讀$'★ (dú)者避而不(bù)見(jiàn)，那(nà)樣的(de)網頁沒有(y★¶ǒu)對(duì)信息架構的(de)顯著提醒。一(y™ε↕ī)個(gè)設計(jì)方案不(bù)精或×ε​是(shì)彌漫著(zhe)過度顯眼的(de)圖形或樣式的(de)頁面←δ，也(yě)會(huì)導緻用(yòng)戶缺失尋找針對(duì)性內÷&γ容的(de)興趣愛(ài)好(hǎo)。你(nǐ)需要(yào)根據運用(yòng)适當的(de)β‌鄰近(jìn)物(wù)、排序、圖形情況關聯及其文(wén)章(zhāng)标題比照(zhà≥★☆o)中的(de)轉變，做(zuò)到(dào)應λ$$用(yòng)視(shì)覺效果比照(zhào)吸引住閱讀(dú)者目光(guāng∏Ω)并給予一(yī)個(gè)清楚的(de)構架中間(jiān)的↕☆(de)均衡。視(shì)覺效果均衡和(h× é)适度性對(duì)預估的(de)觀衆們來(∞∑£lái)講，是(shì)取得(de)成功的(de)設計(jì)方案決策的(de)重要(£♠✘yào)。對(duì)一(yī)般觀衆們來(lái)講，最有(yǒu ₽)效的(de)設計(jì)方案便是(shì)應用±‌(yòng)相(xiàng)對(duì)性小(xiǎo)的(de ♦Ω)圖形來(lái)完成文(wén)本和(hé)連接中間(jiān)的(de)慎重均α<σ>衡。這(zhè)種頁面不(bù)但(dàn÷Ω)可(kě)以批量下(xià)載，并且還(hái)有(yǒu)著(zhe)十分(f§¥ēn)本質的(de)圖形實際效果。

1.樣式中的(de)顔色和(hé)比照(zhào)

顔色和(hé)比照(zhào)是(shì)通(tōng)用(yòng)性易♠₹用(yòng)性的(de)重要(yào)構成部分(fēn)。文(wén)本的(de)易讀(‍→&dú)性在于閱讀(dú)者區(qū)别字體≠γσ(tǐ)樣式和(hé)情況的(de)工(gōng)作(zuò)能(néng)力。顔色轉變關鍵在于®≤σ→光(guāng)亮(liàng)度和(hé)對(duì)比度。白(bái)背景γ$✘↔上(shàng)的(de)灰黑(hēi)≥¶♦色文(wén)本有(yǒu)著(zhe)最強的(de)飽和(hé)度，這(zhè)是(s≠Ωhì)由于灰黑(hēi)色沒有(yǒu)光(guāng)→&亮(liàng)度而乳白(bái)色是(shì)全'<λ色度。色彩也(yě)是(shì)一(yī)個(gè)要(yào)素，例如≠↓★(rú)藍(lán)色和(hé)黃(huáng)色那(nà)樣的(de)相(xià↑≤ng)輔相(xiàng)成的(de)顔色，會(huì)造成最強的(de)比照(zhàσ÷o)。保證顔色挑選不(bù)容易讓閱讀(dú)者難以區(qū)别文(wén)•≥φ本和(hé)情況。與此同時(shí)，千萬别>↕±​忘掉類似有(yǒu)10%的(de)男(nán)士閱讀(dú)者在區(qū)别細緻的(de)紅(β≈≤↑hóng)翠綠(lǜ)色黑(hēi)影(yǐng)時(shí)有(yǒu)一(yī)定艱難。

2.比照(zhào)的(de)可(kě)塑性

應用(yòng)移動設備表明(míng)的(de)網頁，一(yī)般會(huì)因λ$•¥為(wèi)挪動自(zì)然環境而作(zuò)出妥協:小(xiǎo)顯示<£‌$屏，小(xiǎo)字号，欠缺理(lǐ)想化(huà)的(deπ↑)分(fēn)辯率和(hé)顔色，假如(rú)↓σ♦•在戶外(wài)自(zì)然環境下(xià)，太陽或别的(de)照(zhào)明(m™ ↕ íng)燈具所傳出的(de)光(guāng)還(hái)會(huì)繼續減少(shǎo)網頁的(d®✘εe)易讀(dú)性。事(shì)實上(shàng)，許多(duō) 的(d≤Ωe)便攜式電(diàn)腦(nǎo)的(de)顯示•‌‍σ器(qì)并不(bù)可(kě)以表明(míng)非常好(hǎo)的(de)顔色®★♠區(qū)别或明(míng)暗(àn)交界線度區(qū)别，根據電(diàn)腦(nǎo)上₹↕(shàng)投.影(yǐng)儀見(jiàn)到(dào)的(de)頁面上(shàng)的(de←∞)顔色一(yī)般也(yě)會(huì)變淺。請(q•♣↔$ǐng)應用(yòng)不(bù)一(yī)樣的(de)機(jī)器(qì)設備和(hé ₽≥)便攜式電(diàn)腦(nǎo)，并在不(bù)一(yī)樣的(de)自(zì)然環‌λ☆σ境中檢驗你(nǐ)的(de)設計(jì)，尤其是(shì)如(rú)α£"果你(nǐ)應用(yòng)細微(wēi)的(de)顔色來(lái$δ)界定關鍵的(de)頁面作(zuò)用(yòng)或內容的( ±✘↑de)情況下(xià)。總體(tǐ)來(lái)說(shuō)，最好(hǎo)是(shì)選用(y‌★&òng)一(yī)個(gè)更合理(lǐ)♦÷±、高(gāo)對(duì)比度的(de)樣式顔色計(jì)劃方案∏§&∏。

3.防止過多(duō)比照(zhào)

水(shuǐ)準尺标、裝飾性圖型項目符号、明(míng)顯的(de)标志(zhì)，及其别→✘ 的(de)視(shì)覺效果标志(zhì)，都(d¶↓★ōu)有(yǒu)著(zhe)分(fēn)别的(de)獨特場(chǎng)所的(de)主要(yà™σ≥★o)用(yòng)途，但(dàn)是(shì)每一(yī)-樣都(dōu)需要(yào)♦✔☆盡可(kě)能(néng)地(dì)少(shǎo)用(yòng)(假如(rú)真的(d≥ ♠↑e)用(yòng)得(de)話(huà))以防止出現(xiàn)不(•δεbù)調合及錯(cuò)亂的(de)款式。圖型注重專用(yòng)工(gō∑£&©ng)具十分(fēn)強勁，理(lǐ)應僅僅小(xiǎo)量₽φ應用(yòng)以獲得(de)較大(dà)的(de)實際效果。>∞‌過多(duō)應用(yòng)圖型提升實際效果将造成小(xiǎo)醜男(ná↔€↑n)牛仔褲子(zǐ);(物(wù)極必反)的(de)實際效果，即全部的(d≥'∑e)一(yī)切都(dōu)是(shì)那(​≥<nà)麼顯擺，反倒沒有(yǒu)一(yī)切關鍵可(kě)談了(le)。

從(cóng)自(zì)然界中選擇出去(qù)的(de)顔色調闆基本 €上(shàng)是(shì)肯定靠譜的(de)顔色融洽的(d¶✘e)指導，尤其是(shì)如(rú)果你(nǐ)并不(bù)是(shì)一(yī)✔÷個(gè)受到(dào)訓煉的(de)圖型設€≈α計(jì)師(shī)的(de)情況下(xià)。細微(wēi)的(de)、不<ε(bù)飽和(hé)度的(de)顔色是(shì)情況或主次元素的(de)最好(hǎo)的(•¶de)選擇。防止應用(yòng)顯眼的(de)、高(gλ♠×āo)對(duì)比度的(de)鮮紅(hóng₹™☆)色、淡黃(huáng)色、深藍(lán)色，除非是(shì)在對 ♣¥‌(duì)于最必須提升的(de)地(dì)區(qū)，但(dàn)就(jiù)算(su→α♥àn)是(shì)這(zhè)時(shí)候也(yě)應慎重應用( ∑♠→yòng)。

空(kōng)缺地(dì)區(qū)

現(xiàn)如(rú)今，大(dà)家(jiā)有(yǒu)著(zhe)更高(gāo)的(de<&¶)顯示器(qì)及其更加繁雜(zá)的(de£♣​★)用(yòng)戶界面，因而你(nǐ)的(de)網頁頁面♣≠很(hěn)可(kě)能(néng)會(huì)與許多(duō) 别的(de)對(duì)話≠↕↔(huà)框和(hé)桌面上(shàng)元素共享資源.個(gè)顯示器(qì)。 ≈÷  請(qǐng)應用(yòng)空(kōng)缺地(dì)區(qū)以防止讓電(diàn∞£≈≠)腦(nǎo)浏覽器(qì)對(duì)話¶‍±(huà)框的(de)邊沿擺滿了(le)頁面內容的(de)關鍵元素。在固定不(bù)動總✔∏寬的(de)合理(lǐ)布局中，能(néng)夠考慮到(dào)将頁面德存有(yǒu)電(di¥α₽✘àn)腦(nǎo)浏覽器(qì)對(duì)話(huà)框的(de)£☆中間(jiān)。假如(rú)你(nǐ)的(de)頁面總寬有(yǒφ‍♣±u)效，這(zhè)類方式可(kě)能(néng)使你(nǐ)的(de♥​♣)頁面看(kàn)起來(lái)有(yǒu)視(shì)覺效果釋放(fàng)壓力的(dε± e)實際效果，就(jiù)算(suàn)是(shì)在一(yī)個(gè)擁堵的( ×σ₽de)電(diàn)腦(nǎo)顯示器(qì)上(shàng)，如(rú)圖所示7-13π•a所顯示。對(duì)延展性的(de);合理(lǐ)布局來(lái)講，能(néng)夠考>‌€→慮到(dào)應用(yòng)90% ~ 95%的>∑ (de)屏幕大(dà)小(xiǎo)的(deΩ★)頁面來(lái)替代100%的(de)全屏幕頁面，讓頁←↑面作(zuò)用(yòng)地(dì)區(qū∏‍)周邊留些(xiē)情況以做(zuò)到(dào)↕♦視(shì) 覺釋放(fàng)壓力的(de)實際效果，防止與訪問(wèn)對(duì)話(h>®uà)框外(wài)的(de)元肅相(xiàng)互影(yǐng)響造成失敗的(deε∑β)1  1=3;的(de)實際效果。

有(yǒu)利于将頁面內容從(cóng)顯示器(qì)上(shàng)的(de)¥→¶β别的(de)程序流程和(hé)對(duì)話(huà)框的(de)嘈雜(zá)聲;中防護出←∏去(qù)全部的(de)圖型設計(jì)從(cóng)源頭上∞¥ (shàng)來(lái)講全是(shì)對(duì)空(kōng♣‍≤Ω)缺地(dì)區(qū)(頁面上(shàng)→‍¥全部圖型元素後邊的(de)情況)的(de÷→±)管理(lǐ)方法。要(yào)想了(le)解圖型設計(ε₩jì)，你(nǐ)需要(yào)去(qù)領悟，頁面元素周邊的(de)情況地(d≈"ì)區(qū)是(shì)與頁面上(shàng)一(yī)切圖型元素一(yī)樣合理(lǐ)•∏®且關鍵的(de)設計(jì)一(yī)部分(fēn)。将頁面上(shàng)的≥↕★(de)空(kōng)缺地(dì)區(qū)鋪滿就(jiùσ‌ ↓)如(rú)同抽時(shí)間(jiān)了(le)一(yī)個(gè)屋β€子(zǐ)的(de)全部O2一(yī)這(zhè)也(yě)許是(shì)對(duì)室₽∞♦§內(nèi)空(kōng)間(jiān)的(λ♠∞de)一(yī)一(yī)種合理(lǐ)運用(y✘₩òng)方法，但(dàn)不(bù)容置疑它是≤≥♥★(shì)難以令人(rén)習(xí)慣性的(de)。

款式

不(bù)必惦記著(zhe)給你(nǐ)的(de)網站(zhàn)建設一(yī)個(gè)款式;，在讓人(rén)另一(yī)網址或者印刷物(wù)的(de)♦♥™圖型元素來(lái)裝飾設計(jì)你(nǐ)的(de)頁面時(shí)還(hái)要(∑¶​yào)慎重。在對(duì)內容和(hé)頁面合↑←理(lǐ)布局開(kāi)展一(yī)緻和(hé)适當的(de)解決時(shí)，網址的(de)&δγ圖型和(hé)編寫款式也(yě)應伴随著(zhe)這(zhè←☆)一(yī)當然的(de)全過程有(yǒu)一(yī)定的(de)演化(huà)。多(duō♥")應用(yòng)傳統式并非怪異的(de)設計(jì)風(fēng)格，決不(bù)要±♦₹Ω(yào)讓架構碾過了(le)內容，并記牢最好(hǎo)是(s≥'hì)的(de)款式便是(shì)閱讀(dú)者始終不(bù)™•∏容易注意到(dào)的(de)款式一(y ©>ī)每種物(wù)品都(dōu)令人(rén)覺得(de)那(nà)麼有(yǒu)邏輯性且舒适₽✘"(乃至是(shì)好(hǎo)看(kàn))，而毛手毛腳的(de)設計(j♦ ì)絕對(duì)不(bù)會(huì)讓客戶有(yǒu)著(zhe)那(nà)Ω§樣的(de)感受。

簡易

全部客戶都(dōu)是(shì)會(huì)獲益于清楚且緻的(de)網址設計(jì)，而對​ε§ (duì)一(yī)些(xiē)客戶來(lái)講這(zhè)尤≈→©為(wèi)重要(yào)。針對(duì)這(zhè)些(xiē)欠缺室內(∑∏nèi)空(kōng)間(jiān)案件(jiàn)線索&♠§，應用(yòng)完全不(bù)一(yī)樣且必須對∞☆(duì)于每一(yī)個(gè)網站(zhàn)重學的(de)導航欄方法，有(yǒu)₩♠φ視(shì)覺效果阻礙的(de)客戶會(huì)非常容易造成錯(cuò)亂或是(shì)在網頁頁≤₹∏面中迷途。對(duì)這(zhè)些(xiē)在認知(zhī)能(néng)力上(s£÷hàng)有(yǒu)缺陷的(de)人(rén)來(lái)講，例如(rú)記憶力或學習(xí)≠™★​培訓有(yǒu)阻礙的(de)人(rén)，這(zhè)一(yī)難度系數(shù)會(huì)<±↑₩被變大(dà)許多(duō)倍。