B2B行業(yè)網(wǎng)站頁面內(nèi)容怎樣設(shè)計

申請免費試用、咨詢電話：400-8352-114

在本鉆研申報前面章節(jié)我講過，永遠要記得用戶在沒有清楚的閱讀內(nèi)容前是掃描而不是閱讀，在導(dǎo)航頁面，用戶很樂于審閱一句一句的內(nèi)容，關(guān)于大面積沒有重點的內(nèi)容，沒有耐性，我們必需在網(wǎng)頁上供給既簡單又有必定視覺中心的內(nèi)容。這種中心可以吸引用戶的留心力，讓他們在看到愛好內(nèi)容的時分，接收進一步的行為，點擊鏈接閱讀詳細信息，或看其他更多內(nèi)容，讓用戶留下來，假設(shè)我們不區(qū)分重點，就很難讓用戶很快發(fā)現(xiàn)他想找的中心內(nèi)容，尤其是關(guān)于新用戶，第一印象很首要。

查詢到用戶閱讀頁面時的需乞降行為后，在頁面設(shè)計時就要知足用戶的需乞降習(xí)氣，有那些辦法可以凸起中心內(nèi)容呢？通俗常用：文字加粗、文字配圖片、文字變顏色、加導(dǎo)讀、文字變大、重點凸起的部分四周多一點空白、添加小圖標或按鈕等方法，都能凸起中心內(nèi)容。下面來簡明講解。

1 標題及重點凸起內(nèi)容設(shè)計通俗標準

閱讀者來到網(wǎng)站，會試圖找出他們需求的器械。再次重復(fù)，用戶并不一定是來閱讀的，他們是來做他們想做的任務(wù)，每小我的目的不一定一樣，網(wǎng)站要節(jié)省他們的時間并且凸起優(yōu)質(zhì)內(nèi)容來吸引每個用戶的留心力，然后讓他們愈加便于在幾秒鐘內(nèi)掃描整個頁面。用戶只需在這幾秒內(nèi)掃描并發(fā)現(xiàn)他們想要的器械，才會繼續(xù)在你的網(wǎng)站上停留更長的時間。所以關(guān)于B2B行業(yè)網(wǎng)站的首頁、一級欄目首頁等導(dǎo)航頁面來講，中心內(nèi)容就是舉薦內(nèi)容標題，信息分類稱號，信息圖片等幾個方面。使中心內(nèi)容更凸起的方法有良多，下面來詳細講解。

（1） 文字加粗

無論什么內(nèi)容，只需我們將少部分的內(nèi)容加粗，將大部分不加粗，那么加粗的內(nèi)容必然就會非常凸起，這個是常用的制造中心內(nèi)容的方法。在一個頁面上我們接見會面到良多加粗的文字，這些加粗的文字就會是中心內(nèi)容的一個部分，舉薦的鏈接內(nèi)容標題、首要分類稱號等經(jīng)常運用。這個是頁面設(shè)計時創(chuàng)造中心內(nèi)容的首要方法。

（2） 字號變大

這個方法與文字加粗一樣，屬于設(shè)計中心內(nèi)容的常用方法，關(guān)于最重點的內(nèi)容，世間都是既加粗，字號又變大。一樣是舉薦鏈接內(nèi)容標題、首要分類稱號等經(jīng)常運用的。

（3） 文字變顏色

通俗字號變大、字體加粗，也會與變顏色還出現(xiàn)，愈加凸起，然則變顏色也會出現(xiàn)在一些次凸起內(nèi)容上出現(xiàn)，只變顏色，不加粗，不變大字體。

阿里巴巴產(chǎn)品列表頁截圖

如圖所示，首先產(chǎn)品稱號，是最首要的，用戶將經(jīng)由稱號看可否是自己感興致的產(chǎn)品，所以阿里的設(shè)計師采用了最凸起的做法，既變顏色，又增大字體，還加粗。公司名字是第二個需求凸起的，在這里只采用了變顏色，假設(shè)又加粗的話，就會使頁面看起來很累，凸起的內(nèi)容太多了，就沒有凸起了。還標題下面為產(chǎn)品的導(dǎo)讀，將產(chǎn)品的參數(shù)泄漏顯示出來，當訪問者經(jīng)由掃描對某個產(chǎn)品感興致了，就可以進一步看產(chǎn)品的引見，屬于掃描到感興致內(nèi)容后的第二步行動，所以在頁面上，要弱化，設(shè)計師采用了灰色，以及地區(qū)、起訂量等都是灰色。查找出來的產(chǎn)品都很類似，代價的比較就變的很首要，所以代價采用了閱讀者眼球最關(guān)注的顏色：紅色。正如我在之前文章里講的，要鉆研電子商務(wù)網(wǎng)站的設(shè)計，阿里巴巴是最首要的鉆研對象。

（4） 文字配圖片

為了凸起某個內(nèi)容，我們常常配個圖片，吸引用戶的眼球，當然有時是這個內(nèi)容本身就包羅圖片，然則更多的時分我們會配個圖標、按鈕、小圖片，為了凸起這個內(nèi)容，與周圍的內(nèi)容區(qū)別開來。

（5） 四周留空白

為了凸起某個內(nèi)容，我們常采用把這個內(nèi)容的四周留白，這也是凸起這個內(nèi)容的方法，這種方法常常與加粗、字體變大、變顏色等一同運用。

（6） 為內(nèi)容加導(dǎo)讀

加導(dǎo)讀的方法，除了讓用戶添加對凸起內(nèi)容有更多的查詢，吸引用戶點擊，還從視覺上讓用戶覺得這個內(nèi)容比較其他信息占的空間更多，習(xí)氣上認為這個信息愈加首要，凸起這個部分的內(nèi)容。

2 內(nèi)容鏈接設(shè)計通俗標準

網(wǎng)站內(nèi)容鏈接要遵守用戶習(xí)氣，讓用戶看著就像一個鏈接，想去點擊。鏈接設(shè)計也是網(wǎng)站設(shè)計與平面設(shè)計最大的區(qū)別之一。通俗的設(shè)計師對鏈接都能措置好，然則仍然有一些網(wǎng)站在這方面經(jīng)常犯一些錯誤，也許各位讀者覺得這些錯誤太始級，然則據(jù)我看過的一些做的不好的網(wǎng)站，他們在鏈接設(shè)計上存在如下的問題。

（1）首要鏈接放圖片上

網(wǎng)站大部分的鏈接都應(yīng)該運用文字，尤其是內(nèi)容的鏈接，盡量增添對圖片做鏈接，不只對搜索引擎優(yōu)化 倒霉，而且用戶運用時更習(xí)氣點文字鏈接。

（2）鼠標放鏈接上時文字顏色無改變

鼠標放鏈接上時文字顏色改變是一個習(xí)氣用法，幾乎一切主流網(wǎng)站，當鼠標經(jīng)由鏈接時，都邑變顏色，目的是讓用戶更明晰的知道，他預(yù)備點擊的是阿誰具體的內(nèi)容。假設(shè)鏈接顯示的時分沒有加下劃線，鼠標放上去后必需求加下劃線。

（3）鏈接文字之間行距太小，看起來很累

鏈接與鏈接之間，要有必定的行距，通俗字號在12PX-13PX之間，行距在25-30象素之間，行距太高，太粗拙，行距太低，看起來太累，這些都必定要契合標準，常用的行距是：150%。

（4）鏈接的布景顏色很深

通俗導(dǎo)航頁面鏈接布景都是白色，為了使看起來不累或美觀，可以用淺灰色的布景，或很淺的其他顏色作為布景，布景顏色不能對閱讀鏈接內(nèi)容構(gòu)成視覺噪聲，煩擾用戶的視野。

3 網(wǎng)站內(nèi)容圖片設(shè)計通俗標準

在網(wǎng)站導(dǎo)航頁面里，圖片分為兩種情況，正如在《B2B行業(yè)門戶網(wǎng)站設(shè)計開辟實戰(zhàn)鉆研申報》里所講的，一種情況是圖片作為文字的點綴，讓文字內(nèi)容更凸起，更具有可讀性；另一種情況是圖片就是內(nèi)容，產(chǎn)品圖片、新聞圖片、人物頭像等。這兩種情況對圖片設(shè)計的要求是不一樣的。

（1）作為點綴或類似按鈕的小圖片

這類圖片首要的一點就是要細膩，運用的顏色必定要契合最新的設(shè)計潮流，要更多運用漸變顏色，可以參考良多大門戶網(wǎng)站的小圖片，可以直接抄過來運用，或許在一些專門的小圖標匯集網(wǎng)站去找，然后批改下，就可以運用。

（2）產(chǎn)品圖片、新聞圖片及人物頭像

在設(shè)計時，我們常常會觸及內(nèi)容圖片，這類圖片尺寸不能太大，否則顯得太粗拙，也不能太小，太小就不顯眼，圖片周圍有文字說明，不能只需圖片，沒有文字說明。

（3）圖片清楚、不變形是最基本的要求，也是必需的

我們設(shè)計時運用的一切的圖片、圖標，必定要清楚，見過良多設(shè)計太差的網(wǎng)站，按鈕是變形的，有的圖標也是變形的，用戶上傳的產(chǎn)品圖片有的也是變形的，這個在網(wǎng)站設(shè)計中是絕對不容許出現(xiàn)的。圖片尺寸要契合圖片本身的特點，比如服裝款式圖片、人的頭像，高度就必定要比寬度大，見過良多網(wǎng)站設(shè)計的人物頭像，居然寬度比高度長。

4 導(dǎo)航頁輔佐內(nèi)容設(shè)計通俗標準

比如資訊導(dǎo)航頁面重點舉薦內(nèi)容的導(dǎo)讀，產(chǎn)品列表頁面產(chǎn)品導(dǎo)讀、產(chǎn)品參數(shù)等，在本鉆研申報，我都歸結(jié)為輔佐內(nèi)容。這些內(nèi)容設(shè)計時要用灰色，字要更小一些，行距要低一些，首要就是不能影響重點內(nèi)容，使頁面看起來更有層次感，主次清晰。用戶也是在掃描整個頁面，找到首要內(nèi)容的時分，再去閱讀輔佐內(nèi)容。

關(guān)于B2B行業(yè)網(wǎng)站的內(nèi)容設(shè)計標準，就講到這里，其實這個標準，也與通俗的商業(yè)門戶網(wǎng)站迥然分歧，然則與企業(yè)網(wǎng)站的區(qū)別很大。

南昌網(wǎng)站建設(shè)