為什么“好看”我加上引號呢，因為好看這個詞太主觀，不同的人，審美不同，對好看的理解也不一樣，也沒有一個統(tǒng)一的標準來衡量。

　　所以，沒辦法給出一個準確的定義。

　　但是對網站卻有是有一系列的標準和要求的，例如用戶體驗、視覺、功能性及技術實現(xiàn)，綜合性很強。

　　我也只能拋磚引玉，簡單分享一個網站從規(guī)劃到上線的全過程。

　?、裨陂_始建立一個網站之前，首先要明確的目標與受眾

　　1、明確定義網站的目標：明確建立網站的目的，例如展示作品、銷售產品、提供資訊或者是用戶互動。

　　2、了解目標受眾：分析網站用戶的興趣、使用習慣、文化背景、用戶年齡等信息

　　3、分析同行業(yè)競品，研究同行網站的優(yōu)點和不足，找到差異化競爭點。

　　目標與受眾確定之后，就要開始規(guī)劃網站結構。

　?、蛞?guī)劃網站結構

　　1.首先是信息架構：

　　確定主要頁面（首頁、關于我們、聯(lián)系方式、資訊/博客、隱私條款等）

　　設計導航結構（設計清晰的導航菜單，方便用戶快速找到所需內容）

　　【可以通過樹狀結構或者是思維導圖的方式，規(guī)劃頁面層級】

　　2.其次基于營銷考慮：

　　在設計網站時，還要考慮到用戶旅程，模擬用戶進入網站到完成目標的完整路徑。根據(jù)用戶旅程，來優(yōu)化網站交互，減少操作復雜性。

　　在信息架構階段，還需要考慮到是否采用響應式設計，確保網站在多設備下都能完整良好顯示。在設計上，優(yōu)先考慮移動設計，設計好小屏幕布局，再拓展到大屏幕。以我們行業(yè)來舉例，完成以上內容，就完成了WordPress的搭建、菜單的設置。

　?、筮M行視覺設計

　　這也是出問題最多的地方

　　視覺設計主要有四點：

　　一、色彩搭配

　　二、字體選擇

　　三、網站布局

　　四、視覺元素

　　下面我們詳細說明

　　一、色彩搭配

　　1、首先確定色調（根據(jù)目標受眾來選擇色調），一般使用1-2種主色調，2-3中輔助色，保持色彩對比度方便用戶閱讀。

　　2、參考品牌色及行業(yè)風格（例如科技商務行業(yè)一般使用藍色、時尚行業(yè)一般采用黑白色）

　　二、字體選擇

　　1、選擇2-3種字體（采用襯線體和無襯線體搭配）

　　2、確保字體大小統(tǒng)一（例如標題小三、正文16px、行距1.5倍等）

　　3、如出現(xiàn)中文，推薦使用思源字體

　　字體選擇原則：提升可讀性

　　三、網站布局

　　1、采用網格系統(tǒng)（960.gs）

　　2、保持頁面內容對齊

　　3、增加留白，避免頁面過于擁擠，突出重點內容

　　4、遵循F型或Z型閱讀模式，引導用戶視線

　　四、視覺元素

　　1、使用高質量圖片或視頻，優(yōu)化加載速度（WebP格式）

　　2、添加微交互（頁面過渡變化動畫、鼠標移動點擊動畫）

　　3、保持一致性（圖標、按鈕、圖像風險、面包屑導航、字體所有風格統(tǒng)一）