這里所說的邊框是指網站建設中使用邊框對頁面內容加以修飾的元素，通常是以輪廓框的形式來突出網站的主題內容，那么，這種邊框設計在網站中有何作用呢?

　　先，邊框的視覺沖擊強。當你在網站中看到被邊框框住的內容，會習慣性地關注其中的信息，尤其是邊框顏色和背景形成鮮明對照的情況下，更容易引起用戶的注意，其帶來的視覺效果不言而喻。如下網站，沒有其它的內容信息，顯眼的要數邊框了，白色邊框配黑色背景，視覺沖擊極強，相信大部分用戶在看到網站時都會不由自主地點開邊框里的內容進行瀏覽。

　　其次，不同的邊框感效果不同。邊框粗細和大小包括顏色各有不同，就看網站建設者如何設計，細邊框會帶給用戶細膩清新感，粗邊框會帶給用戶厚重大氣的感覺，這與網站的主體風格息息相關，邊框的設計能夠在一定程度上增強主題風格效果，讓表達更加深刻。如下網站，小清新風格加上邊框設計，使得整個網站更顯輕盈精致。

　　后，頁面簡潔大方。網站邊框元素的使用能夠讓網站的架構更加分明，內容清晰，組織有序，信息傳達富有層次感，當頁面沒有設置導航時，采用邊框設計同樣能夠實現導航條的作用，指引用戶瀏覽網站，除去了頁面那些華而不實的裝飾，頁面更加簡潔明朗。

　　網站建設中使用這些邊框設計也要有一定的技巧，畢竟單獨拿邊框來看，它顯得規矩和呆板，如果隨意使用，太多的條條框框會讓用戶體驗不佳，也會讓網站有失美觀，因此，邊框使用之前對細節要求有需考究。

　　當然，由于網站邊框的使用者較少，許多人不敢冒這樣的風險，萬一運用不當會帶來負面效果，但這也是網站設計者的一大競爭優勢，這種風格的設計往往能夠獨當一面，在眾多網站中脫穎而出。它能打造的視覺焦點遠遠勝于千篇一律的建站風格，即使有邊框也能讓網站顯得不拘一格。

　　近年來，移動互聯網發展極為迅速，根據有關權威媒體的統計顯示，現在移動互聯網上的活躍用戶在已經達到5億多，而這個數據相比于PC互聯網來說，僅有12%的差距，而且當前的移動互聯網的每年的新增用戶都要遠遠大于PC互聯網，根據該權威媒體預測，在未來的5年里，移動互聯網用戶必然會超過PC互聯網，由此可見，移動互聯網已經成為大勢所趨。

　　在這種發展環境下，對于站長而言，除了要做好傳統的PC互聯網網站之外，一定要加強移動網站的建設。但是移動網站和PC互聯網網站之間卻存在著顯著的差別，兩者的建站理念同樣差距顯著，如果將PC互聯網上的網站建設理念生搬硬套的應用在移動網站上，那么結果顯然會失敗。

　　因為移動網站更多的是服務于移動用戶，這些用戶在使用移動網站時，更多是利用碎片化時間，因此很難長時間的瀏覽網站。因此移動網站的設計就需要緊密的結合移動用戶的這種使用特點來進行設計，下面就對其涉及到的建站細節進行分析。

　　，導航模塊的設計。移動網站必須要提供導航模塊，而且在導航欄目上還需要簡明扼要的闡述對應欄目的內容，注重整站導航按鈕以及搜索功能的應用，尤其是導航按鈕大小的設計，一定要使之符合手指觸摸的習慣，通常大小可以設置成32px*32px。其中px的意思就是像素。

　　第二，優化網站內部架構。因為移動網站上的用戶對于時間的要求更加快捷，因此移動網站在架構設計上就需要更多的以節省用戶的使用時間為設計理念，盡可能的降低網站內部層次，通常只需要頁加詳情頁就可，只有特殊的網站才會使用到頁加列表以及詳情內容這三個層次。也就是說，移動網站的架構應該比PC網站的架構更加扁平化，這可有利于提升對用戶的體驗度。

　　第三，優化頁面以及字體大小。通常移動網站的頁面寬度非常重要，如果頁面過寬，就會導致用戶在手機或者其他智能終端難以正確的瀏覽網頁內容，通常來說，現在移動網站的寬度大多為480像素，或者是640像素。另外為了更好的適應在不同終端上的顯示，還可以采用響應式設計方法，這樣網站的頁面顯示能夠結合終端的不同而隨之匹配，進而能夠提升顯示效果。

　　另外由于移動網站上的顯示空間相對較小，因此網頁上的文字大小也要進行控制，如果太小則不利于用戶的瀏覽，如果太大，那么非常占用頁面的空間，所以字號在頁上可以略大，通常可以使用14到18之間，而詳細頁面的字體大小一般在控制在14至16之間。這樣可滿足頁面和用戶閱讀的體驗。

　　第四，內容設計。由于移動網站非常注重用戶碎片化時間的應用，因此移動網站上的內容應該盡可能的減少規模，一般來說，一個屏幕能夠完整展示的內容就行，當然對于一些質量度較高的內容，或者具有一定吸引力的內容，能夠通過滑動三次來完整展示。當然知名不要超過3次，否用戶往往很難有如此高的耐心來看完全文。另外移動網站上的廣告設計也要注意技巧，一定要是廣告內容和文字內容有著高度的相關性，這樣才不利于引起用戶的反感。

　　總而言之，移動網站對于廣大站長們來說，已經開始進入全面發展時期，當然在發展移動網站時，一定要創新之前的PC網站建設思路，使之能夠更好的適應移動網站用戶的使用習慣，這樣才能夠更好的提升移動網站的吸引力，進而在移動互聯網端取得成功。

http://www.bangwork.net/jianzhanzhishi/7101.html 網站設計需遵循哪些原理？