Godzilla. 2016-11-07
網(wǎng)站建設(shè)
上海設(shè)計(jì)網(wǎng)站的7條原則
網(wǎng)站設(shè)計(jì)都要遵循一些特定規(guī)則，這些規(guī)則往往讓網(wǎng)站具有更加好的用戶(hù)體驗(yàn)，以及更加高效。本文就以上海設(shè)計(jì)網(wǎng)站為例，來(lái)談?wù)剝?yōu)秀網(wǎng)頁(yè)設(shè)計(jì)的七條基本準(zhǔn)則。
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ù)閱讀困難。
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í)慣。
在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é)果。扁平化設(shè)計(jì)強(qiáng)化了大家對(duì)于字體的重視，這一點(diǎn)我很贊同。
本文雖然是老生常談，但是我相信這些準(zhǔn)則不會(huì)隨流行而改變，想要設(shè)計(jì)出更優(yōu)秀的網(wǎng)頁(yè)？別著急復(fù)制流行了，先磨磨你的基本功吧。
文章標(biāo)簽：
網(wǎng)站設(shè)計(jì)原則
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高，我想投身于網(wǎng)站行業(yè)中，一展所長(zhǎng)，為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論：