知識普及 ? 行業(yè)門戶網(wǎng)站設(shè)計的N技巧

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

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

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

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

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

　　二、網(wǎng)站LOGO

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

　　三、視覺流程

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

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

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

　　1、分辨率

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

　　2、合理廣告

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

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

　　3、空間的合理利用

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

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

　　4、文字編排

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

　　4.1文字圖形化

　　文字圖形化就是將文字用圖片的形式來表現(xiàn)，這種形式在頁面的子欄目里面最為常用，因為它具有突出，同時又美化了頁面，使頁面更加人性化加強了視覺效果。是文字無法達到的。對于通用性的網(wǎng)站弊端就是擴展性不強。

　　4.2強調(diào)文字

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

　　五、網(wǎng)站配色

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

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

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

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

行業(yè)門戶網(wǎng)站設(shè)計的N技巧相關(guān)標簽：行業(yè)門戶網(wǎng)站建設(shè)，門戶網(wǎng)站的制作，建門戶網(wǎng)站，門戶網(wǎng)站設(shè)計

相關(guān)熱點推薦

	如何讓百度收錄更多的網(wǎng)
	供應(yīng)鏈管理系統(tǒng)開發(fā)公司
	自己網(wǎng)站的排名掉下來了
	怎樣使地方門戶網(wǎng)站盈利
	如何增強電商網(wǎng)站用戶吸
	開發(fā)電子商務(wù)商城系統(tǒng)的
	傳統(tǒng)企業(yè)進軍電子商務(wù)的
	旅游網(wǎng)站電商系統(tǒng)開發(fā)方
	個人經(jīng)驗教訓(xùn)及建議與大
	創(chuàng)建地方門戶網(wǎng)站有哪些
	行業(yè)門戶網(wǎng)站如何優(yōu)化才
	網(wǎng)友只用50毫秒就可判
	哪些網(wǎng)站適合做個性化？
	電商網(wǎng)站如何利用百度知
	怎么建行業(yè)門戶網(wǎng)站
	行業(yè)門戶網(wǎng)站設(shè)計理念
	農(nóng)村電商平臺有哪些盈利
	酒店電商平臺解決方案
	行業(yè)門戶網(wǎng)站的設(shè)計思考
	如何搭建一個誘人的垂直
	行業(yè)門戶網(wǎng)站優(yōu)化思路
	垂直門戶網(wǎng)站的內(nèi)容層次
	行業(yè)門戶網(wǎng)站怎么做
	行業(yè)門戶網(wǎng)站掙錢嗎？
	網(wǎng)站生命力之改進和維護
	個人網(wǎng)站的常見五大弊病
	地方性新聞網(wǎng)站內(nèi)容建設(shè)
	怎么解決電商運營規(guī)劃定
	搜索引擎蜘蛛理解相關(guān)性
	談一談搭建電商網(wǎng)站系統(tǒng)
	如何做好網(wǎng)站設(shè)計？
	借助互聯(lián)網(wǎng)技術(shù)，推動綜
	注意這五大營銷細節(jié)能讓
	行業(yè)門戶網(wǎng)站的優(yōu)化
	高品質(zhì)汽車行業(yè)數(shù)字化解
	行業(yè)門戶網(wǎng)站常用的模塊
	怎么組建地方門戶網(wǎng)站？
	網(wǎng)站目錄（導(dǎo)航）設(shè)計問
	中文網(wǎng)站設(shè)計風(fēng)格分析
	VR虛擬實境也能進入青

好爽快点伸进去视频在线观看_内射人妻视频_国产亚洲精品无码专区高清_国产微拍一区二区三区四区

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