深圳市一網(wǎng)學(xué)教育咨詢(xún)有限公司，致力于網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)、UI設(shè)計(jì)培訓(xùn)、淘寶美工培訓(xùn)，是較好的遠(yuǎn)程培訓(xùn) 基地。 網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn) 　　我的意思是，人們通常在訪問(wèn) microsoft.com 時(shí)，并未將它當(dāng)作藝術(shù)作品來(lái)贊賞。而是為了獲得有關(guān)產(chǎn)品的信息，或者有一些技術(shù)問(wèn)題需要咨詢(xún)，或是閱讀有關(guān)開(kāi)發(fā)商的期刊。所以網(wǎng)站的設(shè)計(jì)應(yīng)該盡量清楚和有條理，以便他們能夠容易地找到所需信息。 　　作為設(shè)計(jì)主管，Peter Stern 已經(jīng)領(lǐng)導(dǎo) microsoft.com 重新設(shè)計(jì)了主頁(yè)并且開(kāi)發(fā)了五個(gè)不同的交互工具，這些工具被用于下載中心、產(chǎn)品目錄、配置文件中心、 搜索 和注冊(cè)等聯(lián)機(jī)功能。 他為幾個(gè)內(nèi)部工具設(shè)計(jì)了用戶界面，并且正致力于創(chuàng)建將于今年晚些時(shí)候發(fā)布的下一代主頁(yè)。 　　從頭銜上，您可能認(rèn)為我主要關(guān)心的是 microsoft.com 網(wǎng)頁(yè) 站點(diǎn)幾千個(gè)網(wǎng)頁(yè)的版面設(shè)計(jì)。的確，這些確實(shí)是我所關(guān)注的。視覺(jué)上的吸引力是重要的，但是這僅僅是工作的一小部分。而終的目的是確保整個(gè)站點(diǎn)運(yùn)轉(zhuǎn)正常。 設(shè)計(jì)站點(diǎn) 　　在進(jìn)行 網(wǎng)頁(yè) 設(shè)計(jì)時(shí)--在設(shè)計(jì)過(guò)程中--形式應(yīng)該服從功能。這種方法應(yīng)用于我們站點(diǎn)的整個(gè)設(shè)計(jì)過(guò)程中。當(dāng)然，我們有新的 網(wǎng)頁(yè) 工具，并且能夠?qū)⒏鞣N可視的小配件上載到網(wǎng)頁(yè)上。但是我們認(rèn)為這樣做將不利于為訪問(wèn)者提供有效的服務(wù)。 　　事實(shí)上，我經(jīng)常發(fā)現(xiàn)一些站點(diǎn)未將重點(diǎn)放在功能上。常見(jiàn)的錯(cuò)誤包括： 　　用戶界面元素不一致。例如，同一個(gè)控件在不同的頁(yè)面上功能不同，或者同一個(gè)功能對(duì)應(yīng)幾個(gè)用戶界面控件。 　　導(dǎo)航欄位置不一致。決定站點(diǎn)的些頁(yè)和功能需要在站點(diǎn)的任何頁(yè)上都可被訪問(wèn)到。這就是應(yīng)該保持一致性的“全局導(dǎo)航欄”。 　　不太注意或根本不注意基本的圖形設(shè)計(jì)原則，例如排版式樣、色彩和版面的設(shè)計(jì)。 　　相關(guān)元素和功能的隨意分組。注意將元素放置在網(wǎng)頁(yè)上的位置和目的。這可幫助訪問(wèn)者從其它相鄰的選擇和位置來(lái)推斷某個(gè)鏈接的功能。 　　使網(wǎng)頁(yè)過(guò)于龐大以至使訪問(wèn)者需要通過(guò)典型的調(diào)制解調(diào)器速度的 Internet 連接進(jìn)行長(zhǎng)時(shí)間的下載。這并不是說(shuō)不應(yīng)該使用圖形，但是您需要對(duì)它們進(jìn)行精挑細(xì)選，然后用適當(dāng)?shù)膲嚎s和顏色索引優(yōu)化它們。 　　現(xiàn)在的 網(wǎng)頁(yè) 站點(diǎn)仍然存在很多問(wèn)題，這并不奇怪。畢竟，網(wǎng)頁(yè) 設(shè)計(jì)“藝術(shù)”相對(duì)來(lái)說(shuō)還是個(gè)新生事物。在四、五年以前，網(wǎng)頁(yè) 頁(yè)甚至是普通的。那時(shí)，人們好像認(rèn)為他們的 網(wǎng)頁(yè) 站點(diǎn)將會(huì)吸引訪問(wèn)者只是因?yàn)樗鼈兇嬖?-并且，可能在某些情況下這種方法確實(shí)有效。但是這些站點(diǎn)一般很難看，并且更重要的是，它們真的難以使用。接下來(lái)便進(jìn)入“看看我們能做些”階段，在網(wǎng)頁(yè)中加入了大量的動(dòng)畫(huà)、聲音文件以及其它附加件，導(dǎo)致訪問(wèn)者需要長(zhǎng)時(shí)間地進(jìn)行下載，但是并未獲得實(shí)實(shí)在在的內(nèi)容。 　　如今的網(wǎng)頁(yè)設(shè)計(jì)師們已經(jīng)吸取了前人的經(jīng)驗(yàn)和教訓(xùn)。好的站點(diǎn)傾向于簡(jiǎn)化和快速，同時(shí)在功能上有所提高。這是 Microsoft 的目標(biāo)，而且我們先承認(rèn)自己所犯的錯(cuò)誤（參閱“Microsoft 的 網(wǎng)頁(yè) 簡(jiǎn)史”看一看以前的主頁(yè)設(shè)計(jì)）。 　　設(shè)計(jì)錯(cuò)誤并不總是顯而易見(jiàn)的。有時(shí)在設(shè)計(jì)上對(duì)一個(gè)小元素的移動(dòng)或更改將有很少或根本沒(méi)有影響。但是，在其它情況下，它可能確實(shí)會(huì)對(duì)頁(yè)面功能有所影響。而且如果說(shuō)我們從過(guò)去幾年學(xué)到了一些東西，那就是小的改動(dòng)會(huì)使 網(wǎng)頁(yè) 頁(yè)的運(yùn)行方式有很大的不同。 我們總是一直在說(shuō)優(yōu)化，內(nèi)部?jī)?yōu)化和外部?jī)?yōu)化相互結(jié)合SEO才能達(dá)到很好的效果。外部?jī)?yōu)化可以利用目前比較主流的營(yíng)銷(xiāo)軟件，如SKYCC組合營(yíng)銷(xiāo)軟件進(jìn)行多方位的網(wǎng)絡(luò)營(yíng)銷(xiāo)。多方位的外鏈接建設(shè)和發(fā)布。我想大家都應(yīng)該知道了。那么關(guān)于內(nèi)部?jī)?yōu)化，我們知道的。都是針對(duì)文字的。而圖片的優(yōu)化除了給圖片加一個(gè)alt之外，難道就沒(méi)有可優(yōu)化之處?本人有幸在一個(gè)行業(yè)網(wǎng)站從業(yè)。通過(guò)統(tǒng)計(jì)，發(fā)現(xiàn)百度圖片流量的來(lái)源也是一個(gè)不可小覷的點(diǎn)。個(gè)人就總結(jié)下，圖片還可以么樣優(yōu)化。 　　1，不要處理圖片 　　是處理圖片呢?就是很多人，喜歡在這里的產(chǎn)品圖片上打一個(gè)水印，個(gè)人認(rèn)為，這樣完全是沒(méi)必要的。因?yàn)槟愕膬?nèi)容都能被別人輕易復(fù)制轉(zhuǎn)載，何況別人找不到你這張圖片一樣的圖片?還有一個(gè)原因是，很多做我們這個(gè)產(chǎn)品一樣的產(chǎn)品的人，他不一定有圖片，他需要從網(wǎng)絡(luò)里尋找圖片，但是他是不需要有水印的。這個(gè)時(shí)候，如果我們的是沒(méi)有水印的，他也許就使用我們這張圖片了。當(dāng)然這有點(diǎn)縱容了盜版圖片之嫌。但我們要明白，有了這樣的圖片，既能來(lái)流量，還可以讓同行能看到我們，也許這個(gè)同行下一次有訂單之時(shí)，而他自己又貨源不足時(shí)，他就找到我們求貨源了，這就是這個(gè)流量帶來(lái)的潛在的價(jià)值。當(dāng)然，這樣的說(shuō)法是非常牽強(qiáng)的。但如果有100個(gè)甚至1000個(gè)這樣的流量到我們站點(diǎn)來(lái)另存為圖片的時(shí)候，我們的品牌是不是有一個(gè)無(wú)形的提升呢? 　　2，還是alt說(shuō)明 　　意義:alt用來(lái)對(duì)網(wǎng)頁(yè)上的圖片進(jìn)行描述，光標(biāo)在圖片上時(shí)顯示的提示語(yǔ)即采用該標(biāo)簽實(shí)現(xiàn)。作用:從SEO和用戶體驗(yàn)來(lái)看，ALT-代替屬性都是必要的，其重要性主要有：網(wǎng)頁(yè)內(nèi)容相關(guān)性是關(guān)鍵詞優(yōu)化的前提，搜索引擎認(rèn)為，網(wǎng)頁(yè)上的圖片應(yīng)該與網(wǎng)頁(yè)主題相關(guān)。反過(guò)來(lái)講，當(dāng)搜索引擎要判斷網(wǎng)頁(yè)的關(guān)鍵詞時(shí)，圖片的ALT-代替屬性是一個(gè)可信任的參考點(diǎn)。所以， 別忘了在圖片的ALT-代替屬性。這是百度百科里對(duì)alt的解釋?zhuān)梢?jiàn)加alt的重要性。但alt說(shuō)明文字的添加也是非常有技巧的，比如我們的圖片是閥門(mén)中一個(gè)產(chǎn)品球閥的例圖，這個(gè)例圖可以代表電動(dòng)球閥也可以代表氣動(dòng)球閥。那么我們就不要單單只給alt="球閥"，我們可以是這樣alt="球閥，電動(dòng)球閥，氣動(dòng)球閥"。這個(gè)道理同頁(yè)面優(yōu)化一樣，多加兩個(gè)關(guān)鍵詞，增大這個(gè)核心關(guān)鍵詞的密度。這樣對(duì)這張圖片的說(shuō)明就做到充分了。大大加強(qiáng)了搜索圖片時(shí)，被搜索到的概率。所以大家在用站群軟件或skycc組合營(yíng)銷(xiāo)軟件進(jìn)行廣告發(fā)布軟件時(shí)，如果內(nèi)容有圖片，請(qǐng)務(wù)必勾選上給圖片加標(biāo)題為它的alt這樣的選項(xiàng)。 　　3，圖片周邊文本 　　這個(gè)周邊不是指圍繞這個(gè)圖片的文字，而是這個(gè)頁(yè)面內(nèi)容的整體文字。比如，圖片的alt是球閥，而我們頁(yè)面內(nèi)容又是一直在介紹優(yōu)化技術(shù)，那么顯然這個(gè)圖片是有錯(cuò)誤或有作弊之嫌。這就是alt要對(duì)頁(yè)面的內(nèi)容起到一定的呼應(yīng)作用，即alt與文本的相關(guān)性了。 UI培訓(xùn)（www.ywxue.com），一網(wǎng)學(xué)，我的未來(lái)我設(shè)計(jì)。