中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

高校網(wǎng)站設(shè)計(jì)中B2B網(wǎng)站的頁面設(shè)計(jì)技巧

2024-01-26    分類: 網(wǎng)站建設(shè)

大學(xué)網(wǎng)站設(shè)計(jì),我想大家都知道B2B行業(yè)網(wǎng)站有B2B網(wǎng)站和門戶網(wǎng)站的特點(diǎn),這就決定了頁面設(shè)計(jì)和其他網(wǎng)站的一些區(qū)別。這里從理論上探討一下頁面設(shè)計(jì)制作的基本點(diǎn),供大家參考。歡迎大家批評指正。

首先,頁面顏色、框架和整體風(fēng)格要嚴(yán)謹(jǐn),充滿商業(yè)氣息

因?yàn)锽2B行業(yè)網(wǎng)站嚴(yán)謹(jǐn)高端,涉及行業(yè)發(fā)展趨勢、各種技術(shù)交流、企業(yè)營銷管理知識等信息,注定嚴(yán)謹(jǐn)高端;因?yàn)樯婕暗綐I(yè)務(wù)推廣、信息交流、交友等。企業(yè)之間,商務(wù)欄目要表現(xiàn)出濃厚的商務(wù)氛圍,所有頁面設(shè)計(jì)都是針對商人的。

A頁的色彩要更嚴(yán)謹(jǐn),避免非商業(yè)色彩。

藍(lán)、紅、黃是B2B網(wǎng)站常用的主色調(diào),經(jīng)常幾種顏色一起使用。當(dāng)然,在使用過程中,這些顏色之外的顏色也經(jīng)常一起使用,或者顏色逐漸變化。

衍生顏色包括:深藍(lán)色、深紅色、鮮紅色、橙色、橙黃色、灰色等。,這里沒有列出。配色方案由設(shè)計(jì)師決定。最后,我們來復(fù)習(xí)一下。

禁止使用以下顏色作為主色:

綠色:綠色象征著自然、純潔、自然等含義。不符合B2B行業(yè)網(wǎng)站嚴(yán)謹(jǐn)和商業(yè)化的特點(diǎn)。可以作為橙色和紅色的搭配色,但建議不要作為主色調(diào)。

粉色:這種顏色更女性化,更溫暖。哪怕是以女性用品為特色的行業(yè),也不能用。作為搭配色,要盡量少用。畢竟離用戶的需求還很遠(yuǎn)。

黑色:黑色和灰色是可以用于頁面大部分文字的顏色,但不能作為B2B網(wǎng)站的主色調(diào)。

b .頁面的標(biāo)題欄和導(dǎo)航欄要更方正,更規(guī)整。

作為一個企業(yè)網(wǎng)站,一個時尚的網(wǎng)站,或者為了表達(dá)時尚活潑的主題,網(wǎng)站設(shè)計(jì)可以更活潑一些,有圓形或者不規(guī)則的排版,但是作為一個B2B網(wǎng)站,不能這樣設(shè)計(jì)。

每個部分要區(qū)分清楚,每個區(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ì)更重要。某個配色比較活潑時尚,不會影響整體風(fēng)格。不規(guī)則的圖片,或者網(wǎng)頁中內(nèi)容的不規(guī)則圖片,對整體感覺不會有太大影響。整體頁面風(fēng)格不要花哨。要減少框架和背景對閱讀內(nèi)容的影響,降低頁面的噪點(diǎn)。整體風(fēng)格要優(yōu)雅,讓游客靜下心來思考。

其次,內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計(jì)

頁面設(shè)計(jì)沒有固定的標(biāo)準(zhǔn)。很多時候,我們不能以美丑來評判,也不能以創(chuàng)意來評判。而是要綜合分析這個頁面的訪問者、內(nèi)容、功能。有時候一點(diǎn)創(chuàng)意都沒有。和其他很多網(wǎng)站差不多,也是最好的,因?yàn)閼?yīng)該是這樣的。任何設(shè)計(jì)和功能都是為訪客和用戶服務(wù)的,設(shè)計(jì)師的分析能力遠(yuǎn)比創(chuàng)意重要。

示例:

如果用戶注冊頁面頂部有很多導(dǎo)航欄,左右有很多精彩的內(nèi)容推薦,設(shè)計(jì)精美的圖標(biāo),那就錯了。這個頁面上的鏈接越少越好,頁面越簡單。最重要的是引導(dǎo)用戶靜下心來填寫真實(shí)豐富的內(nèi)容,否則用戶可能操作一半就麻煩了,如果有更好的內(nèi)容吸引他,他就不會再填寫了。

設(shè)計(jì)師在設(shè)計(jì)任何一個頁面之前,一定要靜下心來,想一想這個頁面在表達(dá)什么,或者是一種什么樣的功能,然后根據(jù)內(nèi)容和功能來確定表現(xiàn)形式。在規(guī)劃網(wǎng)站時,設(shè)計(jì)師需要考慮頁面的形式。詳見第四版B2B行業(yè)門戶網(wǎng)站規(guī)劃研究報告第八章,系統(tǒng)闡述了這一問題。

第三,多使用成語,不要輕易使用新的用法。

所謂習(xí)慣用法,是指用戶經(jīng)常使用的網(wǎng)站,或者知名網(wǎng)站的用法。這往往是用戶的習(xí)慣,因?yàn)橹W(wǎng)站的用戶數(shù)量最多,用戶的認(rèn)可度最高。同一個功能,或者不會因?yàn)榫W(wǎng)站不同而改變表達(dá)方式的功能,可以用成語。

比如我們來到一個新的網(wǎng)站,往往需要了解網(wǎng)站的介紹,贊助商的聯(lián)系方式等信息。按照慣例,可以在網(wǎng)站底部找到這些信息。大部分網(wǎng)站底部都有一排鏈接來表達(dá)。如果你設(shè)計(jì)一個網(wǎng)站,你想非常創(chuàng)新,如果你不把這些鏈接放在底部,用戶會感到不舒服。

對于設(shè)計(jì)師來說,即使這樣的熟悉讓你覺得雷同無趣,一點(diǎn)創(chuàng)新都沒有,你還是要這么用。但這并不意味著我們不需要創(chuàng)新。相反,在規(guī)劃設(shè)計(jì)工作中,我們需要大膽創(chuàng)新。如果我們不打算使用一個習(xí)慣用法,規(guī)劃者和設(shè)計(jì)者必須確認(rèn)這個新用法有以下兩個特征:

(1)同樣清晰不言而喻:只是更好的表達(dá)方式,本質(zhì)上和原著沒有太大變化。也讓用戶一目了然,這不是一個完全無中生有的創(chuàng)新,而是比原來更好。

(2)它帶來了巨大的價值,值得用戶努力學(xué)習(xí):雖然這個功能從未見過,但我們確認(rèn)它能帶來質(zhì)變,而不僅僅是改變用戶不習(xí)慣的功能和界面。比如以前大部分網(wǎng)站都是一步到位注冊的?,F(xiàn)在很多網(wǎng)站注冊會員都要兩三步。為什么要這樣設(shè)計(jì)?因?yàn)橐顚懙膬?nèi)容太多,用戶更容易把內(nèi)容分成幾個步驟。

第四,建立清晰的視覺層級,讓用戶在視覺上進(jìn)行區(qū)分。

頁面有層次感,一眼就能看出哪些是重要的,哪些是次要的。每個部分的內(nèi)容都非常清晰,用戶可以快速找到自己關(guān)注的部分。反之,頁面凌亂,結(jié)構(gòu)不清晰,用戶來到頁面不知道重點(diǎn)是什么。網(wǎng)友耐心差。很難在30秒內(nèi)找到自己感興趣的東西,所以可能找不到。他們認(rèn)為網(wǎng)站對他們不感興趣,或者根本不會來。但是,其實(shí)網(wǎng)站有他想要的內(nèi)容或者他想要使用的功能,只是因?yàn)轫撁嬖O(shè)計(jì)不好,找不到更快而已。

越重要的部分越突出。

a在一個頁面上,如果沒有焦點(diǎn),用戶會花很多時間在所有相同的內(nèi)容中尋找自己喜歡的內(nèi)容和功能,對用戶不友好。用戶經(jīng)常使用和閱讀的內(nèi)容越多,它就越重要。用戶會在最短的時間內(nèi)獲得最關(guān)注的內(nèi)容和功能,吸引他們留下來。

在頁面設(shè)計(jì)中,突出重點(diǎn)內(nèi)容的方法有很多,比如加粗字體、放大字號、文字與周圍顏色不同、文字前醒目圖標(biāo)、圖片或顏色作為背景等。,主要介紹在《B2B行業(yè)門戶設(shè)計(jì)與開發(fā)研究報告》的第三章。

b與功能或內(nèi)容相關(guān)的部分也要有視覺上的關(guān)聯(lián)。

與功能或內(nèi)容相關(guān)的視覺部分也要有關(guān)聯(lián),因?yàn)橛脩魭呙钑r,視覺部分會一起掃描,否則很容易被忽略,同時也很凌亂。常用的方法是用同一個方框,同一個背景,同一個圖標(biāo)來表達(dá)相關(guān)的功能或內(nèi)容。

功能或內(nèi)容的邏輯部分也應(yīng)該在視覺上嵌套。

所謂邏輯包含,就是從邏輯的角度進(jìn)行推理。應(yīng)該是包容性的,比如B2B行業(yè)網(wǎng)站的上游原材料和設(shè)備。如果把這兩部分放在一個頁面上,那么設(shè)備和原材料應(yīng)該是分開設(shè)計(jì)的,但是原材料和設(shè)備模塊本身會包含很多不同的內(nèi)容。為了讓想要采購的企業(yè)快速找到想要的產(chǎn)品,應(yīng)該嵌套在設(shè)備模塊和原材料模塊里面。

第五,訪問者在掃描而不是閱讀

《不要讓我思考》這本書說:這是少數(shù)幾個被證明的事實(shí)之一,訪問者不是在閱讀,而是在瀏覽。人們花很少的時間閱讀大多數(shù)網(wǎng)頁。相反,我們只是瀏覽網(wǎng)頁,尋找能吸引我們注意力的單詞或短語。& rdquo用于導(dǎo)航頁面、主頁等。,用戶會多掃描獲取自己感興趣的東西。對于最后一頁的內(nèi)容,用戶在閱讀前也會對大致內(nèi)容進(jìn)行掃描。對于過長的文章或內(nèi)容,要看是否有副標(biāo)題。如果是的話,瀏覽一下副標(biāo)題,看看他們是否感興趣,然后繼續(xù)閱讀。通常,用戶會首先掃描以下內(nèi)容:

A.與手頭的任務(wù)有關(guān),我們迫切需要知道。

B.我們當(dāng)前或者接下來的個人興趣,比如:想買一批機(jī)器,找工作;

C.我們腦子里有一些根深蒂固的詞,比如& ldquo免費(fèi)& rdquo、& ldquo折扣& rdquo、& ldquo美& rdquo。B2B網(wǎng)站用戶會感興趣的:比如業(yè)內(nèi)最具爆炸性的新聞,著名公司老板的動向,最新的采購等。

在規(guī)劃設(shè)計(jì)網(wǎng)站頁面、編輯網(wǎng)站內(nèi)容的時候,我們要時刻記住,用戶不是在閱讀,而是在掃描,這樣才能一以貫之地貫徹這個理念。會指導(dǎo)很多正確的規(guī)劃設(shè)計(jì),比如:重要內(nèi)容要有標(biāo)題,加粗;每個模塊都可以盡量圖文并茂,讓讀者在掃描時看到圖片,更容易引起興趣;我們應(yīng)該對廣告文案進(jìn)行總結(jié)和提煉,以吸引他們的興趣。在編輯文章和內(nèi)容時,最好給800字以上的文章加副標(biāo)題,讓用戶提前掃描是否感興趣。

第六,人們閉門造車,遠(yuǎn)遠(yuǎn)落后于綜合參考

網(wǎng)頁更新快,一個網(wǎng)站界面的設(shè)計(jì)壽命只有2-3年。沒有所謂的經(jīng)典,不管是垃圾還是精品。經(jīng)典的存在是第一次成功的創(chuàng)新應(yīng)用。幕后人做的東西遠(yuǎn)遠(yuǎn)落后于綜合參考人。網(wǎng)頁設(shè)計(jì)不同于其他藝術(shù)。在網(wǎng)頁設(shè)計(jì)的模仿和創(chuàng)新領(lǐng)域,即使完全是自己設(shè)計(jì)的,也遵循了大部分人們已經(jīng)認(rèn)同的用戶習(xí)慣,而且這種繼承的痕跡有時候非常明顯!更何況設(shè)計(jì)師還敢一臉羞澀的說這些都是我自己的原創(chuàng)設(shè)計(jì)?對于行業(yè)來說,經(jīng)典只是一個概念和符號!

對于B2B行業(yè)網(wǎng)站的設(shè)計(jì),要參考和模仿幾十個同類型最好的網(wǎng)站進(jìn)行借鑒,分析為什么其他網(wǎng)站要這樣設(shè)計(jì),取其精華去其糟粕,根據(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)站。它大的價值在于為用戶提供了一個平臺和更有價值的內(nèi)容。界面的價值在于幫助和引導(dǎo)用戶更好地使用這個平臺,找到自己感興趣的內(nèi)容,選擇閱讀,獲取知識。沒有太多的顏色和圖標(biāo)被用來表達(dá)網(wǎng)頁的主題。這是一些設(shè)計(jì)B2B網(wǎng)站的人,尤其是新手,經(jīng)常犯的錯誤。

作為一個企業(yè)網(wǎng)站,為什么要用大圖、大圖標(biāo)、大面積的顏色來渲染這個頁面?因?yàn)槊總€企業(yè)都有自己獨(dú)特的產(chǎn)品和企業(yè)文化,來到這個頁面的讀者都想了解這個企業(yè)或產(chǎn)品。我們需要用設(shè)計(jì)把企業(yè)的信息直觀地傳達(dá)給訪問者,尤其是很多品牌公司的網(wǎng)站。像建筑企業(yè)的網(wǎng)站,B2B網(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)站,從而形成強(qiáng)大的品牌識別。永遠(yuǎn)記住,網(wǎng)站的最終目的是做品牌,這一定是設(shè)計(jì)的指導(dǎo)思想。如何打造B2B行業(yè)網(wǎng)站的品牌,在《B2B行業(yè)門戶網(wǎng)站推廣實(shí)用秘籍》中有系統(tǒng)的講解。

無論是架構(gòu)、模塊還是畫面,都要考慮其可修改性。舉個簡單的例子:按鈕。很多人喜歡畫畫。N個按鈕就是N張圖片。如果只做3-5個按鈕的背景圖,在網(wǎng)頁代碼中鍵入文字,修改起來會比較容易,讓程序/網(wǎng)頁制作者自己修改文字。但是,網(wǎng)頁上顯示的字體參差不齊。有幾種類型的字體通??梢郧逦烙^:& ldquo宋12px |宋12px Bold |宋14px |宋14px Bold | Bold 20px | verdana 9px | arial back 12px+| & rdquo;等一下。

非常感謝您讀完創(chuàng)新互聯(lián)的這篇文章:"高校網(wǎng)站設(shè)計(jì)中B2B網(wǎng)站的頁面設(shè)計(jì)技巧",僅為提供更多信息供用戶參考使用或?yàn)閷W(xué)習(xí)交流的方便。我們公司提供:網(wǎng)站建設(shè)、網(wǎng)站制作、官網(wǎng)建設(shè)、SEO優(yōu)化、小程序制作等服務(wù),歡迎聯(lián)系我們提供您的需求。

網(wǎng)站題目:高校網(wǎng)站設(shè)計(jì)中B2B網(wǎng)站的頁面設(shè)計(jì)技巧
當(dāng)前鏈接:http://m.rwnh.cn/news6/315606.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序微信公眾號、定制網(wǎng)站、App開發(fā)網(wǎng)站排名、做網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)
会泽县| 万州区| 邛崃市| 鸡泽县| 台南县| 共和县| 望谟县| 德惠市| 安达市| 华坪县| 鱼台县| 晋宁县| 清涧县| 长岛县| 新宁县| 蒲江县| 太原市| 平安县| 眉山市| 崇义县| 三亚市| 梁河县| 工布江达县| 徐州市| 南开区| 郸城县| 阿勒泰市| 维西| 双城市| 大港区| 新巴尔虎右旗| 成武县| 绵阳市| 鸡泽县| 于都县| 镇宁| 孟津县| 汤原县| 炎陵县| 南平市| 读书|