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