1

布局要簡潔

無論是考慮到用戶的浏覽體(tǐ)驗還是操作體(tǐ)驗，都應當盡量将整體(tǐ)的布局設計簡單化，讓用戶可以一(yī)目了然。簡潔性增加了您網站的可讀性并增強了其視覺吸引力。您應該努力在您的網站上使用最少數量的字體(tǐ)來保持結構和專業性。這裏要強調一(yī)個地方，那就是頂部設計，盡可能的把高度縮小(xiǎo)，不宜使用falsh動畫或其他特效，就靜态展示即可，這樣不影響系統的運行速度而且相對整體(tǐ)布局更加清爽。 

2

色彩運用

網頁UI的色彩運用傾向于少而精，少代表了整體(tǐ)頁面的顔色使用，千萬不要做得花裏胡哨，不用特殊字體(tǐ)。正确使用文本行之間的空白(bái)不僅可以提高可視性和視覺吸引力，還可以提高易讀性。未能使用正确的線高測量可能會使您的網站看起來混亂，無法吸引讀者的興趣。您應該考慮在網站上的文本行之間應用正确的行高，以便更好地排版。代表了在配色的時候盡可能的協調，當然了，前提也是盡量用色越少越好。 根據客戶LOGO或确定的主色調，再搭配一(yī)種、最多兩種色彩即可，一(yī)定要讓整體(tǐ)頁面看起來舒服。

3

圖片的使用

網頁UI中(zhōng)少用素材圖片，在某些信息展示中(zhōng)不得不用到實物(wù)圖那另當别論，就設計而言，不能說圖片越漂亮就用得越多，這點和網頁設計不同，網頁UI不需要大(dà)氣精美的banner。但是整體(tǐ)設計也不能缺少圖片，這裏最好使用一(yī)些小(xiǎo)圖标，配在功能區的文字前面，或者是一(yī)些提示性信息的前面進行點綴，可以有效的提升頁面的生(shēng)動感。

4

采用響應式設計

響應式網站最大(dà)的優勢是能兼容移動端和PC端網站，不管屏幕是多大(dà)尺寸都能自動适應，響應式網站建設後不需要在網站上設置跳轉，大(dà)大(dà)完善用戶體(tǐ)驗。響應式網站在開(kāi)發階段就能爲企業節省大(dà)量時間和金錢，不同的設備需要開(kāi)發多個網站，這會讓網站後期開(kāi)發成本和維護費(fèi)用大(dà)大(dà)增加。而響應式網站所需管理的内容比較少，在耗時上也比較少，管理上也比較簡便。在不同工(gōng)作流程和布局工(gōng)具下(xià)，要用不同設備的樣闆來對其内容進行管理内容，操作流程上也簡化了管理界面的操作。

5

注意實用性

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

6

鏈接丢失

崩潰的鏈接是網頁上讓人惱火(huǒ)的事之一(yī)。養成每年都去(qù)審核你的網頁上鏈接是否暢通的習慣吧!你可以手動檢查或是使用某些工(gōng)具，考慮鏈接的可用性。保證你的鏈接，特别是那些文本中(zhōng)的鏈接足夠明顯并且易于點擊而不造成誤操作。不要在你的文本中(zhōng)添加很多文字鏈接，特别是在小(xiǎo)的移動設備屏幕上，用戶很難點擊到正确的鏈接。