web網(wǎng)頁(yè)設(shè)計(jì)的原則

新聞 2023-09-12編輯：重慶網(wǎng)站建設(shè)標(biāo)簽： 網(wǎng)頁(yè)設(shè)計(jì) 原則

重慶網(wǎng)站建設(shè)公司 幫助企業(yè)提升網(wǎng)站形象,彰顯公司實(shí)力,PC+手機(jī)+微信+小程序
【模板網(wǎng)站的價(jià)格】國(guó)際域名+阿里1G空間+備案 一條龍服務(wù)
【定制網(wǎng)站的功能】SEO精準(zhǔn)營(yíng)銷(xiāo)系統(tǒng)+城市分站+W3C標(biāo)準(zhǔn)
【營(yíng)銷(xiāo)網(wǎng)站的效果】重長(zhǎng)尾，重優(yōu)化，提權(quán)重，擴(kuò)收錄，提排名
【量身訂制的設(shè)計(jì)】據(jù)據(jù)需求量身定制。設(shè)計(jì)到滿(mǎn)意為止
【專(zhuān)屬VIP的服務(wù)】24RX365 為您提供1對(duì)1的專(zhuān)屬VIP服務(wù)

　　web網(wǎng)頁(yè)設(shè)計(jì)的原則

　　1

　　根據(jù)實(shí)際的用戶(hù)反饋，表單設(shè)計(jì)中更大的文字輸入框、適度的留白空間會(huì)讓人更有填寫(xiě)的欲望，優(yōu)雅的動(dòng)畫(huà)效果也能增加填寫(xiě)的趣味。下面介紹web網(wǎng)頁(yè)設(shè)計(jì)的原則，希望對(duì)您有幫助。

　　(一)保持醒目和簡(jiǎn)潔

　　我們經(jīng)常會(huì)遇到一個(gè)問(wèn)題，非常多的用戶(hù)抱怨注冊(cè)表單需要太多的信息。如果你設(shè)計(jì)的網(wǎng)站正在想辦法增加注冊(cè)用戶(hù)數(shù)量，那么首先必須保證設(shè)計(jì)的表單盡可能地簡(jiǎn)潔，易于填寫(xiě)。同時(shí)對(duì)于著重強(qiáng)調(diào)的版塊和信息，在設(shè)計(jì)時(shí)可以采用更醒目的方式加以強(qiáng)調(diào)。

　　(二)合理組織信息

　　對(duì)于較為復(fù)雜、填寫(xiě)項(xiàng)多的表單，如果不對(duì)信息進(jìn)行組織，很容易顯得繁雜混亂，讓用戶(hù)在一開(kāi)始就產(chǎn)生抵觸的情緒，甚至選擇放棄。合理有層次的組織信息，可以利用框線(xiàn)、空間間隔、顏色的不同，按照不同信息的類(lèi)別、屬性和相關(guān)性進(jìn)行區(qū)塊的劃分，用步驟條指示當(dāng)前的進(jìn)程。清晰的瀏覽線(xiàn)，合理的標(biāo)簽、提示文字及按鈕的排布，避免不必要的信息重復(fù)出現(xiàn)，能夠降低用戶(hù)的視覺(jué)負(fù)擔(dān)和物理負(fù)擔(dān)。

　　(三)更大的輸入框

　　根據(jù)實(shí)際的用戶(hù)反饋，表單設(shè)計(jì)中更大的文字輸入框、適度的留白空間會(huì)讓人更有填寫(xiě)的欲望，優(yōu)雅的動(dòng)畫(huà)效果也能增加填寫(xiě)的趣味。設(shè)計(jì)師在設(shè)計(jì)表單的過(guò)程中，需要緩和不同輸入元素之間的沖突。加粗的文字提示用戶(hù)哪些區(qū)域已經(jīng)填寫(xiě)了，哪些區(qū)域還空著，當(dāng)激活某一輸入框時(shí)，它會(huì)變成淡藍(lán)色，提示光標(biāo)現(xiàn)在所處的位置。

　　(四)為用戶(hù)節(jié)省時(shí)間

　　需要花大量時(shí)間填寫(xiě)的表單容易讓人失去耐心，用戶(hù)是懶惰而繁忙的，試著刪去所有不必要的填寫(xiě)項(xiàng)，考慮除了讓用戶(hù)機(jī)械的通過(guò)鍵盤(pán)在表單上輸入數(shù)據(jù)外，還有沒(méi)有別的更優(yōu)方式(如后續(xù)進(jìn)行用研調(diào)查)收集所需信息。

　　(五)一條龍服務(wù)的設(shè)計(jì)理念

　　表單的終點(diǎn)并不是提交，設(shè)計(jì)師在設(shè)計(jì)的時(shí)候需要抱著為用戶(hù)提供一條龍服務(wù)的理念，形成流程閉環(huán)，避免用戶(hù)在中途跳出。一個(gè)好的表單設(shè)計(jì)，不僅需要考慮用戶(hù)填寫(xiě)前的引導(dǎo)、填寫(xiě)時(shí)的及時(shí)校驗(yàn)與幫助、還需要考慮填寫(xiě)后的整個(gè)流程體驗(yàn)。思考用戶(hù)填寫(xiě)表單的初衷是什么，讓他在填寫(xiě)完表單后能夠最快得到他最想要的東西。即便是他暫時(shí)無(wú)法得到的，也需要告訴他相應(yīng)的原因和能夠進(jìn)行的替代操作。

　　(六)提供設(shè)計(jì)關(guān)懷

　　根據(jù)不完全統(tǒng)計(jì)，互聯(lián)網(wǎng)中大約有12%的人具有或輕或重的色覺(jué)障礙。如果將色彩作為區(qū)分不可點(diǎn)擊文本和可點(diǎn)擊鏈接的唯一元素，可能會(huì)讓這部分的人使用時(shí)出現(xiàn)困難。我們?cè)谠O(shè)計(jì)表單的過(guò)程中可以通過(guò)給鏈接文字加下劃虛線(xiàn)、使用按鈕或其他形狀做區(qū)分，讓這類(lèi)用戶(hù)能更加清楚的知道哪些是可點(diǎn)擊的區(qū)域。

　　2

　　1. 創(chuàng)新多于陳舊，才能稱(chēng)之為“好”

　　成功的網(wǎng)頁(yè)設(shè)計(jì)不照抄傳統(tǒng)設(shè)計(jì)，也不只是在平庸的頁(yè)面基礎(chǔ)之上創(chuàng)造一些設(shè)計(jì)演變，創(chuàng)新的網(wǎng)頁(yè)設(shè)計(jì)，亮點(diǎn)必須貫穿始末，對(duì)產(chǎn)品的體現(xiàn)要在品質(zhì)上面進(jìn)行全面烘托，使產(chǎn)品有個(gè)面目全新的“華麗出場(chǎng)”，在這一點(diǎn)上，絕不能讓設(shè)計(jì)之火熄滅，讓靈感之火燃盡。好在各種頁(yè)面設(shè)計(jì)元素層出不窮，為網(wǎng)頁(yè)設(shè)計(jì)本身提供大量變換素材和完美的可能性。

　　2. 好的網(wǎng)站，設(shè)計(jì)要跟產(chǎn)品相配

　　網(wǎng)頁(yè)設(shè)計(jì)再美觀，風(fēng)格與產(chǎn)品背道而馳，也只能說(shuō)是很差勁的網(wǎng)站，中國(guó)人喜歡歐美風(fēng)格的網(wǎng)站，原因是歐美風(fēng)格的網(wǎng)站，設(shè)計(jì)簡(jiǎn)潔，主題鮮明，質(zhì)感強(qiáng)烈，適合大多數(shù)產(chǎn)品，但也有特例，比如感覺(jué)吧STUDIO最近的一個(gè)網(wǎng)站設(shè)計(jì)項(xiàng)目，是坦洋工夫紅茶的網(wǎng)站，該網(wǎng)站崇尚歷史題材和中國(guó)韻味，這樣的網(wǎng)站就要求用比較濃重的中國(guó)風(fēng)和相當(dāng)精致的細(xì)節(jié)來(lái)體現(xiàn)其一流品質(zhì)，原因：工夫紅茶本身是比較考究的中國(guó)傳統(tǒng)文化。

　　3. 網(wǎng)頁(yè)設(shè)計(jì)要符合基本審美

　　網(wǎng)站在實(shí)用的基礎(chǔ)上，設(shè)計(jì)也要在基本審美上達(dá)標(biāo)，另外再做設(shè)計(jì)延伸(我們稱(chēng)之為創(chuàng)新)，審美上成功的網(wǎng)頁(yè)WEB，再加之創(chuàng)新,能夠讓人賞心悅目，激發(fā)想象，事半功倍;審美上不過(guò)關(guān)，做再多創(chuàng)新只能徒勞無(wú)功，或者是讓人產(chǎn)生反感。

　　4. 上等的網(wǎng)頁(yè)設(shè)計(jì)幫助客戶(hù)了解產(chǎn)品

　　網(wǎng)頁(yè)設(shè)計(jì)運(yùn)用得當(dāng)，一樣能開(kāi)口說(shuō)話(huà)，傳遞產(chǎn)品的多方面信息，為你省略很多冗繁的文字描述，這就是許多FLASH動(dòng)畫(huà)網(wǎng)站文字甚少的緣由，設(shè)計(jì)和動(dòng)畫(huà)在視覺(jué)上，通過(guò)不同的形式，來(lái)表達(dá)產(chǎn)品的尊貴形態(tài)，優(yōu)越品質(zhì)，使用方法，卓越效果，企業(yè)氣勢(shì)和消費(fèi)者購(gòu)買(mǎi)欲望等等…

　　5. 優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)不崇尚張揚(yáng)

　　網(wǎng)站說(shuō)到底，是一種工具，是用來(lái)傳遞公司產(chǎn)品信息的。網(wǎng)站的設(shè)計(jì)不宜張揚(yáng)，網(wǎng)站之余人，可以比作兩個(gè)朋友面對(duì)面，網(wǎng)站網(wǎng)頁(yè)，可以是一個(gè)尊貴的朋友，但決不能是一個(gè)外表傲慢的朋友。無(wú)論網(wǎng)站做得有多漂亮精致，大方是必須的，張揚(yáng)是不可行的，要為網(wǎng)站的親和力留出一席之地，讓網(wǎng)站和人達(dá)成和諧。

　　6. 讓網(wǎng)站誠(chéng)實(shí)傳遞信息

　　良好的網(wǎng)頁(yè)設(shè)計(jì)，在設(shè)計(jì)上不傳遞與產(chǎn)品本身不符合的信息，不誤導(dǎo)和過(guò)度激勵(lì)客戶(hù)，這就是所謂的網(wǎng)站道德，賦予網(wǎng)站生命之后，也要賦予它品性，相信瀏覽者也會(huì)為正直的網(wǎng)站加分的。

　　7. 功底深厚的設(shè)計(jì)是耐看的

　　今日時(shí)尚，明日黃花，不是做一個(gè)好的網(wǎng)站的宗旨，真正經(jīng)典的網(wǎng)站，經(jīng)得住推敲和時(shí)間的考驗(yàn)。我有一個(gè)朋友，他要我?guī)退鲆粋€(gè)網(wǎng)站，要求是一打開(kāi)網(wǎng)站就知道是絕無(wú)僅有的，十年后再打開(kāi)，也還是不同凡響的。我這個(gè)朋友就是在網(wǎng)站要耐看方面是比較有認(rèn)知的。

　　8. 可靠的網(wǎng)站要求準(zhǔn)確性

　　網(wǎng)站達(dá)成精美之后，我們要談到網(wǎng)站的精確性，這些就是我們所說(shuō)的細(xì)節(jié)問(wèn)題，如果你看到一個(gè)漂亮的網(wǎng)站，但是上面的文字是重疊的，圖片是未經(jīng)處理的，數(shù)據(jù)是錯(cuò)誤的或者是一兩年前的數(shù)據(jù)，那是不是有一種“吃蒼蠅”的感受?好的網(wǎng)站應(yīng)當(dāng)是生動(dòng)的，前進(jìn)的，準(zhǔn)確的。

　　9.完美的設(shè)計(jì)不造成資源浪費(fèi)

　　這里所說(shuō)的資源，指的是制作網(wǎng)站前后所造成的人力財(cái)力浪費(fèi)，做一個(gè)好的網(wǎng)站，設(shè)計(jì)和程序都要偏向完美，這需要制作雙方相互配合，達(dá)成共識(shí)，使網(wǎng)站設(shè)計(jì)制作穩(wěn)步發(fā)展，成就一個(gè)功能完善，設(shè)計(jì)上乘的網(wǎng)站，省去了后續(xù)程序修改和頁(yè)面改版的人力財(cái)力浪費(fèi)。做一個(gè)精美的網(wǎng)站用3年，勝過(guò)3個(gè)月翻新一下你的平庸網(wǎng)頁(yè)，不要在網(wǎng)站上浪費(fèi)財(cái)力，要做，就做適合的，好的，有品質(zhì)的。

　　10. 杰出的網(wǎng)頁(yè)設(shè)計(jì)越少越好

　　為什么我們一方面要求創(chuàng)新，一方面又不提倡太多設(shè)計(jì)呢?有句話(huà)叫做“簡(jiǎn)潔不等于簡(jiǎn)單”，還有個(gè)成語(yǔ)叫“畫(huà)蛇添足”，太過(guò)于豐富花哨的網(wǎng)站，目的到底是展示網(wǎng)站本身呢，還是烘托產(chǎn)品呢?設(shè)計(jì)是要有的，但設(shè)計(jì)不是目的，設(shè)計(jì)只是一種襯托產(chǎn)品的手段，我們提倡創(chuàng)新，但不提倡無(wú)目的的創(chuàng)新。

　　3

　　網(wǎng)站伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。由于企業(yè)需要通過(guò)網(wǎng)站呈現(xiàn)產(chǎn)品、服務(wù)、理念、文化，或向大眾提供某種功能服務(wù)。因此網(wǎng)頁(yè)設(shè)計(jì)必須首先明確設(shè)計(jì)站點(diǎn)的目的和用戶(hù)的需求，從而做出切實(shí)可行的設(shè)計(jì)方案。以下就是小編為您整理的網(wǎng)站頁(yè)面設(shè)計(jì)原則。

　　主題明確

　　在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。

　　Web站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象(機(jī)構(gòu)或人)的不同而具有不同的形式。有些站點(diǎn)只提供簡(jiǎn)潔文本信息;有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁(yè)面布置，甚至可以下載聲音和錄像片段。好的Web站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來(lái)。

　　為了做到主題鮮明突出，要點(diǎn)明確，應(yīng)該使配色和圖片圍繞預(yù)定的主題;調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個(gè)性和情趣，辦出網(wǎng)站的特點(diǎn)。充分利用已有信息，如客戶(hù)手冊(cè).公共關(guān)系文檔.技術(shù)手冊(cè)和數(shù)據(jù)庫(kù)等。

　　設(shè)計(jì)思路

　　簡(jiǎn)潔實(shí)用：這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶(hù)所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。

　　使用方便：同第一個(gè)是相一致的，滿(mǎn)足使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美

　　整體性好：一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的。

　　網(wǎng)站形象突出：一個(gè)符合美的標(biāo)準(zhǔn)的網(wǎng)頁(yè)是能夠使網(wǎng)站的形象得到最大限度的提升的。

　　頁(yè)面用色協(xié)調(diào)，布局符合形式美的要求：布局有條理，充分利用美的形式，使網(wǎng)頁(yè)富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。

　　交互式強(qiáng)：發(fā)揮網(wǎng)絡(luò)的優(yōu)勢(shì)，是每個(gè)使用者都參與到其中來(lái)，這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。這樣的網(wǎng)頁(yè)才算真正的美的設(shè)計(jì)。

　　版式設(shè)計(jì)

　　網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺(jué)語(yǔ)言，特別講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處。

　　版式設(shè)計(jì)通過(guò)文字圖形的空間組合，表達(dá)出和諧與美。

　　多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái)，特別要求處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺(jué)表現(xiàn)效果，反復(fù)推敲整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)。

　　色彩作用

　　色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合.搭配來(lái)構(gòu)成美麗的頁(yè)面。 根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。如果企業(yè)有CIS(企業(yè)形象識(shí)別系統(tǒng))，應(yīng)按照其中的VI進(jìn)行色彩運(yùn)用。

　　形式內(nèi)容

　　為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。

　　靈活運(yùn)用對(duì)比與調(diào)和、對(duì)稱(chēng)與平衡、節(jié)奏與韻律以及留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。

　　空間的構(gòu)成

　　網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間，這種空間關(guān)系需借助動(dòng)靜變化.圖像的比例關(guān)系等空間因素表現(xiàn)出來(lái)。 在頁(yè)面中，圖片、文字位置前后疊壓，或頁(yè)面位置變化所產(chǎn)生的視覺(jué)效果都各不相同。通過(guò)圖片、文字前后疊壓所構(gòu)成的空間層次不太適合網(wǎng)頁(yè)設(shè)計(jì)，根據(jù)現(xiàn)有瀏覽器的特點(diǎn)，網(wǎng)頁(yè)設(shè)計(jì)適合比較規(guī)范、簡(jiǎn)明的頁(yè)面，盡管這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次，視覺(jué)效果強(qiáng)烈。

　　網(wǎng)頁(yè)上常見(jiàn)的是頁(yè)面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時(shí)也讓人產(chǎn)生輕松或緊迫的心理感受。

　　虛擬現(xiàn)實(shí)

　　人們已不滿(mǎn)足于HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)編制的二維Web頁(yè)面，三維世界的誘惑開(kāi)始吸引更多的人，虛擬現(xiàn)實(shí)要在Web網(wǎng)上展示其迷人的風(fēng)采，于是VRML語(yǔ)言出現(xiàn)了。VRML是一種面向?qū)ο蟮恼Z(yǔ)言，它類(lèi)似Web超級(jí)鏈接所使用的HTML語(yǔ)言，也是一種基于文本的語(yǔ)言，并可以運(yùn)行在多種平臺(tái)之上，只不過(guò)能夠更多地為虛擬現(xiàn)實(shí)環(huán)境服務(wù)。

　　多媒體

　　網(wǎng)絡(luò)資源的優(yōu)勢(shì)之一是多媒體功能。要吸引瀏覽者注意力，網(wǎng)頁(yè)的內(nèi)容可以用三維動(dòng)畫(huà)、FLASH等來(lái)表現(xiàn)。但要由于網(wǎng)絡(luò)寬帶的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁(yè)的內(nèi)容時(shí)不得不考慮客戶(hù)端的傳輸速度。

　　便于使用

　　如果人們看不懂或很難看懂您的網(wǎng)站，那么，他如何了解你的企業(yè)信息和服務(wù)項(xiàng)目呢?使用一些醒目的標(biāo)題或文字來(lái)突出您的產(chǎn)品與服務(wù)。并且即使您擁有最棒的產(chǎn)品，如果客戶(hù)從您的網(wǎng)站上看不清楚您在介紹什么或不清楚如何收益的話(huà)，他們是不會(huì)喜歡您的網(wǎng)站的，這對(duì)于網(wǎng)頁(yè)設(shè)計(jì)而言是失敗的。

　　4

　　十年前，互聯(lián)網(wǎng)剛剛處于雛形階段，到如今，整個(gè)產(chǎn)業(yè)的格局已呈”大而不倒”的局面。而互聯(lián)網(wǎng)的陣線(xiàn)也拉長(zhǎng)了，從傳統(tǒng)的”老式桌面”到各式各樣的便攜式設(shè)備，從由互聯(lián)網(wǎng)引領(lǐng)的”大數(shù)據(jù)時(shí)代”，再到存儲(chǔ)的新革命”云概念”。而設(shè)備呢?手表、眼鏡各種以網(wǎng)絡(luò)為基礎(chǔ)的可穿戴設(shè)備正在蓬勃發(fā)展。如穿越到十年前，向別人描述今日的網(wǎng)絡(luò)現(xiàn)狀，他肯定會(huì)一笑而過(guò)，認(rèn)為這只不過(guò)是”海市蜃樓”般的幻想。但十年后的今天，這些革新一一實(shí)現(xiàn)，不再是觸手不可及的幻象，這所有的技術(shù)革新切切實(shí)實(shí)的就在我們身邊。感謝那些為互聯(lián)網(wǎng)做出貢獻(xiàn)的革命者們!

　　新時(shí)代的網(wǎng)頁(yè)設(shè)計(jì)充滿(mǎn)了各種新技術(shù)、各種新的jQuery腳本、各種響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)——但我們依然不能忽略最基本的網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)。新時(shí)代的網(wǎng)頁(yè)設(shè)計(jì)以響應(yīng)式理論為藍(lán)本，力圖在不同設(shè)備上呈現(xiàn)一致的網(wǎng)頁(yè)瀏覽體驗(yàn)。而響應(yīng)式時(shí)代依然不變的設(shè)計(jì)基本準(zhǔn)則又是什么呢?一起來(lái)看看下面的七條，望諸君設(shè)計(jì)時(shí)銘記于心。

　　1.優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該簡(jiǎn)約，并且完整

　　設(shè)計(jì)大師往往都是哲學(xué)家，他們往往保持一種包容的設(shè)計(jì)態(tài)度，不會(huì)采用極端的設(shè)計(jì)方式，他們的設(shè)計(jì)往往是一種平衡之美。我們可以畫(huà)出一個(gè)橫軸，左邊是簡(jiǎn)約、右邊是完整，而最好的設(shè)計(jì)會(huì)聰明地選取中值。網(wǎng)頁(yè)設(shè)計(jì)必須簡(jiǎn)約，任何無(wú)用的特質(zhì)都必須移除;與此同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)必須能夠滿(mǎn)足用戶(hù)需求。太簡(jiǎn)單的網(wǎng)頁(yè)如果沒(méi)有空能支撐，那么從里到外就真的是”空洞無(wú)物”了。太復(fù)雜的網(wǎng)頁(yè)如果缺少簡(jiǎn)約的收束，那么便會(huì)”尾大不掉”，讓用戶(hù)閱讀困難。“言簡(jiǎn)意賅”的設(shè)計(jì)才是好設(shè)計(jì)，一個(gè)設(shè)計(jì)師的掌控力得以體現(xiàn)?？偨Y(jié)起來(lái)就是一句話(huà)：一個(gè)布局、風(fēng)格具有簡(jiǎn)約美，同時(shí)又能提供大量有價(jià)值信息的網(wǎng)站必定受用戶(hù)歡迎。

　　2. 用戶(hù)往往缺乏耐心

　　互聯(lián)網(wǎng)充滿(mǎn)了機(jī)遇，每個(gè)人都想通過(guò)簡(jiǎn)單的操作便能獲取所需信息。互聯(lián)網(wǎng)的信息浩瀚如海，你并不是唯一的信息提供者。亙古不變的是：用戶(hù)的時(shí)間寶貴，他們?nèi)狈δ托?。如果你不能提供便捷的信息，那么他們?huì)選擇離開(kāi)，進(jìn)而尋找其他網(wǎng)站來(lái)謀求信息。想要做好這一點(diǎn)?說(shuō)白了，就是信息層級(jí)要清晰，加載速度要快。

　　3. 網(wǎng)頁(yè)設(shè)計(jì)必須具備一致性

　　想象一下你作為網(wǎng)絡(luò)瀏覽者時(shí)的經(jīng)歷：你在瀏覽網(wǎng)頁(yè)時(shí)，一般都不會(huì)詳細(xì)閱讀內(nèi)容，你會(huì)快速滑動(dòng)頁(yè)面，大致瀏覽一遍，如果看到感興趣的信息便停下，進(jìn)行仔細(xì)閱讀。這是一種用戶(hù)習(xí)慣。萬(wàn)物作而弗始，生而弗有，為而弗恃，功成而弗居。夫唯弗居，是以不去?！赖陆?jīng)

　　在John Allsopp《網(wǎng)頁(yè)設(shè)計(jì)之道》中有這樣一句話(huà)，大致是這么一種意思：設(shè)計(jì)師不應(yīng)該作為用戶(hù)的對(duì)立，設(shè)計(jì)師應(yīng)該尊重用戶(hù)的習(xí)慣，讓設(shè)計(jì)適應(yīng)用戶(hù)的習(xí)慣，而不是做一個(gè)高高在上的獨(dú)裁者。功成身退，這似乎有種”偉大的設(shè)計(jì)是隱形”的意味。好了，我們把話(huà)題扯回來(lái)，用戶(hù)的這種閱讀習(xí)慣意味著什么?這意味著設(shè)計(jì)必須具有高度的一致性，用戶(hù)看到前面的布局，對(duì)后面的布局有一種”預(yù)期”：他會(huì)認(rèn)為后面的頁(yè)面布局也是如此，不要破壞用戶(hù)的閱讀節(jié)奏感。同樣的，同一頁(yè)面的各個(gè)元素以及各個(gè)子頁(yè)面之間必須要具備一致的聯(lián)系性，也就是說(shuō)設(shè)計(jì)師的設(shè)計(jì)模式應(yīng)該專(zhuān)一，再舉個(gè)簡(jiǎn)單的例子，如果主頁(yè)的導(dǎo)航欄布置在上方，子頁(yè)面的導(dǎo)航欄布置在側(cè)邊，你認(rèn)為用戶(hù)會(huì)高興嗎?

　　4.將導(dǎo)航菜單作為交互的”核心”

　　上面已經(jīng)提到過(guò)，各個(gè)頁(yè)面的導(dǎo)航欄必須具備一致性。有時(shí)候，好的網(wǎng)頁(yè)設(shè)計(jì)和差的網(wǎng)頁(yè)設(shè)計(jì)差距就在導(dǎo)航菜單，好的導(dǎo)航菜單成就了一款設(shè)計(jì)，壞的導(dǎo)航毀滅了一款網(wǎng)站。每當(dāng)用戶(hù)有問(wèn)題時(shí)，他都會(huì)習(xí)慣性地翻閱導(dǎo)航菜單，這也是用戶(hù)習(xí)慣，要注意。個(gè)人認(rèn)為，導(dǎo)航是網(wǎng)頁(yè)設(shè)計(jì)的核心元素，影響到網(wǎng)站的交互性，至于要怎么設(shè)計(jì)，仁者見(jiàn)仁，智者見(jiàn)智了。

　　5. 留白和信息同樣重要

　　“內(nèi)容為王”、”內(nèi)容至上”是嗎?那我就提供大量豐富信息，把網(wǎng)站全部都填滿(mǎn)?！边@種設(shè)計(jì)思想真是大錯(cuò)特錯(cuò)，太片面了。你要有這樣一種觀念：留白也是設(shè)計(jì)的一部分，那些不使用的空間也能發(fā)揮其作用。從用戶(hù)的角度來(lái)說(shuō)，留白很好，讓布局更有條理，信息更清晰。太剛強(qiáng)的事物容易折斷，有張有弛才能長(zhǎng)久。網(wǎng)頁(yè)設(shè)計(jì)也是同理，多給用戶(hù)一點(diǎn)閱讀呼吸空間，讓他們感受到網(wǎng)頁(yè)設(shè)計(jì)的”節(jié)奏感”。各位可以自行想象一下，如果一款網(wǎng)頁(yè)中一點(diǎn)留白都沒(méi)有，到處都是密密麻麻的文字和圖像，你會(huì)感到舒服嗎?

　　6.用心的設(shè)計(jì)都有清晰的視覺(jué)層級(jí)

　　明智的設(shè)計(jì)師不光會(huì)創(chuàng)造內(nèi)容，還知道如何高效組織內(nèi)容，傳遞信息。視覺(jué)層級(jí)對(duì)于信息呈遞來(lái)說(shuō)異常重要，優(yōu)秀的視覺(jué)層級(jí)還能幫助設(shè)計(jì)師強(qiáng)化設(shè)計(jì)理念。

　　空間排布、間距使用、整體布局，關(guān)于這些的探討已經(jīng)夠多了，歸根結(jié)底，無(wú)非是為了打造優(yōu)秀的視覺(jué)層級(jí)。

　　7.永遠(yuǎn)不要忽略字體

　　內(nèi)容為王，那么內(nèi)容是由什么包裝的呢?答案是字體，這種小小的細(xì)節(jié)能造就大差異。字體的清晰與否決定了信息呈遞的結(jié)果。

• 上一章：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的好處
• 下一章：學(xué)校網(wǎng)頁(yè)設(shè)計(jì)需注意哪些問(wèn)題