上海設(shè)計網(wǎng)站的7條原則
2015-11-03 分類： 網(wǎng)站建設(shè)
網(wǎng)站設(shè)計都要遵循一些特定規(guī)則，這些規(guī)則往往讓網(wǎng)站具有更加好的用戶體驗，以及更加高效。本文就以上海設(shè)計網(wǎng)站為例，來談?wù)剝?yōu)秀網(wǎng)頁設(shè)計的七條基本準則。
1.優(yōu)秀的網(wǎng)頁設(shè)計應該簡約，并且完整
設(shè)計大師往往都是哲學家，他們往往保持一種包容的設(shè)計態(tài)度，不會采用極端的設(shè)計方式，他們的設(shè)計往往是一種平衡之美。
我們可以畫出一個橫軸，左邊是簡約、右邊是完整，而最好的設(shè)計會聰明的選取中值（如下圖）
網(wǎng)頁設(shè)計必須簡約，任何無用的特質(zhì)都必須移除；與此同時，網(wǎng)頁設(shè)計必須能夠滿足用戶需求。太簡單的網(wǎ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)容，你會快速滑動頁面，大致瀏覽一遍，如果看到感興趣的信息便停下，進行仔細閱讀。這是一種用戶習慣。
在John Allsopp《網(wǎng)頁設(shè)計之道》中有這樣一句話，大致是這么一種意思：設(shè)計師不應該作為用戶的對立，設(shè)計師應該尊重用戶的習慣，讓設(shè)計適應用戶的習慣，而不是做一個高高在上的獨裁者。功成身退，這似乎有種”偉大的設(shè)計是隱形”的意味。
好了，我們把話題扯回來，用戶的這種閱讀習慣意味著什么？這意味著設(shè)計必須具有高度的一致性，用戶看到前面的布局，對后面的布局有一種”預期”：他會認為后面的頁面布局也是如此，不要破壞用戶的閱讀節(jié)奏感。
同樣的，同一頁面的各個元素以及各個子頁面之間必須要具備一致的聯(lián)系性，也就是說設(shè)計師的設(shè)計模式應該專一，再舉個簡單的例子，如果主頁的導航欄布置在上方，子頁面的導航欄布置在側(cè)邊，你認為用戶會高興嗎？
4.將導航菜單作為交互的”核心”
上面已經(jīng)提到過，各個頁面的導航欄必須具備一致性。有時候，好的網(wǎng)頁設(shè)計和差的網(wǎng)頁設(shè)計差距就在導航菜單，好的導航菜單成就了一款設(shè)計，壞的導航毀滅了一例網(wǎng)站。
每當用戶有問題時，他都會習慣性的翻閱導航菜單，這也是用戶習慣，要注意。個人認為，導航是網(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è)計強化了大家對于字體的重視，這一點我很贊同。
本文雖然是老生常談，但是我相信這些準則不會隨流行而改變，想要設(shè)計出更優(yōu)秀的網(wǎng)頁？別著急復制流行了，先磨磨你的基本功吧。
當前標題：上海設(shè)計網(wǎng)站的7條原則
標題網(wǎng)址：http://www.rwnh.cn/news12/33112.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、App設(shè)計、用戶體驗、服務(wù)器托管、響應式網(wǎng)站
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 精美的網(wǎng)頁設(shè)計應該遵循哪些心理學規(guī)則？ 2015-11-02
- 如何設(shè)計字母標志設(shè)計 2015-11-02
- 搶先看！網(wǎng)頁設(shè)計的7個最新趨勢！ 2015-11-01
- 11個設(shè)計非凡的名片設(shè)計 2015-11-01
- 網(wǎng)頁設(shè)計建站：響應和自適應哪個更好？ 2015-10-31
- 北京公司建站前要訂哪些目標？ 2015-01-16
- 如何進行漢字標志設(shè)計? 2015-10-30
- 怎樣評價一個標志設(shè)計的好壞？ 2015-10-30
- 廣州建站咨詢：怎樣建設(shè)政府網(wǎng)站？ 2015-01-16
- 為什么有隱藏含義的創(chuàng)意標志設(shè)計很受歡迎？ 2015-11-01
- 怎樣制作網(wǎng)頁設(shè)計才能獲得用戶注意力？ 2015-10-31
- 深圳品牌建站的技巧分享 2015-01-16
- 上海建設(shè)網(wǎng)站為何會選擇單頁設(shè)計？ 2015-10-31
- 南京制作網(wǎng)頁中，哪些做法是錯誤的？ 2015-01-15
- 如何做一個優(yōu)秀的標志設(shè)計 2015-10-29
- 顏色疊加法如何實現(xiàn)精美的網(wǎng)頁設(shè)計？ 2015-10-29
- 深圳建設(shè)網(wǎng)頁：響應性網(wǎng)頁設(shè)計注意事項 2015-10-29
- 北京網(wǎng)頁制做如何創(chuàng)造互動式UI？ 2015-01-15
- 上海網(wǎng)頁制做：如何學習網(wǎng)頁設(shè)計 2015-10-28