B 功能或內(nèi)容相關(guān)的部分在視覺(jué)上也要相關(guān)
在功能或內(nèi)容相關(guān)的部分視覺(jué)也要相關(guān)，因?yàn)橛脩魭呙璧臅r(shí)候，視覺(jué)相關(guān)的部分就會(huì)作為一起掃描，否則容易忽略掉，同時(shí)會(huì)顯得凌亂。常用的方法是把相關(guān)的功能或內(nèi)容用同樣的框、同樣的背景、同樣的圖標(biāo)來(lái)表達(dá)。
C 功能或內(nèi)容在邏輯上包含的部分在視覺(jué)上也要進(jìn)行嵌套
所謂邏輯上包含，就是從邏輯的角度推理，他應(yīng)該是屬于包含的，比如：B2B行業(yè)網(wǎng)站的上游原料和設(shè)備，如果我們把這2個(gè)部分放在一個(gè)頁(yè)面，就應(yīng)該把設(shè)備和原料分開來(lái)設(shè)計(jì)，但是原料和設(shè)備模塊本身還會(huì)包括許多不同的內(nèi)容，為了讓想采購(gòu)的企業(yè)很快速的找到自己想要的產(chǎn)品，就要在設(shè)備模塊和原料模塊內(nèi)部再進(jìn)行嵌套。
5 訪問(wèn)者不是在閱讀，而是在掃描
《別讓我思考》一書講：“訪問(wèn)者不是在閱讀，而是在掃描，是極少數(shù)幾個(gè)得到了證明的事實(shí)之一，人們會(huì)花極少的時(shí)間來(lái)閱讀大部分的頁(yè)面，相反，我們只是掃描一下(或者匆匆掠過(guò))網(wǎng)頁(yè)，尋找能吸引我們注意力的文字或詞語(yǔ)�！睂�(duì)于導(dǎo)航頁(yè)、首頁(yè)等，用戶會(huì)更多的用掃描來(lái)獲得自己感興趣的內(nèi)容。對(duì)于內(nèi)容最終頁(yè)，用戶在閱讀前也會(huì)先掃描一下大概內(nèi)容，對(duì)于太長(zhǎng)的文章或內(nèi)容，就要看下是否有小標(biāo)題，如果有就要先掃描小標(biāo)題，看自己是否感興趣，感興趣了才會(huì)繼續(xù)閱讀下去。用戶一般會(huì)先掃描如下內(nèi)容：
A、與我們現(xiàn)在手頭任務(wù)有關(guān)的，急需想知道的。
B、我們當(dāng)前或接下來(lái)的個(gè)人興趣，比如：想采購(gòu)一批機(jī)器、想找工作;
C、還有我們腦袋里一些根深蒂固的詞，例如“免費(fèi)”、“打折”、“美女”等。B2B行業(yè)網(wǎng)站用戶都會(huì)感興趣的：例如行業(yè)最爆炸性的新聞、知名公司老總動(dòng)態(tài)、最新求購(gòu)等。
當(dāng)我們?cè)诓邉�、設(shè)計(jì)網(wǎng)站的頁(yè)面時(shí)，在編輯網(wǎng)站內(nèi)容時(shí)，要時(shí)刻謹(jǐn)記用戶不是在閱讀，而是在掃描，將這個(gè)思想貫徹地執(zhí)行下去。會(huì)指導(dǎo)很多正確的策劃和設(shè)計(jì)，比如：重要的內(nèi)容要大標(biāo)題、要加粗;每個(gè)模塊盡量能圖文并茂，讓讀者掃描的時(shí)候看到圖片，更容易引起興趣;對(duì)廣告文案等要多加總結(jié)、提煉，吸引他們感興趣;編輯在寫文章、內(nèi)容編輯的時(shí)候，對(duì)于超過(guò)800字的文章，最好能加上小標(biāo)題，讓用戶可以預(yù)先掃描是否感興趣等。
6 閉門造車者做出的東西，是遠(yuǎn)遠(yuǎn)趕不上綜合借鑒者的
網(wǎng)頁(yè)技術(shù)更新很快，一個(gè)網(wǎng)站的界面設(shè)計(jì)壽命僅僅2-3年而已。不管是垃圾還是精品，都沒(méi)有所謂的經(jīng)典。經(jīng)典只存在于是那個(gè)首次成功創(chuàng)新性的應(yīng)用。一個(gè)閉門造車者做出的東西，是遠(yuǎn)遠(yuǎn)趕不上綜合借鑒者的。網(wǎng)頁(yè)設(shè)計(jì)不同于其他藝術(shù)，在模仿加創(chuàng)新的網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域當(dāng)中，即便是完全自己設(shè)計(jì)的，也是沿用了人們已經(jīng)認(rèn)同的大部分用戶習(xí)慣，而且這種沿襲的痕跡有時(shí)非常的明顯!還有那個(gè)設(shè)計(jì)者敢腆著臉說(shuō)，這都是我自己的原創(chuàng)設(shè)計(jì)?對(duì)于業(yè)界來(lái)說(shuō)，經(jīng)典只是個(gè)理念和象征!
對(duì)于B2B行業(yè)網(wǎng)站的設(shè)計(jì)，要多參考，多模仿，找出幾十個(gè)同類型的最優(yōu)秀網(wǎng)站來(lái)參考，分析別的網(wǎng)站為什么要這么設(shè)計(jì)，取其精華，去其糟粕，聯(lián)系自己設(shè)計(jì)網(wǎng)站的特點(diǎn)加以改進(jìn)或修改，往往這樣的設(shè)計(jì)才是最成功的設(shè)計(jì)。因?yàn)樽畛晒Φ木W(wǎng)站都是經(jīng)過(guò)多方研究的，他們不僅僅模仿，也有屬于自己的創(chuàng)新，大部分也經(jīng)得起用戶的考驗(yàn)，符合絕大部分用戶的需求。
7 B2B行業(yè)網(wǎng)站大部分的界面應(yīng)弱化，強(qiáng)調(diào)功能和內(nèi)容
B2B行業(yè)門戶網(wǎng)站不同于企業(yè)網(wǎng)站，它存在的最大價(jià)值在于給用戶提供一個(gè)平臺(tái)，提供更多有價(jià)值的內(nèi)容，界面存在的價(jià)值在于輔助、引導(dǎo)用戶更好的去使用這個(gè)平臺(tái)，發(fā)現(xiàn)里面自己感興趣的內(nèi)容，挑選并閱讀，獲得知識(shí)。并不是要濃墨重彩的使用大量的顏色和圖標(biāo)來(lái)表達(dá)頁(yè)面的主題，這個(gè)是一些設(shè)計(jì)B2B行業(yè)網(wǎng)站的人常犯的錯(cuò)誤，尤其是初學(xué)者。
做一個(gè)企業(yè)網(wǎng)站，我們?yōu)槭裁匆褂么蟮膱D片、圖標(biāo)，大面積的顏色去渲染這個(gè)頁(yè)面呢?因?yàn)槊總�(gè)企業(yè)都有其自己獨(dú)特的產(chǎn)品與企業(yè)文化，來(lái)這個(gè)頁(yè)面的讀者都是想了解這個(gè)企業(yè)或產(chǎn)品的，我們需要用設(shè)計(jì)向訪問(wèn)者很直觀的傳遞企業(yè)信息，尤其是很多品牌公司網(wǎng)站。B2B行業(yè)網(wǎng)站的專題設(shè)計(jì)、收費(fèi)服務(wù)介紹等頁(yè)面與建設(shè)企業(yè)網(wǎng)站一樣，需要用大圖片、小圖標(biāo)、大面積的顏色來(lái)襯托頁(yè)面的主題。
8 頁(yè)面要模塊化、可修改性要強(qiáng)
模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎng)站風(fēng)格，還可以降低程序開發(fā)的強(qiáng)度。模塊化的最大好處就是統(tǒng)一網(wǎng)站風(fēng)格，讓用戶無(wú)論在網(wǎng)站的那個(gè)頁(yè)面，也能明白還是在這個(gè)網(wǎng)站，形成了很強(qiáng)的品牌辨識(shí)度。時(shí)刻記住，做網(wǎng)站的最終目標(biāo)，就是做品牌，必須要作為設(shè)計(jì)的指導(dǎo)思想。
無(wú)論是架構(gòu)、模塊或圖片，都要考慮其可修改性。舉個(gè)簡(jiǎn)單的例子：按鈕，很多人喜歡制作圖片，N個(gè)按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片，在網(wǎng)頁(yè)代碼里打上文字，那么修改起來(lái)就簡(jiǎn)單了，讓程序/網(wǎng)頁(yè)制作者自己改字就可以了。然而網(wǎng)頁(yè)顯示的字體是帶有鋸齒的，一般既能清晰又保證美觀的字體字號(hào)有幾類：“宋體 12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+|”等等。
關(guān)于B2B行業(yè)網(wǎng)站頁(yè)面設(shè)計(jì)基礎(chǔ)就講這8點(diǎn)，這將作為設(shè)計(jì)B2B行業(yè)門戶網(wǎng)站的指導(dǎo)思想，也是順利看完本章節(jié)的基礎(chǔ)知識(shí)。也許還有更多的設(shè)計(jì)基礎(chǔ)知識(shí)，待大家自己在工作中去總結(jié)和提升。作為一個(gè)做產(chǎn)品策劃的非設(shè)計(jì)工作者，對(duì)設(shè)計(jì)談的8點(diǎn)看法，希望廣大設(shè)計(jì)者和產(chǎn)品策劃朋友對(duì)李學(xué)江拍磚。
推薦閱讀
【瘋視角】B2B將死誰(shuí)將取代？盤點(diǎn)B2B新勢(shì)力
(速途網(wǎng)專欄 作者：張野)B2B衰落是不爭(zhēng)的事實(shí)，公認(rèn)的原因是：“傳統(tǒng)B2B模式僅僅提供了信息流，無(wú)法滿足目前電商環(huán)境下，商家以及消費(fèi)者的新訴求�！庇谑�，不管是阿里帝國(guó)，還是一些行業(yè)新秀，都希望借此機(jī)會(huì)進(jìn)行模式>>>詳細(xì)閱讀
本文標(biāo)題：8招教您做好B2B行業(yè)網(wǎng)站頁(yè)面設(shè)計(jì)
地址：http://www.sdlzkt.com/a/b2b/20120806/79866.html
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示