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