擁有大量預算作為後盾的 Web 設計人員可以獲得任何所需的資源，從而可以把他們的想像力付諸於 Web 體驗。他們可以聘請專業攝影師來製作引人注目的照片;可以請最好的 HTML 和 CSS 專家來建立適用於多種瀏覽器的複雜佈局;可以指導圖形藝術家依企業服裝來創作華麗的裝飾物;可以聘請專業文案人員起草迷人的散文。最大的好處是，他們能僱傭大量測試使用者和關注小組來確保網站吸引人、便於使用並能按照預期進行工作。
但是，並不是所有的 Web 設計人員都這樣幸運!不幸的是，有些設計人員必須用很少的錢來建立網站，並且對 Web 體驗的預期並不見得很低。在這種情況下，您必須尋求一切可以獲得的說明。多半來說，Web 開發人員和設計人員在與同事共用知識和成就方面是非常慷慨的。當您共用時，同事們通常會努力地糾正並增強您的作品，使其變得更加精緻、bug 更少，並會提供您自己的關注小組和質量保證。這意味著您可以找到大量免費材料。如果您知道去哪裡找的話，就可以填補低預算 Web 開發運營情況下的一些漏洞。在本文中，我將介紹各類免費的 Web 資源，以及對一些貌似免費，實其不然的 Web 資源的警告。
創造性的公用
首先介紹 Creative Commons(CC)，它本身不是免費資源的來源，而是提供免費資源的人們所使用的授權證的來源。用他們自己的話說：CC 是一個非營利性組織，為創造性作品提供靈活的版權授權。您可以選擇一個 CC 授權，以允許所有者要求您在使用所有者的作品或修改他們的作品時給予他們榮譽(歸屬條款);可以限制自己作品僅用於非營利性組織;可以要求任何對您作品所作的變更必須在與原條款相同的條款下共用(類似共用的條款)。還有其他條款，您可以組合這些條款。例如，一個常見的 CC 授權是Attribution Share Alike 授權。
CC 已取得了巨大成功 —— 來自 CC 授權的作品主體十分龐大，並且每天都在擴大。文學、影像、音樂等作品都可以在 CC 授權下提供。只要滿足限制，您可以自由地在網站上使用任何這些作品。要瞭解如何找到 Web 設計的任何免費產品，第一步是瞭解如何搜尋在 CC 授權下提供的材料。您可以使用 CC 搜尋引擎頁面直接獲得來源，這允許您利用搜尋引擎(如 Google 和 Flickr)和免費資源收集(如 Flick 和 DMusic) 的專業搜尋功能。
樣式元素
好的樣式表是好網站的骨架 —— 尤其是層疊樣式表 (CSS)。不幸的是，瀏覽器中多變的支援意味著很難開發好的樣式表。依靠免費樣式表，至少是樣式元素的免費模組，您可以省去大量精力和測試工作。許多站台提供 CSS 說明和範例，但我的關注點是我找到的站台，大多數都有 CSS 材料，您可以用於快速地組裝成自己的站台。有一個由頂級 Web 專業人士開辦的以期刊形式出現的站台：A List Apart，著重於 Code 和 Design 主題。CSS Intensivstation Templates 專注於幾個用於結構化站台的主要的佈局樣式。
最有名的 CSS 交換地是 CSS Zen Garden，但您在使用此網站時必須格外小心。CSS Zen Garden 旨在展示 CSS 的強大功能。CSS 是分離內容和形式的好方法。但起初許多 Web 開發人員迴避 CSS，因為他們認為如果不用傳統的 HTML 技巧(如佈局表格和隱藏影像)，就建立不出同樣令人難忘的效果。CSS Zen Garden 透過漂亮的樣式證明這一認識是錯誤的。其中有一個單獨且共用的內容片段，Web 設計人員建立了頁面來以某種獨特方式顯示這些內容。他們使用巧妙的佈局、迷人的影像和色彩，通常創作出某種主題，如大海或博物館風格的主題。CSS Zen Garden 不能作為範本的集合。您可以在大多數 CSS 貢獻中顯示的警告中看到以下說明：
此設計不是範本。未經設計者的書面授權，不得複製。但是，可以隨意研究 CSS 並在其他地方使用學到的技術。
此外，許多貢獻者使用非免費的影像。站台維護人員請求貢獻者在非商業 Creative Commons 授權下提供他們的 CSS(參見 參考資料)，所以複製 CSS 通常是安全的做法，但要確保檢查貢獻者 CSS 檔案的開頭部分。
影像
專業網站會使用各種影像，從照片到藝術家的繪畫到圖示和符號，等等。一些站台提供免版稅的影像。有一個項目值得您關注，即 Open Clip Art Library，它是一個貢獻的、可下載的剪貼畫的集合。影像的範圍包括從小而簡單的影像到大而複雜的影像。大多數影像是可縮放矢量圖形 (SVG) 格式，它是一種開放的、基於 XML 的格式。SVG 增強了對瀏覽器的支援，但它尚不通用，所以 Open Clip Art Library 包括每個影像的 PNG 版本。您可以瀏覽或搜尋網站上的影像，但可能只想下載一個發行版，所以可以脫機瀏覽。圖形的質量類似於您在商店購買的許多剪貼畫集合中找到的影像的質量。當我需要符號、圖示和其他資源(如高亮顯示)時，通常會瀏覽 Open Clip Art Library，但 MaxPower Free Icons 是一組很好的到免費圖示集合的連結。說到商店裡的剪貼畫集合，即使已經購買，仍有許多限制。一些剪貼畫需要商業使用版稅。如果購買此類集合，請確保檢查 End User License Agreements。 當需要照片時，我經常會存取前面提到過的 Flickr 的 CC 照片程式庫，但是我通常是透過 Yotophoto 到達那裡的，Yotophoto 是從 CC 變體到 Public Domain 的一個免費授權照片的搜尋聚合地。我最喜歡的一個資源站台是 stock.xchng。此站台包括大量極高品質的照片，並有一個非常好用的搜尋引擎。不是所有的照片都是免版稅的，但大多數是!您甚至可以檢視是否有照片的模型發行，這是決定使用包含人像的照片時要考慮的一個重要因素。一個規模較小、尚不精緻，但仍十分有用的站台是 Open Photo，它只包含經 CC 授權的照片。我還使用 MorgueFile，這個站台類似於 stock.xchng 站台，具有搜尋和豐富元資料方面的類似優點。MorgueFile 上的所有影像受到專門授權(不基於 CC)的約束，但免除了個人或商業作品的版稅。我喜歡 MorgueFile FAQ 中針對他們為什麼提供免費影像的解答：此網站遵循傳統的萬維網。它致力於倡導自由觀點和交換。
設計工具
一些 Web 設計人員和公司提供聯機工具來說明其他使用者並提高他們自己的社區形象。最常用的是色彩方案工具，它允許您為自己的站台選擇富有美感的、令人愉快的一組色彩。在搭配色彩方面，我的確沒有世上最好的眼力，所以我感謝諸如 Wellstyled.com 的 Color Scheme Generator 這樣的網站。另一個提供更多有關如何組裝方案的站台是 SiteProCentral.com's HTML Color Code Combination Chooser。
最流行的 Web 瀏覽器也是最奇怪的瀏覽器。多年來，Web 設計人員不得不應對 Microsoft Internet Explorer 5 和 6，包括 Macintosh 和 Windows 版本之間的差異。Microsoft 正在開發 7 版瀏覽器，他們承諾新版本具有更好的標準相容性，但是另一方面 Dean Edwards 已經開發了 JavaScript 解決方案。引用該網站的話：
[Dean Edwards'] IE7 是一個 JavaScript 程式庫，使 IE 的行為像標準相容的瀏覽器。它修復了許多 CSS 問題並使透明 PNG 在 IE5 和 IE6 下正常工作。
當您設計網站時，記住 Macintosh 使用者是十分重要的。如果購買測試用的 Mac 機不是一個選擇的話，您應感謝 Daniel Vine，因為他建立了 iCapture。您可以在此站台指定 URL、搜尋看上去像 Mac 機上的 Safari Web 瀏覽器顯示的 PNG 影像。Edwards 還提供 ieCapture，允許檢視您的站台在 Macintosh IE7 beta 中的顯示效果。
完全 Web 佈局和範本
有時即使獲得以上所有說明，我還是不能建立引人注目的網頁。我可能想要一切，幸運的是可以在一些網站中找到免費的完整頁面佈局，包含 HTML(經常是 XHTML)範本、圖形、樣式表、高亮顯示等。Open Web Design 有近 2000 個各種品質的完整範本。該網站有一個評級系統，有時會進行設計人員競賽來擴大其收集量。Open Source Web Design 是一個具有類似規模的網站。
結束語
在本文中，您瞭解了許多資源，可以從中獲得免費資料和工具以改進您的網站。即使您有預算來得到頂級的專業說明，如果熟悉 Web 設計的最新技術，還是會很有說明的。所幸的是，最新技術幾乎不被隱藏或無法存取，它們總是免費的。如果有機會，我還鼓勵您進行共用，比如為我提到的網站做貢獻。畢竟，Web 美學的浪潮會水漲船高
首先介紹 Creative Commons(CC)，它本身不是免費資源的來源，而是提供免費資源的人們所使用的授權證的來源。用他們自己的話說：CC 是一個非營利性組織，為創造性作品提供靈活的版權授權。您可以選擇一個 CC 授權，以允許所有者要求您在使用所有者的作品或修改他們的作品時給予他們榮譽(歸屬條款);可以限制自己作品僅用於非營利性組織;可以要求任何對您作品所作的變更必須在與原條款相同的條款下共用(類似共用的條款)。還有其他條款，您可以組合這些條款。例如，一個常見的 CC 授權是Attribution Share Alike 授權。
CC 已取得了巨大成功 —— 來自 CC 授權的作品主體十分龐大，並且每天都在擴大。文學、影像、音樂等作品都可以在 CC 授權下提供。只要滿足限制，您可以自由地在網站上使用任何這些作品。要瞭解如何找到 Web 設計的任何免費產品，第一步是瞭解如何搜尋在 CC 授權下提供的材料。您可以使用 CC 搜尋引擎頁面直接獲得來源，這允許您利用搜尋引擎(如 Google 和 Flickr)和免費資源收集(如 Flick 和 DMusic) 的專業搜尋功能。
樣式元素
好的樣式表是好網站的骨架 —— 尤其是層疊樣式表 (CSS)。不幸的是，瀏覽器中多變的支援意味著很難開發好的樣式表。依靠免費樣式表，至少是樣式元素的免費模組，您可以省去大量精力和測試工作。許多站台提供 CSS 說明和範例，但我的關注點是我找到的站台，大多數都有 CSS 材料，您可以用於快速地組裝成自己的站台。有一個由頂級 Web 專業人士開辦的以期刊形式出現的站台：A List Apart，著重於 Code 和 Design 主題。CSS Intensivstation Templates 專注於幾個用於結構化站台的主要的佈局樣式。
最有名的 CSS 交換地是 CSS Zen Garden，但您在使用此網站時必須格外小心。CSS Zen Garden 旨在展示 CSS 的強大功能。CSS 是分離內容和形式的好方法。但起初許多 Web 開發人員迴避 CSS，因為他們認為如果不用傳統的 HTML 技巧(如佈局表格和隱藏影像)，就建立不出同樣令人難忘的效果。CSS Zen Garden 透過漂亮的樣式證明這一認識是錯誤的。其中有一個單獨且共用的內容片段，Web 設計人員建立了頁面來以某種獨特方式顯示這些內容。他們使用巧妙的佈局、迷人的影像和色彩，通常創作出某種主題，如大海或博物館風格的主題。CSS Zen Garden 不能作為範本的集合。您可以在大多數 CSS 貢獻中顯示的警告中看到以下說明：
此設計不是範本。未經設計者的書面授權，不得複製。但是，可以隨意研究 CSS 並在其他地方使用學到的技術。
此外，許多貢獻者使用非免費的影像。站台維護人員請求貢獻者在非商業 Creative Commons 授權下提供他們的 CSS(參見 參考資料)，所以複製 CSS 通常是安全的做法，但要確保檢查貢獻者 CSS 檔案的開頭部分。
影像
專業網站會使用各種影像，從照片到藝術家的繪畫到圖示和符號，等等。一些站台提供免版稅的影像。有一個項目值得您關注，即 Open Clip Art Library，它是一個貢獻的、可下載的剪貼畫的集合。影像的範圍包括從小而簡單的影像到大而複雜的影像。大多數影像是可縮放矢量圖形 (SVG) 格式，它是一種開放的、基於 XML 的格式。SVG 增強了對瀏覽器的支援，但它尚不通用，所以 Open Clip Art Library 包括每個影像的 PNG 版本。您可以瀏覽或搜尋網站上的影像，但可能只想下載一個發行版，所以可以脫機瀏覽。圖形的質量類似於您在商店購買的許多剪貼畫集合中找到的影像的質量。當我需要符號、圖示和其他資源(如高亮顯示)時，通常會瀏覽 Open Clip Art Library，但 MaxPower Free Icons 是一組很好的到免費圖示集合的連結。說到商店裡的剪貼畫集合，即使已經購買，仍有許多限制。一些剪貼畫需要商業使用版稅。如果購買此類集合，請確保檢查 End User License Agreements。 當需要照片時，我經常會存取前面提到過的 Flickr 的 CC 照片程式庫，但是我通常是透過 Yotophoto 到達那裡的，Yotophoto 是從 CC 變體到 Public Domain 的一個免費授權照片的搜尋聚合地。我最喜歡的一個資源站台是 stock.xchng。此站台包括大量極高品質的照片，並有一個非常好用的搜尋引擎。不是所有的照片都是免版稅的，但大多數是!您甚至可以檢視是否有照片的模型發行，這是決定使用包含人像的照片時要考慮的一個重要因素。一個規模較小、尚不精緻，但仍十分有用的站台是 Open Photo，它只包含經 CC 授權的照片。我還使用 MorgueFile，這個站台類似於 stock.xchng 站台，具有搜尋和豐富元資料方面的類似優點。MorgueFile 上的所有影像受到專門授權(不基於 CC)的約束，但免除了個人或商業作品的版稅。我喜歡 MorgueFile FAQ 中針對他們為什麼提供免費影像的解答：此網站遵循傳統的萬維網。它致力於倡導自由觀點和交換。
設計工具
一些 Web 設計人員和公司提供聯機工具來說明其他使用者並提高他們自己的社區形象。最常用的是色彩方案工具，它允許您為自己的站台選擇富有美感的、令人愉快的一組色彩。在搭配色彩方面，我的確沒有世上最好的眼力，所以我感謝諸如 Wellstyled.com 的 Color Scheme Generator 這樣的網站。另一個提供更多有關如何組裝方案的站台是 SiteProCentral.com's HTML Color Code Combination Chooser。
最流行的 Web 瀏覽器也是最奇怪的瀏覽器。多年來，Web 設計人員不得不應對 Microsoft Internet Explorer 5 和 6，包括 Macintosh 和 Windows 版本之間的差異。Microsoft 正在開發 7 版瀏覽器，他們承諾新版本具有更好的標準相容性，但是另一方面 Dean Edwards 已經開發了 JavaScript 解決方案。引用該網站的話：
[Dean Edwards'] IE7 是一個 JavaScript 程式庫，使 IE 的行為像標準相容的瀏覽器。它修復了許多 CSS 問題並使透明 PNG 在 IE5 和 IE6 下正常工作。
當您設計網站時，記住 Macintosh 使用者是十分重要的。如果購買測試用的 Mac 機不是一個選擇的話，您應感謝 Daniel Vine，因為他建立了 iCapture。您可以在此站台指定 URL、搜尋看上去像 Mac 機上的 Safari Web 瀏覽器顯示的 PNG 影像。Edwards 還提供 ieCapture，允許檢視您的站台在 Macintosh IE7 beta 中的顯示效果。
完全 Web 佈局和範本
有時即使獲得以上所有說明，我還是不能建立引人注目的網頁。我可能想要一切，幸運的是可以在一些網站中找到免費的完整頁面佈局，包含 HTML(經常是 XHTML)範本、圖形、樣式表、高亮顯示等。Open Web Design 有近 2000 個各種品質的完整範本。該網站有一個評級系統，有時會進行設計人員競賽來擴大其收集量。Open Source Web Design 是一個具有類似規模的網站。
結束語
在本文中，您瞭解了許多資源，可以從中獲得免費資料和工具以改進您的網站。即使您有預算來得到頂級的專業說明，如果熟悉 Web 設計的最新技術，還是會很有說明的。所幸的是，最新技術幾乎不被隱藏或無法存取，它們總是免費的。如果有機會，我還鼓勵您進行共用，比如為我提到的網站做貢獻。畢竟，Web 美學的浪潮會水漲船高
0 留言:
發佈留言