網頁UI設計需要注意些什麼？

網頁UI設計需要注意些什麼？

【2017.06.01】

網頁UI設計原則需要注意些什麼，你有真正的了解過么，網頁設計製作熱潮延續至今，面對日新月異的網路，各種網路技術的突起，陳舊的做法已不能適應當前的形勢，網站建設發展至今已經不再是一人包攬的局面，網站建設正朝著項目化、流程化的方向科學發展。在一個完整的網站建設團隊中，每角色都有明確的分工。

從網站項目成立，到網站結構策劃，網站結構設計，網站頁面布局，頁面腳本處理等一系列與美術設計無關的任務全部從「網頁美工」身上解放開，在這個流程中原來「網頁美工」的角色被更專業化的定義，賦予一個更貼切的名稱——網頁美術設計師。從而網頁設計師能充分地發揮特長，在平面設計的基礎上進行專業的網頁設計。

海文國際UI設計培訓老師發現很多人常常把平面美術設計與網頁美術設計混淆，以為平面美術設計師一定會做網頁美術設計，實際上，網頁與印刷品有很多差別，因為它提供了更多功能，這一點與軟體比較類似。網頁設計近似於軟體設計，網頁設計則相當於軟體UI設計，更準確的說，網頁美術設計是圖形化人機介面的一種。因此，網頁美術設計師也可稱為——網頁UI設計師。

網頁UI設計需要注意些什麼？

1、每一個模塊的邊框，標題，按鈕(如果有的話)，「更多」「詳細」功能，這些元素的顏色、大小尺寸、位置、對齊方式、字體、字型大小、行距等都要一致。

2、整個頁面的基調顏色要一致，不同的模塊除非有很大意義的差別，顏色應該一致。

3、可以點擊的文字、按鈕、圖片，滑鼠應該呈現出統一的可點擊樣式，區別於不可點擊區域。

4、呈現的日期格式的統一，比如都用長日期格式「2007-2-1」或者都用短日期格式「07-3-1」，樣式不同的日期呈現方式還不如不呈現。

5、可以點擊的圖片最好用不同的樣式顯示，比如滑鼠滑過時候的輝亮效果。因為網頁會大量的使用圖片做修飾效果，區分可以點擊和不可以點擊的圖片是值得去做的。

6、有沒有不必要的彈出窗口。(從netscape開始這個設計真的很糟糕，ie也完全繼承了，解決的辦法是用js方式來呈現彈出窗口。)

7、文字描述。很多時候會忽略這個問題，在我們做demo的這個項目中有很多的文字描述，各有其用，統一描述的方式，統一人稱，統一語氣，都是給用戶帶來良好體驗的途徑。

8、圖片風格。從欣賞的角度，圖片應該是儘可能的統一風格，素描樣式和點陣樣式共存總不是太好的事情。

9、圖標。很多時候會用圖標來描述功能，漂亮的帶點陰影和倒影的圖標是非常搶眼的，使用圖標的話要注意風格、透視角度、解析度、辨識度的一致性。

如果你想要學習UI設計，但對於海文及其UI設計課程並不是很了解，可以在線諮詢客服，進行實地參觀，與諮詢老師面對面交流，當然還可以免費試聽，親身體驗海文國際長沙UI設計培訓課程。