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