使用資料檔案檔
我的第一個圖形老師告訴我的一些最有用的方法之一是無論何時我做一個大型專案時都要創建一個資料檔案檔。這個概念非常簡單：如果你正在做一個例子或行銷專案，涉及一長串。您剪輯和列印出的任何你可以找到並可以給你靈感的東西，隨時將其都放在一個檔夾。它有助於您現有的專案，如果您需要做的另一個專案，也涉及一長串，您就有很多的靈感了。
幾年前當我在設計一個網頁佈局時候，使用資料檔案檔的想法突然出現在我的腦海裏。我發現自己正在尋在和我建立的網站相類似的，特別，我想弄明白其他設計者是怎麼樣處理這樣一個設計的背景結構。那就是我決定開始使用資料檔案檔資料的時候。我開始考慮我在上面列出的我看過的畫廊網站的截圖，並整理成檔夾的名稱，如leftnav，rightnav，3column ，還有addball。
可以不用熟練Photoshop？
當你使用一台沒有圖像編輯軟體，記住還有其他很普遍的程式比如Microsoft Word也允許你從剪貼板上把圖像粘貼到文檔上。
獲得你自己的資料檔案檔的截圖
1．選擇你想保存截圖的流覽器視窗的顯示頁面.
2．將流覽器窗口的截圖複製到剪貼板：
l 在一個PC機上，按住Alt+Print Screen
l 在一個Mac上，按Shift command4，然後那個打開的頁面把游標隱藏了。按住，然後點擊流覽器視窗。
3．在這個基礎上，你要在你的剪切板上留下流覽器視窗的截圖，在你的圖形系統新建一個新的文檔，將剛才的截圖粘貼上去。
4．保存圖像和文檔。
新趨勢
如果你對上述資源感覺不堪重負，你甚至不會設想有資源檔案檔的靈感，那就花一些時間去流覽那些網站。看看組成佈局的那些分塊的顏色和組成，試著去獲取共識和發展趨勢。說到這裏，我已經注意到網站佈局的一些趨勢。
擴展的頁腳導航
如果你在許多最近重新設計的網站中滾動到頁面底部，你可能會看到一個有趣的新趨勢。與使用頁腳來顯示主要環節和版權的公告，許多網站利用擴展這樣一個被忽視網頁包括聯繫資訊，擴展網站導航，和額外的內容，如blogrolls，linkrolls ， Flickr badges，等等。
雖然把網站的主要導航元素放在頁面底部不是一個好主意，包括“bonus”導航和近來上傳在這個網頁的內容。正如圖1.27顯示， JeffCroft.com就是嘗試著這一方法的一個網站。
圖1.27:應用額外擴展 頁腳的JeffCroft.com網站
順便看看：
n City Church, at http://www.thecity.org/
n Powazek, at http://www.powazek.com/
n Fresh Branding, at http://www.freshbranding.co.uk/
三列內容第一
在大多數三列的新網站設計，最近提出內容第一的製作。首先，我的意思是他們的內容定位在最左邊的顯示器。 http://jeffcroft.com/
正如你可以看到在圖1.28 ， Vivabit網站應用這一做法產生了非常現代和專業的外觀。
圖1.28 ：將內容放在首位的 Vivabit.com網站
雖然這不是一個新的方法，但是它吸收了很多可變和固定寬度的網站設計的精華。大多數的三列佈局通常切換到除主頁以外只有兩列結構的網頁。通過將內容放在頁面的左邊，從三列佈局過度到兩列佈局更自然的，因為三列的內容可以很容易的擴展，而不是完全的重置。例如，如果您訪問Vivabit網站的任何其他主要頁面，當你流覽到該網站，寬領域的內容似乎可以很容易的擴展到網頁的右邊。
大小：固定寬度與可變寬度
當我們回顧用鉛筆和筆繪製佈局區塊時候，我認為，把第一頁的內容當作區塊容器，不考慮是否它可以擴展以填補該網頁。幾千年以前，當我們回到只用表格和spacer.gif檔來存儲網頁內容的時候，這項決定是一直困擾許多網頁設計師的其中一個問題。
http://www.vivabit.com/
好吧，也許這並不是真正幾千年前，但這一長期的辯論依然如故。事實上，早在2003年12月，固定與可變的辯論造成了不少的騷動，兩個非常有影響力的設計師，Douglas Bowman of Stopdesign17 and Dan Cedarholm of SimpleBits18，同時從可變的網頁寬度轉到固定寬度的網頁設計。馬上這就造成有著網頁設計標準的國家極端恐懼，其成員擔心，這是判定可變寬度網頁設計不再被設用的標誌。
自那時以來，大多數的設計師已經形成了關於固定和可變寬度的網頁設計辯論的自己的理念。由一種類型的佈局轉變到另一種類型的佈局的決定是由網站的固定觀眾和每一個個人網站的無障礙的目標所決定。以上兩種類型佈局的優缺點在表1.1中給出了明確的定義。
表1.1 固定和可變寬度佈局的優缺點
|
|
優點 |
缺點 |
| 固定寬度網頁 |
設計者們更多關心圖片在浮動範圍內的效果怎麼樣。 |
在大型的流覽視窗顯得很小 |
| 允許設計好的空白區域 |
用戶不能控制大小 |
| 狹義文本塊提高可讀性 |
| 可變寬度網頁 |
適用於許多螢幕解析度和設備 |
如果內容擴展範圍很大不利於用戶閱讀 |
| 減少用戶滾動 |
成功執行比較困然 |
| 可能引起空間不夠或者空白 |
有了這些優點和缺點，我已經設計的網站固定寬度的佈局比可變佈局多。我喜歡擁有內容如何將顯示控制權，與及背景空間的設計。另一方面，有時候我喜歡可變寬度佈局帶來的挑戰。但是，不論個人喜好，重要的是首先要滿足客戶的需求。如果你正在考慮固定寬度佈局的寬度大小，你必須思考的觀眾的心理，你設計的是什麼，並設計出一個滿足這些用戶的需求的網站。
一種選擇：多變的固定寬度佈局
多變的固定寬度佈局是在Richard Rutter的一篇關於在這些新的趨勢中的發現文章中提到19.。。這是一個很好的討論一題，能夠生成一些很好的例子。
http://stopdesign.com/
http://simplebits.com/
http://clagnut.com/blog/1663/
Simon Collison的網站Colly Logic的首頁是我所見過的關於這一新趨勢的網站中，給我最深的印象20。當你你的流覽視窗寬度由800圖元擴展到1024圖元時，右邊列被分成了第三列窗口。圖1.29顯示了它是怎麼做到的。
圖1.29 Colly Logic網站關於寬度為800圖元和1024圖元的兩個頁面
Colly Logic網站是介於固定寬度和可變寬度的設計。只有一小部分設計者開始試著用這種設計方法：CSS美工，我記憶猶新的一個CSS圖形網站，應用了多變固定寬度佈局的方法來顯示各種功能和廣告內容。
