人們每天都會瀏覽大量網頁,但你認為他們印象最深刻的是怎樣的網頁設計呢?
網頁設計師的首要任務,就是把信息透過網頁設計有效地傳達出來。但如果你說,網頁只要將信息傳達就足夠了,那顯然也不是。企業網站設計除了向用戶傳遞有效信息外,更重要是設計出吸引用戶眼球的網頁,才能留住用戶的腳步繼續瀏覽網站。那麼,企業網站設計需注意哪些設計技巧呢?
企業網站設計需注意哪些設計技巧
企業網站設計技巧一:版式問題
一般來說,企業網站盡量不要使用超過兩種以上的字體及多種樣式,否則會讓網站顯得十分凌亂,另外企業網站版式問題還要注意以下細節:
① 留意字間距
無論是中文還是英文,都不要忘記設置文字間距。適當地給文字一些呼吸感,會讓整個界面設計更加優雅,同時使文本更具可讀性。
② 字體運用
網頁設計的字體樣式最好不要使用Light、Thin等極細字體,因為它們會在某些屏幕上造成半像素的效果,顯得非常虛。
③ 注意標題和主要文本的字體大小
網頁設計中我們會用H標籤突出文本的層級,通常H1權重和主要性最高,用於主標題;H2權重和主要性次之,用於此標題;如此類推,H6則是最低,中間的依次遞減。
使用H標籤時,首先要確保項目對象不超過四個,並控制它們的邏輯和一致性;其次,確保主標題與其餘標題不要相距太遠;其三,主標題字號控制在不少於17px,正文內容字號則是不少於14px,並將12px保留為最小尺寸;其四,請勿在同一段使用不同大小的字號,這會給界面的外觀帶來混亂。其五,中文字由於筆畫多,字號大小會影響閱讀,所以建議在移動UI界面設計上,最小字號建議為14px。(也就是說,中文比英文的字號要設置大些。)
④ 行高
盡可能不要將行高設置固定值,通常稍微增加一點行高可以提高界面的可讀性,尤其是大區域文本。另外,英文字體還要確保字母的尾巴彼此不接觸。
⑤ 文本和標題層次結構
除了H標籤外,粗體文本同樣是應用於突出顯示文本的重要部分,例如標題、連結和按鈕,以及文本需要強調部分。千萬不要將粗體應用於整個文本,否則用戶會不清楚哪些內容是重點。
⑥ 文本顏色對比
特別注意UI設計中的文本顏色,它們與背景顏色應該具有足夠的對比度,以便在任何熒屏都能讀取文本。
企業網站設計技巧二 元素間距和邊距
留白對UI設計非常重要,它具有幫助用戶釐清元素之間的關係,並給界面提供節奏感和平衡感。
① 將焦點匯聚在內容信息上
適當地界面留白,雖然會「浪費」很多屏幕空間,但會促使設計師在有限的空間中,打造更光鮮的品牌信息,將用戶的視線集中在內容信息上。
② 提高界面可讀性和易讀性
頁面元素過於擁擠,會妨礙舒適的閱讀體驗,還會阻礙用戶區分元素之間的關係。透過留白會讓網站的可讀性和易讀性獲得改善,從而提升閱讀體驗,讓用戶更容易理解。
③ 減少多餘的框架和線條
區分界面版塊的最簡單方法就是框架或線條,但界面到處都是框架或線條,很容易就會分散用戶的注意力。嘗試利用陰影、色塊、留白等方法,拉大版塊間的距離,界面變得更加清晰有條理之餘,還能突出界面的內容。
⑤ 少即是多
用戶接收信息的能力是有限的,界面信息太多反而會影響他們的判斷力,因此盡量將不必要的元素和內容刪除,會讓用戶不費吹灰之力解讀界面的佈局。
企業網站設計技巧三:顏色和圖像
圖像、圖標和背景設計是決定產品調性和氛圍的關鍵,應確保他們能向用戶準確展示公司理念和形象。
① Logo設計
好的Logo設計很難,因為它除了考驗設計師的功力,還考驗設計師的觀察力和表現力。Logo設計的表現形式有很多,但都是以公司的文化背景為基礎,目的是更好地傳遞品牌的理念,加深用戶對品牌的印象。
② 陰影使用
現實生活中無處不存在光和影,所以如果想網頁設計更加自然、動感且真實直觀,正確運用光影效果,能讓設計更加精緻,從眾多頁面中脫穎而出。
③ 圖標統一
圖標是UI設計中極為重要的一個環節,幾乎所有界面設計都會涉及到圖標的表達,出色的圖標設計會讓界面更加精緻有趣。但設計圖標的時候要注意,圖標與界面風格必須一致,否則會讓整個界面顯得非常突兀。
企業網站設計技巧四:其他設計常識
除了以上需須注意的企業網站設計技巧,其實以下一些設計常識也是不要忽視的哦!
① 避免使用詭異的佈局
創新是好事,但如果忽略了用戶體驗,強行使用詭異的佈局,就會讓用戶感到困惑,並離開你的網站或直接卸載APP。所以設計過程中,個人創作必須在不會干擾用戶體驗的情況下嘗試。
② 避免使用宋體等印刷字體
無論什麼情況,包括只是出示演示目的,都不要在設計中使用宋體等印刷字體,否者會讓用戶覺得這個界面設計非常敷衍。
當然,並不是所有網頁設計都應該以上的原則進行設計,在某些情況下也可以不按照規則去設計,但無論怎樣設計都必須在不傷害用戶體驗的情況進行,否者這個企業網站設計將毫無意義。