2023-01-16 分類: 網(wǎng)站建設(shè)
B2B行業(yè)網(wǎng)站有B2B網(wǎng)站和門戶網(wǎng)站的特點(diǎn),這就決定了頁面設(shè)計(jì)和其他網(wǎng)站的一些區(qū)別。本文從理論上探討了網(wǎng)頁設(shè)計(jì)與制作的基本要點(diǎn),供大家參考。有錯(cuò)的地方希望大家批評(píng)指正。
第一,頁面色彩、框架、整體風(fēng)格要嚴(yán)謹(jǐn),充滿商業(yè)氣息
因?yàn)锽2B行業(yè)網(wǎng)站內(nèi)容嚴(yán)謹(jǐn)高端,涉及行業(yè)發(fā)展動(dòng)態(tài)、各種技術(shù)交流、企業(yè)營銷管理知識(shí)等信息,注定內(nèi)容嚴(yán)謹(jǐn)高端;因?yàn)樯婕暗狡髽I(yè)之間的交易推廣、信息交流、交友,所以商業(yè)專欄要表現(xiàn)出濃厚的商業(yè)氛圍,所有的頁面設(shè)計(jì)都是為了商人。
A.頁面的色彩要更加嚴(yán)謹(jǐn),避免非商業(yè)色彩
藍(lán)、紅、黃是B2B網(wǎng)站常用的主要顏色,其中幾種顏色經(jīng)常一起使用。當(dāng)然,在使用的過程中,這些顏色之外的顏色也經(jīng)常一起使用,或者顏色逐漸變化。
衍生的顏色有:深藍(lán)色、深紅色、鮮紅色、橙色、橙黃色、灰色等。,這里沒有列出。配色是設(shè)計(jì)師自己定的,最后我們會(huì)審核。
禁忌使用下列顏色作為主色調(diào):
綠色:綠色更多的象征著自然、純潔、自然等含義。不符合B2B行業(yè)網(wǎng)站嚴(yán)謹(jǐn)和商業(yè)化的特點(diǎn)??梢宰鳛槌壬图t色的搭配色,但建議不要作為主色調(diào)。
粉色:這個(gè)顏色更多的是女性化和溫暖。即使是以女性用品為特色的行業(yè),也不能用。作為搭配色,要盡量少用。畢竟離用戶的需求還很遠(yuǎn)。
黑色:黑色和灰色是可以用于頁面大部分文字的顏色,但不能作為B2B網(wǎng)站的主色調(diào)。
B.頁面的標(biāo)題欄和導(dǎo)航欄要更方正,更規(guī)整
作為一個(gè)企業(yè)網(wǎng)站,一個(gè)時(shí)尚的網(wǎng)站,或者為了表達(dá)時(shí)尚活潑的主題,網(wǎng)站設(shè)計(jì)可以更活潑一些,圓形或者不規(guī)則排版,但是作為一個(gè)B2B網(wǎng)站,不能這樣設(shè)計(jì)。
每個(gè)部分要區(qū)分清楚,每個(gè)區(qū)域要規(guī)整,使用的圖片和背景要嚴(yán)謹(jǐn)。不能把網(wǎng)站的標(biāo)題欄和導(dǎo)航欄設(shè)計(jì)成傾斜的圖片,大橢圓,大圖標(biāo),卡通圖標(biāo),活潑的圖形。
C.整體風(fēng)格要嚴(yán)謹(jǐn),充滿商業(yè)氣息
網(wǎng)站的整體風(fēng)格比顏色和標(biāo)題欄設(shè)計(jì)更重要。某個(gè)搭配顏色比較活潑時(shí)尚,不會(huì)影響整體風(fēng)格。圖片不規(guī)則,或者網(wǎng)頁中內(nèi)容圖片不規(guī)則,對(duì)整體感覺不會(huì)有太大影響。整體頁面風(fēng)格不能花哨。要減少邊框和背景對(duì)閱讀內(nèi)容的影響和頁面的噪音。整體風(fēng)格要優(yōu)雅,讓游客靜下心來思考。
第二,內(nèi)容和功能決定了表現(xiàn)形式和界面設(shè)計(jì)
頁面設(shè)計(jì)沒有固定的標(biāo)準(zhǔn)。很多時(shí)候,我們不能用美丑,或者有沒有創(chuàng)意來評(píng)判它。而是要綜合分析這個(gè)頁面的訪問者、內(nèi)容、功能。有時(shí)候一點(diǎn)創(chuàng)意都沒有,和其他很多網(wǎng)站差不多,是好的,因?yàn)榫蛻?yīng)該這樣。任何設(shè)計(jì)和功能都是為訪客和用戶服務(wù)的,設(shè)計(jì)師的分析能力遠(yuǎn)比創(chuàng)意重要。
示例:
如果用戶注冊(cè)頁面頭部有很多導(dǎo)航欄,左側(cè)或右側(cè)有很多精彩的內(nèi)容推薦,圖標(biāo)設(shè)計(jì)精美,那就錯(cuò)了。這個(gè)頁面上的鏈接越少越好,頁面越簡單。引導(dǎo)用戶靜下心來填寫真實(shí)豐富的內(nèi)容才是最重要的,否則用戶可能操作一半就麻煩了,還有更好的內(nèi)容吸引他,他就不會(huì)再填寫了。
設(shè)計(jì)者在設(shè)計(jì)任何一個(gè)頁面之前,一定要靜下心來,想一想這個(gè)頁面在表達(dá)什么,或者說是一種什么樣的功能,然后根據(jù)內(nèi)容和功能來確定表現(xiàn)形式。在規(guī)劃網(wǎng)站的時(shí)候,對(duì)于設(shè)計(jì)師來說,需要初步考慮頁面的表現(xiàn)形式。
第三,多使用成語,不要輕易使用一個(gè)新的用法
所謂習(xí)慣用法,是指用戶經(jīng)常使用的網(wǎng)站,或者知名網(wǎng)站用法,這往往是用戶的習(xí)慣,因?yàn)橹W(wǎng)站的用戶數(shù)量最多,用戶最認(rèn)可。同一個(gè)功能,或者不會(huì)因網(wǎng)站不同而改變表達(dá)方式的功能,可以用成語。
比如我們來到一個(gè)新的網(wǎng)站,往往需要了解網(wǎng)站的介紹,主辦方的聯(lián)系方式等信息。習(xí)慣是在網(wǎng)站底部找這些信息。大部分網(wǎng)站底部都有一排鏈接來表達(dá)。如果你設(shè)計(jì)網(wǎng)站,你想很有創(chuàng)新性,如果你不把這些鏈接放在底部,用戶會(huì)覺得不舒服。
對(duì)于設(shè)計(jì)師來說,即使這樣的熟悉讓你覺得雷同無趣,一點(diǎn)創(chuàng)新都沒有,你還是要這樣用。但這并不意味著我們不需要?jiǎng)?chuàng)新。相反,在規(guī)劃設(shè)計(jì)工作中,我們需要大膽創(chuàng)新。如果我們不打算使用一個(gè)習(xí)語,規(guī)劃者和設(shè)計(jì)者必須確認(rèn)這個(gè)新用法具有以下兩個(gè)特征:
(1)同樣清楚,同樣不言而喻:只是更好的表達(dá)方式,本質(zhì)上和原來沒有太大變化,也讓用戶一眼就明白不是完全憑空創(chuàng)新,而是比原來更好。
(2)它帶來了巨大的價(jià)值,值得用戶努力學(xué)習(xí):雖然這個(gè)功能從未見過,但我們確認(rèn)它能帶來質(zhì)的變化,而不僅僅是改變用戶不習(xí)慣的功能和界面。比如以前大部分網(wǎng)站都是一步到位注冊(cè)的?,F(xiàn)在注冊(cè)會(huì)員的話,很多網(wǎng)站都分兩三步。為什么要這樣設(shè)計(jì)?因?yàn)橐顚懙膬?nèi)容太多,所以把內(nèi)容分成幾個(gè)步驟,用戶更容易接受。
第四,建立清晰的視覺層次,讓用戶在視覺上區(qū)分
頁面有層次感,一眼就能看出哪些重要,哪些次要。每個(gè)部分表達(dá)的內(nèi)容都非常清晰,用戶可以快速找到自己關(guān)注的部分。反之,頁面凌亂,結(jié)構(gòu)不清晰,用戶來到頁面不知道重點(diǎn)是什么。網(wǎng)民的耐心很差。很難在30秒內(nèi)找到他們感興趣的內(nèi)容,所以他們可能找不到。他們認(rèn)為網(wǎng)站對(duì)他們不感興趣,或者他們以后根本不會(huì)來。但是,其實(shí)網(wǎng)站是有他想要的內(nèi)容或者他想要使用的功能的,只是因?yàn)轫撁嬖O(shè)計(jì)不好,不能更快的找到。
A.越重要的部分,越突出
在一個(gè)頁面上,如果沒有焦點(diǎn),用戶會(huì)花很多時(shí)間在所有相同的內(nèi)容中尋找自己喜歡的內(nèi)容和功能,這對(duì)用戶來說是不友好的。用戶經(jīng)常使用和閱讀的內(nèi)容越多,就越重要。用戶會(huì)在最短的時(shí)間內(nèi)獲得最關(guān)注的內(nèi)容和功能,吸引他們留下來。
在頁面設(shè)計(jì)中,突出重點(diǎn)內(nèi)容的方法有很多,常用的有:加粗字體、較大的字號(hào)、文字顏色與周圍顏色不同、文字前面有顯眼的圖標(biāo)、圖片或顏色作為背景等等。
B.與功能或內(nèi)容相關(guān)的部分也要有視覺上的關(guān)聯(lián)
與功能或內(nèi)容相關(guān)的視覺部分也要有關(guān)聯(lián),因?yàn)橛脩魭呙钑r(shí),與視覺相關(guān)的部分會(huì)一起掃描,否則容易被忽略,同時(shí)也很亂。常用的方法是用同一個(gè)方框、同一個(gè)背景、同一個(gè)圖標(biāo)來表達(dá)相關(guān)的功能或內(nèi)容。
C.功能或內(nèi)容的邏輯包含部分也應(yīng)該在視覺上嵌套
所謂邏輯包含,就是從邏輯的角度進(jìn)行推理。應(yīng)該屬于收錄,比如B2B行業(yè)網(wǎng)站的上游原材料和設(shè)備。如果把這兩部分放在一個(gè)頁面上,就要把設(shè)備和原材料分開設(shè)計(jì),但是原材料和設(shè)備模塊本身會(huì)包含很多不同的內(nèi)容。為了讓要采購的企業(yè)快速找到想要的產(chǎn)品,要嵌套在設(shè)備模塊和原材料模塊里面。
第五,參觀者在瀏覽而不是閱讀
用于導(dǎo)航頁面、主頁等。,用戶會(huì)多掃描獲取自己感興趣的內(nèi)容。對(duì)于內(nèi)容的最后一頁,用戶在閱讀之前還會(huì)對(duì)大致內(nèi)容進(jìn)行掃描。對(duì)于過長的文章或內(nèi)容,要看是否有副標(biāo)題。如果有,就要掃一掃小標(biāo)題,看看有沒有興趣,然后再繼續(xù)看。一般來說,用戶會(huì)先掃描以下內(nèi)容:
A.與手頭的任務(wù)有關(guān),我們迫切需要知道的。
B.我們當(dāng)前或者接下來的個(gè)人興趣,比如:想購買一批機(jī)器,找工作;
C.在我們的腦海里有一些根深蒂固的詞匯,比如“免費(fèi)”、“打折”、“美女”。B2B網(wǎng)站用戶會(huì)感興趣:比如業(yè)內(nèi)最具爆炸性的新聞,知名公司老板的動(dòng)向,最新購買等。
我們?cè)谝?guī)劃設(shè)計(jì)網(wǎng)站的頁面,編輯網(wǎng)站的內(nèi)容時(shí),要時(shí)刻記住,用戶不是在閱讀,而是在掃描,這樣才能一以貫之地貫徹這一理念。會(huì)指導(dǎo)很多正確的策劃設(shè)計(jì),比如:重要內(nèi)容要頭條,加粗;每個(gè)模塊都可以盡量圖文并茂,讓讀者在掃描時(shí)能看到圖片,更容易引起興趣;我們應(yīng)該對(duì)廣告文案進(jìn)行總結(jié)和提煉,以吸引他們的興趣。在編輯文章和內(nèi)容的時(shí)候,好給800字以上的文章加上小標(biāo)題,讓用戶可以提前掃描自己是否感興趣。
第六,關(guān)起門來做的東西,遠(yuǎn)遠(yuǎn)跟不上綜合參考
網(wǎng)頁更新快,一個(gè)網(wǎng)站的界面設(shè)計(jì)壽命只有2-3年。沒有所謂的經(jīng)典,無論是垃圾還是精品。經(jīng)典的存在是第一個(gè)成功的創(chuàng)新應(yīng)用。一個(gè)幕后人做出來的東西,遠(yuǎn)遠(yuǎn)落后于綜合參考人。網(wǎng)頁設(shè)計(jì)不同于其他藝術(shù)。在模仿創(chuàng)新的網(wǎng)頁設(shè)計(jì)領(lǐng)域,即使完全是自己設(shè)計(jì)的,也依然遵循著人們?cè)缫鸭s定的大部分用戶習(xí)慣。
對(duì)于B2B行業(yè)網(wǎng)站的設(shè)計(jì),要參考和模仿幾十個(gè)同類型好的網(wǎng)站進(jìn)行借鑒,分析其他網(wǎng)站為什么要這樣設(shè)計(jì),取其精華去其糟粕,根據(jù)自己設(shè)計(jì)的網(wǎng)站的特點(diǎn)進(jìn)行改進(jìn)或修改,往往是最成功的設(shè)計(jì)。因?yàn)樽畛晒Φ木W(wǎng)站都是經(jīng)過多方研究的,不僅有模仿,還有自己的創(chuàng)新,而且大部分都是經(jīng)得起用戶考驗(yàn),滿足大部分用戶需求的。
第七,B2B行業(yè)網(wǎng)站大部分界面要弱化,強(qiáng)調(diào)功能和內(nèi)容
B2B門戶網(wǎng)站不同于企業(yè)網(wǎng)站。它大的價(jià)值在于為用戶提供了一個(gè)平臺(tái)和更有價(jià)值的內(nèi)容。界面的價(jià)值在于輔助和引導(dǎo)用戶更好地使用這個(gè)平臺(tái),找到自己感興趣的內(nèi)容,選擇閱讀,獲取知識(shí)。不是用大量的顏色和圖標(biāo)來表達(dá)頁面的主題。這是一些設(shè)計(jì)B2B網(wǎng)站的人,尤其是新手,經(jīng)常犯的錯(cuò)誤。
做一個(gè)企業(yè)網(wǎng)站,為什么要用大圖、圖標(biāo)、大面積的顏色來渲染這個(gè)頁面?因?yàn)槊總€(gè)企業(yè)都有自己獨(dú)特的產(chǎn)品和企業(yè)文化,來到這個(gè)頁面的讀者都想了解這個(gè)企業(yè)或產(chǎn)品,我們需要用設(shè)計(jì)向訪問者直觀地傳達(dá)企業(yè)信息,尤其是很多品牌公司的網(wǎng)站。B2B網(wǎng)站的頁面和建筑企業(yè)的網(wǎng)站一樣,如主題設(shè)計(jì)、收費(fèi)服務(wù)介紹等,都需要大圖、小圖標(biāo)、大面積的色彩來襯托頁面的主題。
第八,頁面應(yīng)該是模塊化的,可修改的
模塊化不僅可以提高復(fù)用性,還可以統(tǒng)一網(wǎng)站風(fēng)格,降低程序開發(fā)強(qiáng)度。模塊化大的好處就是統(tǒng)一了網(wǎng)站風(fēng)格,讓用戶明白自己是在網(wǎng)站的那個(gè)頁面,還是在這個(gè)網(wǎng)站,從而形成強(qiáng)大的品牌識(shí)別。永遠(yuǎn)記住,網(wǎng)站的最終目的是做品牌,這一定是設(shè)計(jì)的指導(dǎo)思想。
網(wǎng)頁題目:成都網(wǎng)站設(shè)計(jì)B2B網(wǎng)站技巧有什么?
URL分享:http://m.rwnh.cn/news3/230653.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、微信小程序、網(wǎng)站收錄、做網(wǎng)站、網(wǎng)站改版、網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容