在互聯網時代，網站就像一個公司的名片，擁有一個優秀的網站可以幫助企業樹立良好的形象，是企業進行自我宣傳的工具。

　　但是在網站設計與建站的過程中除了要重視網站內容的豐富性和靈活性，還要保證網站設計的視覺效果，這會給網友帶來全新的視覺體驗，從而對網站的傳播起到事半功倍的作用。

　　那么網站在前端開發設計過程中，怎樣去優化呢?

　　網站品牌

　　(1)logo。選擇一個帶有很棒的 logo 的網站或者博客是一個瞬間獲取信任感的好方法。

　　(2)favicon。上傳一個支持 retina 屏幕的 favicon(在瀏覽器標簽上顯示的正方形小圖標)。大部分網站的 favicon 都是 16x16 像素的，在 retina 屏幕會顯得模糊。如果使用 X-Icon Editor 生成 64x64 像素大小的 favicon，屏幕會顯得清晰一點。

　　(3)色彩使用。建議最多使用 2-3 種顏色。包括背景色、文字點擊前、點擊時、點擊后鼠標或觸碰前后執行的顏色效果;建議不要使用純黑色(#000000)。在網上使用純黑色看起來不合適。實際上，黑色應該總是作為其它顏色的深色陰影。

　　網頁排版

　　(1)字體樣式使用

　　最多使用2-3種字體

　　使用更多字體會顯得雜亂，并且減慢加載時間。

　　(2)根元素字體大小

　　設置body的字體大小最小為16px，更小的字體在大屏幕中不方便閱讀，如果是移動端頁面可以考慮的最小值為 12px。

　　(3)字體圖標

　　選擇一種自定義圖標字體，比如 Font Awesome，來代替圖片和其它一些元素;比如社交媒體 logo、導航按鈕、交互圖形等，圖標字體的加載速度更快，可以任意縮放，并且可以隨意更改圖標顏色。

　　用戶界面

　　(1) 添加鼠標懸停 (hover) 和鼠標點擊 (active) 狀態的樣式給鏈接、按鈕、輸入框和文字區域。例如選擇在鼠標懸停時讓按鈕顏色變亮，那你也應該對于鏈接和輸入框的邊框給出同樣的樣式。

　　?(2)保持表單樣式的一致性。所有的文本區域和輸入框都應該有相同的樣式。包括相同的邊框顏色、背景顏色、懸停狀態、點擊狀態、占位符文字、點擊狀態文字等。

　　(3)鏈接的顏色。改變已經點擊過的，讓用戶知道他們已經去過那個頁面。

　　(4)一旦擁有了自己的 logo、顏色、排版、布局和圖像大小，則建立一個統一的風格指南。

　　用戶體驗

　　(1)微交互。在按鈕和其它表單域元素使用微交互 。比如，點擊上傳按鈕之后，提示文字可以變為 “正在上傳” 或者 “處理中”。

　　(2)標題。使用標題、副標題、頭段落、列表、表格標題讓你的內容更容易被檢索。大部分人在瀏覽網頁前，都會先檢索一遍全文，再決定是否閱讀。

　　(3)占位符文字。添加描述性的占位符文字到你的表單、輸入框和下拉菜單。如果你想要讓瀏覽者用某種特定方式來填寫表單，你應該指引他怎么做。

　　(4)表單驗證。往表單添加表單驗證，讓用戶在提交表單時可以清楚地知道哪些部分出現填寫錯誤。