網頁ui設計注意事項

互聯網的發展帶動了很多的邊緣性產業，網頁UI是更直接的體現，瀏覽不同的網站會給用戶不同的體驗，尤其是用戶打開網站的第一印象，足以判定一個網頁UI設計的成功與否。

網頁界面是網站與用戶交互的最直接的層面，界面的好壞決定用戶對軟體的第一印象。而且設計良好的界面能夠引導用戶自己完成相應的操作，起到嚮導的作用。同時界面如同人的面孔，具有吸引用戶的直接優勢。

設計合理的界面能給用戶帶來輕鬆愉悅的感受和成功的感覺，相反由於界面設計的失敗，讓用戶有挫敗感，再實用強大的功能都可能在用戶的畏懼與放棄中付諸東流。關於網頁UI設計除了要遵循一定的網頁設計規範之外，更需要注重用戶的操作體驗，本文就談一談在這方面設計中應當注重的一些基本問題：

一、 布局要簡潔

這點和網頁設計的理念比較接近，無論是考慮到用戶的瀏覽體驗還是操作體驗，都應當盡量將整體的布局設計簡單化，讓用戶可以一目了然。

以左樹右表的結構布局而言，左側的操作區域功能名稱要準確，層級不應太繁瑣，功能點要方便於用戶操作；右邊的信息展示區域更應當盡量將內容充分展示，盡量避免層級過深，如果應特殊需求需要用戶做出跳進跳出的操作，那麼應當考慮給予一些友情提示，別把用戶弄暈。

這裡要強調一個地方，那就是頂部設計，儘可能的把高度縮小，不宜使用falsh動畫或其他特效，就靜態展示即可，這樣不影響系統的運行速度而且相對整體布局更加清爽。

二、 色彩運用

網頁UI的色彩運用傾向於少而精，少代表了整體頁面的顏色使用，千萬不要做得花里胡哨；精代表了在配色的時候儘可能的協調，當然了，前提也是盡量用色越少越好。

這和網頁設計理念差不多，根據客戶LOGO或確定的主色調，再搭配一種、最多兩種色彩即可，一定要讓整體頁面看起來舒服。

三、 圖片的使用

網頁UI中少用素材圖片，在某些信息展示中不得不用到實物圖那另當別論，就設計而言，不能說圖片越漂亮就用得越多，這點和網頁設計不同，網頁UI不需要大氣精美的banner。但是整體設計也不能缺少圖片，這裡最好使用一些小圖標，配在功能區的文字前面，或者是一些提示性信息的前面進行點綴，可以有效的提升頁面的生動感。

四、 注意實用性

系統畢竟更多的是給人用的、是給人看到準確信息的，所以設計師在設計的時候一定要注重設計的實用性，這裡筆者不建議將頁面作個性化處理，當然了，也要根據實際需求或面向的市場而定，但是大部分的時候盡量做到中規中矩、清楚明了就行了。 比如網頁中涉及到的一些比較好看的JS特效，那麼在UI設計中就要判斷一下是否適合使用，如果該特效與信息展示之間產生了矛盾，則優先考慮信息展示，寧可捨棄那些無謂的特效。還有一點，提升頁面美觀的flash動畫就不要放了吧，因為對於系統來說一點用都沒有。 BS架構的系統最大優勢就是用戶可以通過網路並且不需要安裝任何客戶端文件即可訪問使用，因此這對於設計師來說就要掌握不一樣的設計理念，操作性強、頁面設計簡易、信息展示清楚這是基本原則。

資料由AAA教育整理

推薦閱讀：