網(wǎng)頁設(shè)計應(yīng)具備的七個基本準則 打印頁面

網(wǎng)頁設(shè)計應(yīng)具備的七個基本準則

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

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

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

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

　　2. 用戶往往缺乏耐心

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

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

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

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

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

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

　　5. 留白和信息同樣重要

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

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

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

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

　　7.永遠不要忽略字體

　　內(nèi)容為王，那么內(nèi)容是由什么包裝的呢？答案是字體，這種小小的細節(jié)能造就大差異。字體的清晰與否決定了信息呈遞的結(jié)果。扁平化設(shè)計強化了大家對于字體的重視，這一點我很贊同。還有一點趨勢不容忽略：屏幕越來越大。那么字體呢？