知識(shí)普及 ? 行業(yè)網(wǎng)站設(shè)計(jì)心得

行業(yè)網(wǎng)站設(shè)計(jì)心得

奈薇網(wǎng)站制作	于2019-12-20 20:36發(fā)表
閱讀次數(shù)	4526次

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

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

　　風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。整體形象包括站點(diǎn)的版面布局，色彩，字體，瀏覽方式等…。如：我們覺(jué)得迪斯尼是生動(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)的印刷出版物沒(méi)什么區(qū)別。你網(wǎng)頁(yè)上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子用戶看起來(lái)舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。而企業(yè)網(wǎng)站設(shè)計(jì)師往往就缺乏這一點(diǎn)，沒(méi)有全局意思。

　　創(chuàng)意，所謂創(chuàng)意就是不拘一格？某些設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章，做出來(lái)確實(shí)不可否認(rèn)很有創(chuàng)意、很別致，但往往對(duì)于行業(yè)網(wǎng)站的客戶為什么不能接受呢？此時(shí)不要太責(zé)怪客戶的不識(shí)貨，應(yīng)該反思，抓住客戶的需求。其實(shí)做行業(yè)網(wǎng)站不需要很多大的創(chuàng)意，也不要浪費(fèi)過(guò)多的時(shí)間去追求如何個(gè)性、如何好看，我們只需要一點(diǎn)小小的創(chuàng)意貫穿全站，也許會(huì)使網(wǎng)站更生動(dòng)更具有吸引力、更有思想，比如中國(guó)現(xiàn)車交易網(wǎng)(http://www.8585pk.com/)就是一個(gè)很好的案例，它把車的外形融入到網(wǎng)站中，使它脫穎而出。

　　二、網(wǎng)站LOGO

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

　　三、視覺(jué)流程

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

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

　　網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這里就不做一一論述了。其實(shí)在我們?cè)谧鲈O(shè)計(jì)的時(shí)候并沒(méi)有過(guò)多的去考慮什么形式，比如我們?cè)谝粡埣埧吹揭粋€(gè)圓形的東西，很容易可以聯(lián)想到它像太陽(yáng)，而有些人則聯(lián)想到月亮等等…這都是一種形式比喻，最重要的是抓住客戶的需求，把握網(wǎng)站的定位做處合理的框架布局。1．分辨率網(wǎng)頁(yè)的整體寬度可分為三種設(shè)置形式：百分比、象素、象素+百分比。通常在網(wǎng)站建設(shè)中以象素形式最為常用，行業(yè)網(wǎng)站也不列外。我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候必定會(huì)考慮到分辨率的問(wèn)題，科技發(fā)展到現(xiàn)在我們通常用的是1024*768和800*600的分辨率，現(xiàn)在網(wǎng)絡(luò)上很多都是用到778個(gè)象素的寬度，在800的分辨率下面往往使整個(gè)網(wǎng)頁(yè)很壓抑，有種不透氣的感覺(jué)，其實(shí)這個(gè)寬度是指在800*600的分辨率上網(wǎng)頁(yè)的最寬寬度，不代表最佳視覺(jué)，不妨試試760~770的象素，不管在1024還是800的分辨率下都可以達(dá)到較佳的視覺(jué)效果。2．合理廣告在目前一些網(wǎng)站的廣告（彈出廣告、浮動(dòng)廣告、大廣告、banner廣告、通欄廣告等等…）讓人覺(jué)得很煩瑣，更本就不愿意來(lái)看，有時(shí)連你這個(gè)網(wǎng)站都不上了，這樣一來(lái)網(wǎng)站受到了嚴(yán)重的影響、廣告也沒(méi)達(dá)到廣告的目的。這些問(wèn)題都是我們?cè)谠O(shè)計(jì)網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。浮動(dòng)廣告有兩種，第一種是在網(wǎng)頁(yè)兩邊空余的地方可以上下浮動(dòng)的廣告，第二種是滿屏幕到處隨機(jī)移動(dòng)的廣告。建議能使用第一種的情況下盡量使用第一種，不可避免第二種情況時(shí)盡量在數(shù)量上控制最多一個(gè)就好。如果數(shù)量過(guò)多會(huì)直接影響到用戶的心理、防挨到用戶瀏覽信息,適得其反。首頁(yè)廣告不宜過(guò)多適中即可。如在注冊(cè)或者某個(gè)購(gòu)買步驟的頁(yè)面上最好不要出現(xiàn)過(guò)多的其他無(wú)關(guān)的內(nèi)容讓用戶分心，避免客戶流失等…3．空間的合理利用

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

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

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

　　4.1文字圖形化

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

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

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

　　五、網(wǎng)站配色

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

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

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

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

　　六、常見問(wèn)題

　　6.1分解大型表格

　　為了加快網(wǎng)頁(yè)的瀏覽速度，盡可能避免用大型表格，因?yàn)闉g覽器必須等待整個(gè)表格的內(nèi)容全部到達(dá)客戶端，才能顯示這個(gè)表格的內(nèi)容，而文本或圖像則是一邊下載一邊顯示。同時(shí)我們制作網(wǎng)頁(yè)時(shí)要盡量減少表格的深度、表格復(fù)雜化，這一點(diǎn)尤為重要可直接影響網(wǎng)頁(yè)瀏覽速度、又給后面的程序添加帶來(lái)了不必要的麻煩。

　　6.2網(wǎng)站導(dǎo)航要清晰

　　“您所在位置”在大型網(wǎng)站中是不可缺少的一部分，其作用表明您現(xiàn)在所處在的位置，使用戶不會(huì)不知東西南北迷失在網(wǎng)站中。其次還有讀者進(jìn)入目的頁(yè)的點(diǎn)擊次數(shù)，不能超過(guò)三次。如果三次以上還找不到用戶所要的信息，人家可就沒(méi)有耐心陪你玩了！

　　6.3圖片注解

　　在很多網(wǎng)站上我們都可以找到一個(gè)共同的缺點(diǎn)，當(dāng)網(wǎng)速慢時(shí)有很圖片都無(wú)法顯示，又沒(méi)有注解使得用戶反感，如在注冊(cè)時(shí)的按鈕是圖片做的又沒(méi)加圖片注解，而導(dǎo)致連注冊(cè)都找不到，如果加了注解這些問(wèn)題也就不成問(wèn)題了！

　　6.4系統(tǒng)按鈕

　　在我們做按鈕的時(shí)候，要做成“按鈕”的形式（type="button"），而不要做成“提交表單”的形式（type="submit"），方便以后程序設(shè)計(jì)。

　　6.5空鏈接、死鏈接

　　在一個(gè)優(yōu)秀、專業(yè)的網(wǎng)站上是找不到任何一個(gè)空鏈接或死鏈接的情況，如果有這種情況會(huì)影響到用戶對(duì)您網(wǎng)站的評(píng)價(jià)，所以我們?cè)谥谱鞯臅r(shí)候盡量避免，避免辦法就是提前做好鏈接，如果尚未完成的頁(yè)面則鏈上“建設(shè)中…”的頁(yè)面，加以解釋。

　　6.6導(dǎo)航條

　　在大型的行業(yè)網(wǎng)站里面主導(dǎo)航條最好是用文字形式，避免使用圖片或Flash做導(dǎo)航條、縮小網(wǎng)站擴(kuò)展性。

　　6.7網(wǎng)站的擴(kuò)展性

　　對(duì)于一個(gè)行業(yè)網(wǎng)站而言，網(wǎng)站的擴(kuò)展性是相當(dāng)重要的，隨時(shí)都要考慮到網(wǎng)站需求的變化！

行業(yè)網(wǎng)站設(shè)計(jì)心得相關(guān)標(biāo)簽：門戶網(wǎng)站的建設(shè)，行業(yè)網(wǎng)站建設(shè)，行業(yè)門戶網(wǎng)站制作，建門戶網(wǎng)站

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

	談一談搭建電商網(wǎng)站系統(tǒng)
	企業(yè)門戶網(wǎng)站的簡(jiǎn)單介紹
	如何將新聞做成偽原創(chuàng)
	關(guān)于電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)的
	數(shù)據(jù)分析的原則
	跨境電商網(wǎng)站運(yùn)營(yíng)不可不
	商業(yè)網(wǎng)站設(shè)計(jì)主要原則
	如何搭建一個(gè)誘人的垂直
	地方門戶網(wǎng)站的推廣經(jīng)驗(yàn)
	行業(yè)網(wǎng)站設(shè)計(jì)心得
	行業(yè)門戶網(wǎng)站的推廣方法
	行業(yè)B2B網(wǎng)站運(yùn)營(yíng)最需
	怎么建設(shè)行業(yè)門戶網(wǎng)上商
	旅游行業(yè)網(wǎng)站門戶網(wǎng)站的
	可提交酷站的門戶網(wǎng)站
	花卉類行業(yè)網(wǎng)站的建設(shè)方
	產(chǎn)品文字的減法
	供應(yīng)鏈管理系統(tǒng)開發(fā)公司
	公司運(yùn)作地方門戶網(wǎng)站的
	企業(yè)門戶系統(tǒng)的概述及建
	B2B電子商務(wù)網(wǎng)站建設(shè)
	能源行業(yè)系統(tǒng)解決方案，
	從幾個(gè)文學(xué)網(wǎng)站談文學(xué)網(wǎng)
	怎么經(jīng)營(yíng)服裝行業(yè)門戶網(wǎng)
	商業(yè)Web站點(diǎn)設(shè)計(jì)策略
	VR虛擬實(shí)境也能進(jìn)入青
	如何平衡用戶體驗(yàn)與數(shù)據(jù)
	搜索引擎蜘蛛理解相關(guān)性
	中國(guó)互聯(lián)網(wǎng)科技處于全球
	供應(yīng)商管理系統(tǒng)平臺(tái)，如
	供應(yīng)鏈系統(tǒng)、ERP管理
	門戶網(wǎng)站建設(shè)維護(hù)管理
	如何定位自己的網(wǎng)站
	行業(yè)門戶網(wǎng)站適用于哪些
	怎樣的系統(tǒng)才算是最好的
	開發(fā)電子商務(wù)商城系統(tǒng)的
	個(gè)人網(wǎng)站的常見五大弊病
	聊聊門戶網(wǎng)站的內(nèi)容用戶
		高品質(zhì)汽車行業(yè)數(shù)字化解

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

行業(yè)網(wǎng)站設(shè)計(jì)心得