必須掌握的7個基本原則「網站設計有哪些基本原則」

擁有一個有吸引力且易用的網站是每個網站所有者的目標，對於經營小企業的人來說，網站的外觀至關重要。在接受或拒絕通過屏幕看到的內容的短暫時間內，訪問者產生了對企業的第一印象。網站的設計還負責保持每個訪問者的注意力，並引導他們瀏覽網站內容。

　　本文bluehost美國主機小編將介紹七項設計原則，遵循這些原則有助於創建一個吸引訪問者並使他們想要再次訪問的網站。

　　設計是一件棘手的事情。經驗不足的人很容易迷失方向，而沒將注意力集中在真正重要的事物上——訪問者在網站上的體驗。炫酷的字體和令人眼花繚亂的配色方案會使人大吃一驚，並覺得很有趣。但還是要確保關注網站的易用性和核心目的。

　　無論設計看起來多麼有趣，站點都必須易於閱讀和瀏覽。訪問者在使用網站時不應遇到任何困難，簡潔明了的設計在確保高度易用性方面可以發揮主要作用。

　　是時候了解設計的七個原則了。本文將討論經過科學證明的可以匹配人們消費內容的布局，並討論間距，字體，顏色的有效使用以及其他設計因素。

　　創建一個友好的布局

　　設計的主要目標之一是將內容分成易於消化的模塊的平衡布局。

　　這樣的網站內容能吸引用戶，它比文字牆有趣得多。實現此目的的最佳方法是想像一個虛擬的網格或列集，然後把內容以平衡且視覺上吸引人的方式放置在該框架內。

　　記住，平衡並不意味著對稱。嘗試使用非對稱布局，將訪問者的視線引導到希望他們去的地方。

　　如何查看網頁背後有一些有趣的科學。有研究對消費者消費時進行追蹤，顯示人們以「 F」模式掃描內容。

　　簡而言之，人們從左到右，從上到下閱讀。大驚喜吧？

　　此規則不管內容是什麼時都適用，在設計網站時遵循它非常重要。

　　如果想讓訪問者首先關注一些重要內容，無論是文字還是圖形，網頁的左上角是放置它的最佳位置。越靠右，內容優先順序越低，得到的關注就越少。

　　空白是有益的

　　網頁上的空白區域有助於打開一切，使訪問者輕鬆地欣賞所呈現的內容。在網頁設計術語中，空的區域被稱為空白，請務必確保有足夠的空白以使網站易用。

　　空白可以提高讀者的理解力。這實際上是關於空白附近的內容。被空白包圍的任何內容都會引起用戶的注意，並且由於周圍沒有任何能分散讀者注意力的東西，這些內容非常易於理解。

　　看起來似乎很簡單，但是應該注意，空白不一定必須是白色的——它可以是為背景選擇的任何顏色。

　　說到顏色，接下來討論下一個主題！

　　運用色彩吸引訪客

　　網站設計中使用的配色方案在視覺上應該具有吸引力，但是，旁觀者的眼中這種美應該吸引誰？答案很簡單：訪客。

　　強大的品牌形象使小企業受益匪淺，形象的一部分是視覺上能使人聯想到公司的各種顏色。這些顏色是網頁設計中應該使用的主要顏色。

　　如果尚未定義品牌顏色，那應該是一個需立即引起注意的單獨的項目。這需要權衡很多因素，包括對目標受眾、色彩心理和其他因素的詳細分析。

　　如果品牌有可以使用的主要色彩，可以將其用作定義網站配色方案的起點。網站所包括的所有其他顏色應根據它們在該顏色下的外觀來選擇。

　　重溫基本的色彩理論，並嘗試與品牌的主色調相稱的顏色。選擇與文本有很大對比度的背景色，這能大大提高其可讀性。

　　確定正確的顏色組合後，將該方案始終應用於網站。品牌的主色調可以是網站的主色調，也可以是用於吸引人們注意重要頁面元素的強調色。

　　明智地使用圖形

　　為網站選擇合適的圖像是建立和維護品牌的重要組成部分。雖然可以依靠文字來解釋價值定位，但是圖片具有創造情感的能力。

　　選擇考慮到受眾的圖片，那麼網站圖形有助於建立與訪客的聯繫，這點其他媒介做不到。考慮一下訪客是誰，然後獲取能夠引起他們共鳴的專業照片。互聯網上有很多來源的低價照片。

　　只要內容適合，信息圖表是在網站上包含圖像內容的一種很好的方法。如果要傳達複雜的信息，並且信息能匯總並從圖表或圖形中受益，那麼彩色的信息圖表可能是最佳的格式。

　　菜單圖標、按鈕圖像、其他功能的頁面元素應該得到認真考慮。普遍接受的圖標（例如「主頁」按鈕圖像和購物車）有助於簡化設計並使頁面易於瀏覽。

　　但是，讓大圖像佔據網頁並不是一個好主意。為網站選擇圖像並調整其大小時，平衡布局至關重要。

　　特別重要的是，在訪問者向下滾動頁面之前看到的主頁或登錄頁面的一部分之類的位置明顯處，避免使用大圖。除了會對載入時間造成負面影響，在頁面的這一部分布局中使用大圖也是在失去機會。雖然圖片具有交流性，但該首頁更適合於包含營銷信息的引人注目的文字。

　　所用的圖片均應經過優化，以確保它們不會導致較長的頁面載入時間。下一節將更詳細地說明這一點，以及其他旨在改善網站性能的網頁設計因素。

　　減少載入時間

　　不要讓糟糕的設計使網站載入速度緩慢。網站速度太慢會導致訪問者立即離開，頁面載入時間超過三秒鐘的任何網站都違反了網站易用性的基本原則。

　　如前所述，必須優化圖形，確定每個圖像文件的理想大小和比例。如果站點具有自定義代碼，請將其全部合併到一個CSS或JavaScript文件中，以最大程度地減少向Web伺服器發出請求的數量。還可以壓縮HTML文件，使頁面載入速度更快。

　　爭取最大可讀性

　　網站的字體會對內容的可讀性產生巨大影響。如果選擇正確，營銷信息將能「跳出」頁面，訪問者也願意閱讀更多內容。如果選擇不當，最終可能會導致難以理解的混亂局面，訪客可能在幾秒鐘內就關閉網站。

　　哪種字體最適合在計算機或移動屏幕上閱讀？大量研究證明它是Arial等無襯線體。最佳字型大小為16像素，最小為12像素。

　　字體保持一致，能使訪客感覺到跨越內容的銜接設計。確實沒有理由使用兩種不同的字體，但是可以根據特定內容使用多種字型大小。請勿使用超過兩種或三種字型大小；這樣做可能會拋棄用戶，並造成內容本不應該具有的混亂外觀。想閱讀更多的相關內容可以參考網站成功布局的四個關鍵要素。

　　考慮較小的屏幕

　　人們在各種尺寸的屏幕（包括手機和平板電腦）上訪問網站。確保設計時適合移動設備。

　　設計網站時，能做的最重要的事情之一就是以響應式設計為目標：內容只有一個版本，但是其顯示方式根據屏幕尺寸的不同而不同。使用響應式設計，移動用戶也能訪問所創建的適用於全尺寸屏幕的偉大內容。

　　此外，還應仔細考慮內容中的哪些元素對訪問者最有價值，並確保可以在移動設備上快速找到這些元素。

　　選擇字體時考慮移動用戶，並注意按鈕、圖標和其他功能元素在移動設備上的顯示方式。滑鼠容易點擊的元素在小屏幕上用手指點擊時可能是令人沮喪的。

　　給網站設計應有的關注

　　過多地關注於網站的設計是不可能的。所以設計就至關重要。經營一家小企業時，訪問者感受到網站的方式及其滿足他們需求的程度會對企業成功產生巨大影響。

　　專註於創建具有大量空白的可訪問頁面布局；巧妙地使用字體、顏色和圖形；專註於良好的表現；並且牢記移動用戶，牢記這些因素有助於提出一個能有效地代表品牌、並在每次訪問時為用戶帶來愉悅的網站設計，轉自Bluehost博客。