擁有一(yī)個有吸引力且可用的網站是每個網站所有者的目标，對于經營小(xiǎo)型企業的人來說，其網站的外(wài)觀和感覺至關重要。在這裏，訪客會創造出第一(yī)印象-在那短暫的幾秒鍾内，我(wǒ)們接受或拒絕在屏幕上看到的内容。網站的設計還負責保留每個訪問者的注意力，并引導他們浏覽您的内容。
在本文中(zhōng)，我(wǒ)們青島網絡推廣公司将介紹七項設計原則，如果遵循這些原則，它們将幫助您創建一(yī)個吸引訪問者并使他們想要回來的網站。
設計是一(yī)件棘手的事情。對于經驗不足的人，很容易迷失方向，而将注意力集中(zhōng)在真正重要的事情上—訪問者在您的網站上獲得的經驗。如果您發現酷炫的字體和令人眼花color亂的配色方案讓您大(dà)開眼界，那麽您可以找到一(yī)些樂趣。但是請确保您還關注網站的可用性和核心目的。
無論您的設計看起來多麽有趣，您的網站都必須易于閱讀且易于浏覽。訪問者在使用您的網站時應該沒有任何困難，采用簡單明了的設計可以在确保高度可用性方面發揮主要作用。
現在是時候了解我(wǒ)們的七個設計原則了。我(wǒ)們将讨論經過科學證明可以滿足人們消費内容的布局，并讨論間距，字體，顔色的有效使用以及其他設計因素。
創建一(yī)個友好的布局
将内容分(fēn)成容易消耗的塊的均衡布局應該是您的主要設計目标之一(yī)。這樣的網站内容吸引了用戶，它比文字牆有趣得多。實現此目的的最佳方法是想象一(yī)個不可見的網格或一(yī)組列，然後在該框架内以平衡且視覺上吸引人的方式放(fàng)置您的内容。
請記住，平衡不一(yī)定意味着對稱。您可以嘗試使用非對稱布局，将觀衆的視線引導到您希望他們去(qù)的地方。
我(wǒ)們如何查看網頁背後有一(yī)些有趣的科學。有研究在追蹤對象消費内容時跟蹤他們的眼睛，并表明人們以“ F”模式掃描。
簡而言之，我(wǒ)們從左到右，從上到下(xià)閱讀。大(dà)驚喜吧？
好吧，當您認爲此規則不管内容是什麽都适用時，您可以看到在設計網站時遵循它非常重要。
如果您想讓訪問者首先關注某些重要内容，無論是文本還是圖形，那麽網頁的左上部分(fēn)就是放(fàng)置它的佳位置。越靠右，内容越低，得到的關注就越少。
了解空白(bái)在您的網頁設計中(zhōng)的重要性
空格是正确的
網頁上的空白(bái)會打開所有内容，使訪問者可以舒适地接收您要呈現的内容。在Web設計術語中(zhōng)，空白(bái)被稱爲空白(bái)，因此确保您擁有足夠的空白(bái)以使站點易于使用非常重要。
看起來似乎很明顯，但是我(wǒ)們應該注意，您的空白(bái)不必一(yī)定是白(bái)色的-它可以是您爲背景選擇的任何顔色。
談到顔色，這是我(wǒ)們的下(xià)一(yī)個主題！
運用色彩吸引訪客
您在網站設計中(zhōng)使用的配色方案應該在視覺上具有吸引力，但是，在旁觀者的眼中(zhōng)，美麗就應該吸引誰？這個問題有一(yī)個簡單的答案：訪客。
小(xiǎo)型企業會從強大(dà)的品牌形象中(zhōng)受益匪淺，其中(zhōng)的一(yī)部分(fēn)應該是視覺上能使人聯想到公司的顔色組合。這些應該是您在網頁設計中(zhōng)使用的主要顔色。
如果您尚未定義品牌顔色，那是一(yī)個單獨的項目，應該立即引起注意。需要權衡很多因素，包括對目标受衆的詳細分(fēn)析，色彩心理和其他因素。
如果您可以使用主要的品牌色彩，則可以将其用作定義網站色彩方案的起點。您要包括的所有其他顔色應根據它們在該顔色下(xià)的外(wài)觀來選擇。
重溫基本的色彩理論，并嘗試與您的主要品牌色彩相稱的色彩。選擇一(yī)種與文本有很大(dà)對比的背景色，因爲這将大(dà)大(dà)提高其可讀性。
确定正确的顔色組合後，請将該方案始終應用于您的網站。品牌的主要顔色可以是網站的主要顔色，也可以用作強調顔色，以引起人們對重要頁面元素的注意。
網站設計負責保持每個訪問者的注意力，并引導他們浏覽您的内容
明智地使用圖形
爲您的網站選擇合适的圖像是建立和維護品牌的重要組成部分(fēn)。您可以依靠文本來解釋您的價值主張，但是圖片卻可以創造感覺。
如果您選擇的是考慮到受衆的圖像，則您的網站圖形可以像其他媒體一(yī)樣，幫助您與訪問者建立聯系。考慮一(yī)下(xià)您的訪客是誰，然後獲取能夠引起他們共鳴的專業照片。互聯網上有許多低價股票(piào)照片的來源。
信息圖表是一(yī)種在您的網站上包含圖像内容的好方法，但前提是您的内容适合一(yī)個。如果您要傳達複雜的信息，并且可以将其摘要并從圖表中(zhōng)受益，那麽彩色圖表可能是佳的格式。
您的菜單圖标，按鈕圖像和其他功能頁面元素也應認真考慮。普遍接受的圖标（例如“主頁”按鈕圖像和購物(wù)車）将幫助您簡化設計并使頁面易于浏覽。
但是，讓大(dà)圖像占據您的網頁不是一(yī)個好主意。在爲網站選擇圖像并調整其大(dà)小(xiǎo)時，考慮平衡布局的概念至關重要。
尤其重要的是，避免使用過大(dà)的圖形，即在訪問者開始向下(xià)滾動頁面之前看到的主頁或登錄頁面的一(yī)部分(fēn)。除了對加載時間有負面影響外(wài)，在頁面布局的這一(yī)部分(fēn)中(zhōng)使用大(dà)型圖形也是失去(qù)的機會。盡管可以像圖像一(yī)樣進行交流，但該首頁房地産更适合用于包含營銷信息的引人注目的文字。
您使用的所有圖像均應進行優化，以确保它們不會導緻較長的頁面加載時間。在下(xià)一(yī)節中(zhōng)，我(wǒ)們将更詳細地說明這一(yī)點，以及其他旨在改善站點性能的Web設計因素。
減少加載時間
不要讓糟糕的設計決策使您的網站加載緩慢(màn)。一(yī)個太慢(màn)的網站會急忙将訪問者趕走，而發布一(yī)個頁面加載時間超過三秒鍾的網站，則打破了網站可用性的基本規則。
如前所述，您必須優化圖形，确定每個圖像文件的理想大(dà)小(xiǎo)和比例。如果您的站點具有自定義代碼，請将其全部合并到一(yī)個CSS或JavaScript文件中(zhōng)，以大(dà)程度地減少Web服務器應發出的請求數量。您還可以壓縮HTML文件，以加快頁面加載速度。
拍攝以獲得大(dà)可讀性
您網站的字體将對内容的可讀性産生(shēng)重大(dà)影響。如果選擇正确，您的營銷信息将跳出該頁面，訪問者将希望閱讀更多内容。如果選擇不當，最終可能會導緻難以理解的混亂，人們将在幾秒鍾内點擊您的網站。
哪種字體容易在計算機或移動屏幕上閱讀？對此進行了大(dà)量研究，結果證明它是Arial等無襯線字體。字體大(dà)小(xiǎo)爲16像素，最小(xiǎo)爲12像素。
與您的字體保持一(yī)緻，以使訪問者感到跨越内容的銜接設計。确實沒有理由使用兩種不同的字體，但是您可以使用多種字體大(dà)小(xiǎo)以最适合特定内容。請勿使用超過兩種或三種字體大(dà)小(xiǎo)；這樣做會使用戶流連忘返，并造成内容本不應該具有的混亂，混亂的外(wài)觀。
