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)銷系統(tǒng)+城市分站+W3C標(biāo)準(zhǔn)
【營(yíng)銷網(wǎng)站的效果】重長(zhǎng)尾，重優(yōu)化，提權(quán)重，擴(kuò)收錄，提排名
【量身訂制的設(shè)計(jì)】據(jù)據(jù)需求量身定制。設(shè)計(jì)到滿意為止
【專屬VIP的服務(wù)】24RX365 為您提供1對(duì)1的專屬VIP服務(wù)

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

　　1

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

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

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

　　(二)合理組織信息

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

　　(三)更大的輸入框

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

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

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

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

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

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

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

　　2

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

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

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

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

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

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

　　網(wǎng)站說到底，是一種工具，是用來傳遞公司產(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)和過度激勵(lì)客戶，這就是所謂的網(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)站，要求是一打開網(wǎng)站就知道是絕無(wú)僅有的，十年后再打開，也還是不同凡響的。我這個(gè)朋友就是在網(wǎng)站要耐看方面是比較有認(rèn)知的。

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

　　網(wǎng)站達(dá)成精美之后，我們要談到網(wǎng)站的精確性，這些就是我們所說的細(xì)節(jié)問題，如果你看到一個(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)

　　這里所說的資源，指的是制作網(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年，勝過3個(gè)月翻新一下你的平庸網(wǎng)頁(yè)，不要在網(wǎng)站上浪費(fèi)財(cái)力，要做，就做適合的，好的，有品質(zhì)的。

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

　　為什么我們一方面要求創(chuàng)新，一方面又不提倡太多設(shè)計(jì)呢?有句話叫做“簡(jiǎn)潔不等于簡(jiǎn)單”，還有個(gè)成語(yǔ)叫“畫蛇添足”，太過于豐富花哨的網(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è)需要通過網(wǎng)站呈現(xiàn)產(chǎn)品、服務(wù)、理念、文化，或向大眾提供某種功能服務(wù)。因此網(wǎng)頁(yè)設(shè)計(jì)必須首先明確設(shè)計(jì)站點(diǎn)的目的和用戶的需求，從而做出切實(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é)合起來。

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

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

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

　　使用方便：同第一個(gè)是相一致的，滿足使用者的要求，網(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è)使用者都參與到其中來，這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。這樣的網(wǎng)頁(yè)才算真正的美的設(shè)計(jì)。

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

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

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

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

　　色彩作用

　　色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合.搭配來構(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ì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。

　　空間的構(gòu)成

　　網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間，這種空間關(guān)系需借助動(dòng)靜變化.圖像的比例關(guān)系等空間因素表現(xiàn)出來。 在頁(yè)面中，圖片、文字位置前后疊壓，或頁(yè)面位置變化所產(chǎn)生的視覺效果都各不相同。通過圖片、文字前后疊壓所構(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é)奏的空間層次，視覺效果強(qiáng)烈。

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

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

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

　　多媒體

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

　　便于使用

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

　　4

　　十年前，互聯(lián)網(wǎng)剛剛處于雛形階段，到如今，整個(gè)產(chǎn)業(yè)的格局已呈”大而不倒”的局面。而互聯(lián)網(wǎng)的陣線也拉長(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ì)一笑而過，認(rèn)為這只不過是”海市蜃樓”般的幻想。但十年后的今天，這些革新一一實(shí)現(xiàn)，不再是觸手不可及的幻象，這所有的技術(shù)革新切切實(shí)實(shí)的就在我們身邊。感謝那些為互聯(lián)網(wǎng)做出貢獻(xiàn)的革命者們!

　　新時(shí)代的網(wǎng)頁(yè)設(shè)計(jì)充滿了各種新技術(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)則又是什么呢?一起來看看下面的七條，望諸君設(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ì)往往是一種平衡之美。我們可以畫出一個(gè)橫軸，左邊是簡(jiǎn)約、右邊是完整，而最好的設(shè)計(jì)會(huì)聰明地選取中值。網(wǎng)頁(yè)設(shè)計(jì)必須簡(jiǎn)約，任何無(wú)用的特質(zhì)都必須移除;與此同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)必須能夠滿足用戶需求。太簡(jiǎn)單的網(wǎng)頁(yè)如果沒有空能支撐，那么從里到外就真的是”空洞無(wú)物”了。太復(fù)雜的網(wǎng)頁(yè)如果缺少簡(jiǎn)約的收束，那么便會(huì)”尾大不掉”，讓用戶閱讀困難?！把院?jiǎn)意賅”的設(shè)計(jì)才是好設(shè)計(jì)，一個(gè)設(shè)計(jì)師的掌控力得以體現(xiàn)?？偨Y(jié)起來就是一句話：一個(gè)布局、風(fēng)格具有簡(jiǎn)約美，同時(shí)又能提供大量有價(jià)值信息的網(wǎng)站必定受用戶歡迎。

　　2. 用戶往往缺乏耐心

　　互聯(lián)網(wǎng)充滿了機(jī)遇，每個(gè)人都想通過簡(jiǎn)單的操作便能獲取所需信息。互聯(lián)網(wǎng)的信息浩瀚如海，你并不是唯一的信息提供者。亙古不變的是：用戶的時(shí)間寶貴，他們?nèi)狈δ托?。如果你不能提供便捷的信息，那么他們?huì)選擇離開，進(jìn)而尋找其他網(wǎng)站來謀求信息。想要做好這一點(diǎn)?說白了，就是信息層級(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ì)閱讀。這是一種用戶習(xí)慣。萬(wàn)物作而弗始，生而弗有，為而弗恃，功成而弗居。夫唯弗居，是以不去?！赖陆?jīng)

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

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

　　上面已經(jīng)提到過，各個(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)用戶有問題時(shí)，他都會(huì)習(xí)慣性地翻閱導(dǎo)航菜單，這也是用戶習(xí)慣，要注意。個(gè)人認(rèn)為，導(dǎo)航是網(wǎng)頁(yè)設(shè)計(jì)的核心元素，影響到網(wǎng)站的交互性，至于要怎么設(shè)計(jì)，仁者見仁，智者見智了。

　　5. 留白和信息同樣重要

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

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

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

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

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

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

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