上一篇中，我們分析了UI層的結構和PageBase類，今天我們把注意力轉移到頁面中來。下面這個圖是 我們系統的最終效果圖：
這個當然不是我做的，我也做不出來:)， 但是我想大體介紹一下頁面的制作流程和一些經驗技巧：
需求分析人員分析並確定需要哪些頁面。有時候（大部分時候）只考慮首頁，因為首頁能確定系統的 風格。定下首頁其他頁面基本上就有著落了。
需求分析人員和客戶討論頁面的風格、色調。系統的風格通常是一些形容詞，比如簡約、明快等。良 好的方式是准備很多圖片（網頁模板更好）給用戶看，讓他選，這樣可以很直觀的了解到用戶需要什麼風 格的頁面。而且這個圖片或模板可以作為美工制作頁面的基礎。
需求分析人員和用戶討論並確定頁面裡包含什麼。比如最新文章列表、熱門文章列表、登錄框之類的 ，如果用戶在這方面缺乏經驗的話，我們要引導用戶，比如提供一個可能包含的內容的列表，讓用戶去選 。
把用戶提出的要求和美工人員進行協調，當然，如果能讓美工參與到1-3步中來，這一步就省了，而且 效果更好。
美工制作PSD效果圖，和用戶就此進一步交流，修改，直至客戶滿意。這裡有個問題，就是用戶對你拿 出的頁面設計通常很不滿意，甚至大失所望，而且美工人員對於客戶的意見又很容易抵觸，需求人員（你 ）夾在兩者中間，很難處理。解決的辦法是，讓美工人員在第一次設計時就拿出3-5種版式，每個版式出 2-3種配色，這對一個熟練的美工應該不是困難的事情。然後就這十幾種方案和用戶討論，這樣做有以下 好處：第一、用戶覺得你很認真負責，對你的印象很好，進而影響他對頁面設計的印象，真的，事情有時 候就是這麼不可思議；第二、讓用戶在多個頁面之間作選擇，滿足了他下決定的欲望，就很少提出修改意 見；第三、對於美工來說，總的工作量一樣（甚至更少），但是感覺要好；第四、多余的頁面不會浪費， 以後的項目改改還能用。
切PSD，出Html、CSS和JavaScript。這一步做起來沒什麼問題，問題是這一步誰來做？美工熟悉PS， 對Html和CSS也了解，JavaScript就不一定了。更重要的是，一般美工寫出來的Html不會考慮代碼怎麼填 ，讓程序員很為難；而程序員了解Html、CSS，JavaScript也不在話下，但是切PSD就有點兒勉強了。解決 辦法是：美工和程序員結對干。
