行業(yè)門戶網(wǎng)站設(shè)計(jì)的N技巧

網(wǎng)站工程師	于2020-03-17 10:48發(fā)表
閱讀次數(shù)	3672次

　　很多設(shè)計(jì)師認(rèn)為做好了企業(yè)網(wǎng)站就一定能夠做好行業(yè)網(wǎng)站的設(shè)計(jì)，其實(shí)對設(shè)計(jì)來說行業(yè)門戶網(wǎng)站和企業(yè)網(wǎng)站的設(shè)計(jì)截然不同，對整個(gè)網(wǎng)站的創(chuàng)意、風(fēng)格、整體框架布局、文字編排、圖片的合理利用，空間的合理安排上面等…有著許多諸多的要求，需要考慮的面更廣，面對的問題也會(huì)更多。對于一名優(yōu)秀的網(wǎng)站設(shè)計(jì)師來說不能絕不能放過任何一點(diǎn)小細(xì)節(jié)，本篇文章簡述的是設(shè)計(jì)師在做行業(yè)網(wǎng)站時(shí)所需考慮的一些問題。

　　一、網(wǎng)站風(fēng)格/創(chuàng)意

　　風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。整體形象包括站點(diǎn)的版面布局，色彩，字體，瀏覽方式等…。如：我們覺得迪斯尼是生動(dòng)活潑的而IBM則是專業(yè)嚴(yán)肅的。每一個(gè)網(wǎng)站都會(huì)給人們留下的不同感受。這里我們需要做到的是根據(jù)網(wǎng)站的定位做出網(wǎng)站特有的風(fēng)格。除此我們還需要在風(fēng)格同一上需要把握一下，其實(shí)這個(gè)風(fēng)格的統(tǒng)一和傳統(tǒng)的印刷出版物沒什么區(qū)別。你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子用戶看起來舒服、順暢，會(huì)對你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。而企業(yè)網(wǎng)站設(shè)計(jì)師往往就缺乏這一點(diǎn)，沒有全局意思。創(chuàng)意，所謂創(chuàng)意就是不拘一格？某些設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章，做出來確實(shí)不可否認(rèn)很有創(chuàng)意、很別致，但往往對于行業(yè)網(wǎng)站的客戶為什么不能接受呢？此時(shí)不要太責(zé)怪客戶的不識(shí)貨，應(yīng)該反思，抓住客戶的需求。其實(shí)做行業(yè)網(wǎng)站不需要很多大的創(chuàng)意，也不要浪費(fèi)過多的時(shí)間去追求如何個(gè)性、如何好看，我們只需要一點(diǎn)小小的創(chuàng)意貫穿全站，也許會(huì)使網(wǎng)站更生動(dòng)更具有吸引力、更有思想。

　　二、網(wǎng)站LOGO

　　Logo顧名思義就是站點(diǎn)的標(biāo)志圖案，logo最重要的就是用圖形化的方式傳遞網(wǎng)站的定位和經(jīng)營理念、同時(shí)便于人們識(shí)別。網(wǎng)站logo的設(shè)計(jì)過程中一般有以下三種思路：1.直接以網(wǎng)站網(wǎng)址作為logo。2.根據(jù)網(wǎng)站提供的產(chǎn)品/服務(wù)特點(diǎn)展開logo設(shè)計(jì)。3.以傳遞網(wǎng)站運(yùn)營商的經(jīng)營理念為特色。

　　三、視覺流程

　　人們在閱讀某種信息時(shí)，視覺總有一種自然的流動(dòng)習(xí)慣，先看什么，后看什么，再看什么。在心理學(xué)的研究表明，一般的瀏覽習(xí)慣是從上到下、從左到右，在一個(gè)平面上，上松下穩(wěn)而壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。在網(wǎng)頁設(shè)計(jì)中一些突出或推薦的信息通常都放在這個(gè)位置。當(dāng)然這種視覺流程只是一種感覺并非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運(yùn)用，在網(wǎng)頁設(shè)計(jì)中，靈活而合理地運(yùn)用直接影響到傳達(dá)信息的準(zhǔn)確與有效性。

　　四、網(wǎng)頁框架與布局

　　網(wǎng)頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這里就不做一一論述了。其實(shí)在我們在做設(shè)計(jì)的時(shí)候并沒有過多的去考慮什么形式，比如我們在一張紙看到一個(gè)圓形的東西，很容易可以聯(lián)想到它像太陽，而有些人則聯(lián)想到月亮等等…這都是一種形式比喻，最重要的是抓住客戶的需求，把握網(wǎng)站的定位做處合理的框架布局。

　　1、分辨率

　　網(wǎng)頁的整體寬度可分為三種設(shè)置形式：百分比、象素、象素+百分比。通常在網(wǎng)站建設(shè)中以象素形式最為常用，行業(yè)網(wǎng)站也不列外。我們在設(shè)計(jì)網(wǎng)頁的時(shí)候必定會(huì)考慮到分辨率的問題，科技發(fā)展到現(xiàn)在我們通常用的是大屏幕主流分辨率，現(xiàn)在網(wǎng)絡(luò)上很多都是用到1200個(gè)象素的寬度，在800的分辨率下面往往使整個(gè)網(wǎng)頁很壓抑，有種不透氣的感覺，其實(shí)這個(gè)寬度是網(wǎng)頁的最寬寬度，不代表最佳視覺。

　　2、合理廣告

　　在目前一些網(wǎng)站的廣告（彈出廣告、浮動(dòng)廣告、大廣告、banner廣告、通欄廣告等等…）讓人覺得很煩瑣，更本就不愿意來看，有時(shí)連你這個(gè)網(wǎng)站都不上了，這樣一來網(wǎng)站受到了嚴(yán)重的影響、廣告也沒達(dá)到廣告的目的。這些問題都是我們在設(shè)計(jì)網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。

　　浮動(dòng)廣告有兩種，第一種是在網(wǎng)頁兩邊空余的地方可以上下浮動(dòng)的廣告，第二種是滿屏幕到處隨機(jī)移動(dòng)的廣告。建議能使用第一種的情況下盡量使用第一種，不可避免第二種情況時(shí)盡量在數(shù)量上控制最多一個(gè)就好。如果數(shù)量過多會(huì)直接影響到用戶的心理、防挨到用戶瀏覽信息,適得其反。首頁廣告不宜過多適中即可。如在注冊或者某個(gè)購買步驟的頁面上最好不要出現(xiàn)過多的其他無關(guān)的內(nèi)容讓用戶分心，避免客戶流失等…

　　3、空間的合理利用

　　很多的網(wǎng)頁都具有一個(gè)特點(diǎn)，用一個(gè)字來形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動(dòng)畫等不加考慮的塞到頁面上，有多少擠多少，不加以規(guī)范，導(dǎo)致瀏覽時(shí)會(huì)遇到很多的不方便，主要就是頁面主次不分，喧賓奪主，要不就是沒有重點(diǎn)，沒有很好的歸類，整體就像各大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個(gè)“散”字來形容。

　　并非要把整個(gè)頁面塞滿了才不覺得空，也并非讓整個(gè)頁面空曠才不覺得滿，只要合理的安排、有機(jī)的組合，使頁面達(dá)到平衡，既使在一邊的部分大面積留空，同樣不會(huì)讓人感到空，相反這樣會(huì)給人留下廣闊的思考空間，給人回味又達(dá)到了視覺效果。

　　4、文字編排

　　在網(wǎng)頁設(shè)計(jì)中，字體的處理與顏色、版式、圖形化等其他設(shè)計(jì)元素的處理一樣非常關(guān)鍵。

　　4.1文字圖形化

　　文字圖形化就是將文字用圖片的形式來表現(xiàn)，這種形式在頁面的子欄目里面最為常用，因?yàn)樗哂型怀觯瑫r(shí)又美化了頁面，使頁面更加人性化加強(qiáng)了視覺效果。是文字無法達(dá)到的。對于通用性的網(wǎng)站弊端就是擴(kuò)展性不強(qiáng)。

　　4.2強(qiáng)調(diào)文字

　　如果將個(gè)別文字作為頁面的訴求重點(diǎn)，則可以通過加粗、加下劃線、加大號(hào)字體、加指示性符號(hào)、傾斜字體、改變字體顏色等手段有意識(shí)地強(qiáng)化文字的視覺效果，使其在頁面整體中顯得出眾而奪目。這些方法實(shí)際上都是運(yùn)用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

　　五、網(wǎng)站配色

　　1、用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。

　　2、用兩種色彩。先選定一種色彩，然后選擇它的對比色(在Photoshop里按ctrl+shift+I)再進(jìn)行微小的調(diào)整。整個(gè)頁面色彩豐富但不花稍。

　　3、用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。也就是在同一色系里面采用不同的顏色使網(wǎng)頁增加色彩，而又不花，色調(diào)統(tǒng)一。這種配色方法在網(wǎng)站設(shè)計(jì)種最為常用。

　　4、灰色在網(wǎng)頁設(shè)計(jì)中又稱為“萬能色”，其特點(diǎn)是可以和任何顏色搭配，在使用時(shí)把握量避免網(wǎng)頁變灰。在網(wǎng)頁配色中，盡量控制在三種色彩以內(nèi)，以避免網(wǎng)頁花、亂、沒有主色的顯現(xiàn)。背景和前文的對比盡量要大，(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容、也使用戶在瀏覽信息的時(shí)候不會(huì)覺得累。

行業(yè)門戶網(wǎng)站設(shè)計(jì)的N技巧相關(guān)標(biāo)簽：門戶網(wǎng)站的制作，門戶網(wǎng)站的制作，門戶網(wǎng)站開發(fā)，門戶網(wǎng)站系統(tǒng)

相關(guān)熱點(diǎn)推薦

	網(wǎng)站文章被百度秒收錄的
	簡述影響電商商城平臺(tái)開
	門戶的首頁還有多少價(jià)值
	行業(yè)門戶網(wǎng)站的優(yōu)勢
	行業(yè)門戶網(wǎng)站的靠什么盈
	網(wǎng)站如何獲取高質(zhì)量的內(nèi)
	創(chuàng)建地方門戶網(wǎng)站系統(tǒng)有
	如何對電子商務(wù)網(wǎng)頁進(jìn)行
	怎么建設(shè)行業(yè)門戶網(wǎng)站？
	直播電商系統(tǒng)開發(fā)公司詳
	什么是響應(yīng)式網(wǎng)站設(shè)計(jì)
	網(wǎng)絡(luò)安全事件頻發(fā)，全站
	行業(yè)門戶網(wǎng)站如何優(yōu)化才
	行業(yè)門戶網(wǎng)站的優(yōu)化怎么
	別讓過度品牌毀了你的品
	商業(yè)Web站點(diǎn)設(shè)計(jì)策略
	個(gè)人經(jīng)驗(yàn)教訓(xùn)及建議與大
	怎樣對行業(yè)門戶網(wǎng)站營銷
	開發(fā)電子商務(wù)商城系統(tǒng)的
	地方門戶網(wǎng)站最新盈利方
	傳統(tǒng)企業(yè)進(jìn)軍電子商務(wù)的
	行業(yè)門戶網(wǎng)站適用于哪些
	營銷型網(wǎng)站需要注意的問
	地方門戶網(wǎng)站的推廣經(jīng)驗(yàn)
	關(guān)于電子商務(wù)網(wǎng)頁設(shè)計(jì)的
	如何提升一個(gè)網(wǎng)站用戶體
	如何做網(wǎng)站首頁優(yōu)化
	從幾個(gè)文學(xué)網(wǎng)站談文學(xué)網(wǎng)
	關(guān)于音樂試聽網(wǎng)站信息架
	構(gòu)建完善的互聯(lián)網(wǎng)產(chǎn)品文
	大型行業(yè)門戶網(wǎng)站優(yōu)化怎
	信息架構(gòu)：內(nèi)容策略的準(zhǔn)
	用戶體驗(yàn)良好的網(wǎng)站其主
	商業(yè)網(wǎng)站設(shè)計(jì)主要原則
	行業(yè)門戶網(wǎng)站首頁設(shè)計(jì)以
	如何將新聞做成偽原創(chuàng)
	影響采購供應(yīng)商管理系統(tǒng)
	供應(yīng)鏈集成怎么做？如何
	借助互聯(lián)網(wǎng)技術(shù)，推動(dòng)綜
	花卉類行業(yè)網(wǎng)站的建設(shè)方