推薦60多個CSS GALLERY畫廊網站

來源:互聯網
上載者:User

  每一個設計愛好者,幾乎都會瀏覽Gallery畫廊網站。在這些網站裡面,你可以欣賞到最優秀,最具創意,最有技術性的網頁設計。美,就是用來享受的。帕蘭每次看到自己喜歡的設計,都忍不住小小的激動一下。在這篇文章裡面,帕蘭為你收集了個Gallery網站,並進行簡短的介紹。 它們當中有好有壞,如果你僅限于欣賞,挑一些適合你自己的。如果你正準備自己建立一個Gallery網站,那你恐怕應該每個都好好的研究一下,取長補短。

因為我個人平常就比較喜歡瀏覽Gallery網站,再加上這篇收集,總結一些小小的經驗與大家分計和探討,主要是做為一個收集展示畫廊應該注意的一些地方:

  • 求量同時求精。如果你想要被搜尋引擎大量收錄,想要更多的人知道你的網站,當然要從數量下功夫,但也不能亂收集。至少要在一定程式上保證收集的網站設計的品質。當然,這根本不算個問題,優秀的網站設計實在太多了,只怕你收不完。
  • 良好的導航系統。收集的網站過多了,一個良好的導航就顯得非常重要了,那些收錄幾千幾萬網站設計的畫廊,卻只是給個分頁導航,我不知道這幾千幾萬要了幹嘛。通常,如果能做到按網站配色和內容進行分類,已經很不錯了。
  • 突出自己的網站個性。這適用於任何一個網站,畫廊網站當然適用,特別是Gallery網站也是相當的多,而且有著其獨特性: 相對於其它類型的網站注重搜尋引擎,Gallery網站對”回頭客”的比例更加的注重。說實話,要想Gallery網站的頁面在搜尋引擎獲得良好的關鍵字排名不太現實。所以,塑造出自己的個性,抓住設計愛好者的眼球才是最重要的。
  • 自己收集還是讓使用者提交。讓使用者提交當然是最圓滿的,省時省力同時還容易建立人氣。但要做到擁有大量的使用者,那還真是相當的困難。
  • 網站的設計。一個設計愛好者,到一個Gallery網站,就是為了享受視覺。所以,你收錄很多優秀的設計同時,你網站本身的設計也是相當重要的,尤其是網站的整個配色基調,將影響到收錄作品的視覺傳達。最常見的Gallery配色要麼使用白底顯得清新,要麼使用黑底更加凸現出收錄作品。而似乎黑色背景讓人在瀏覽時更加舒服。
  • 功能。最常見的就是評級和點擊數。這有利於使用者欣賞哪些內容是最熱門的。隨著部落格的流行,很多Gallery網站都基於部落格程式搭建,留言數也就成了其中一個指數。另外的功能就是,一些畫廊網站會加入W3C的html校正和CSS校正。
  • 縮圖。這也是一個很重要的部分。最常見的縮圖展示,要麼就是截取所要收錄的網站設計中最醒目的一部分設計進行展示。要麼直接截屏,讓使用者能夠直觀的看到將要到達的網站的總體設計。
  • …… 當然,還有更多需要注意的地方,最重要的還是要能夠都用上,我在這裡說也只是限於理論。比如我的主要收集CMS模板的子網站PARAN PRAK也有很多地方都沒有注意。

OK, 開始品嘗帕蘭為你準備的這些Gallery美食吧:)

CSS Drive

 

收錄各種網頁設計。含評級功能,設計技巧新聞欄目,擁有一個論壇和CSS菜單收錄專項。主要按網站類型,網頁布局和風格分類。

CSS Website

 

非常清新簡單的一個CSS Gallery網站。每個收錄的設計顯示評級和留言數,可以通過色彩,收錄日期和網站類型進行進階搜尋。 

CSSelite

 

分類比較簡單,按設計風格和網站類型。沒有評級功能,單頁有相關的網站設計展示,首頁有一些來自其它網站最新的設計技巧文章連結。

CSS Beauty

 

比較知名的網頁設計資來源站點點CSS Beauty的Gallery子網站。沒有評級,沒有留言等據顯示。非常單一的顯示最新的20個收錄設計,可以按日期歸檔進行查詢。是比較清新簡潔了,但同時意味著失去了一個良好的導航。

CSS Heroes

 

顯示留言數和評級功能。按網站類型進行分類。黑色背景的Gallery網站在瀏覽時感覺很舒服,但同時會讓人對所收錄作品的優秀產生錯覺判斷,也就是說,一些可能並不太漂亮的設計,會凸現的很醒目。個人看法。

CSS Bloom

 

部落格一欄式的收錄展示畫廊,按網站類型和所使用的技術進行分類。帕蘭個人不太喜歡這種類型的畫廊,雖然網站縮圖比較大,但老需要滾屏,很麻煩。顯示留言數和評級功能。

CSS Gallery (CO UK)

 

一個英國的CSS畫廊網站。沒有評級,沒有分類,不過卻有XTHML和CSS驗證功能。相信站長在收錄時也是嚴格按照W3C的標準進行收集。另外,這個網站還設有其它一些非常有用的欄目,比如免費的CSS菜單,CSS使用教程,CSS布局等等。

CSS Heaven

 

CSS天堂,但是似乎並不像名稱說的那樣美。分類比較簡單,有評級功能。但其使用Design Disease的wordpress Theme,首先讓人感覺不夠專業。其次感覺主題太花哨,在視覺上影響了對所收錄作品的欣賞。

CSS Gallery (Ro)

 

一個羅馬尼亞的CSS畫廊網站。包含評級功能和留言數顯示,以及網站作者。沒有發現分類功能。網站的整體設計趨於Web2.0風格,但個人還是不喜歡它的底色造成的視覺反差。

CSS Zone

 

按網站類型分類,有評級功能,還算不錯。

CSS coosite

 

據我所知,這是一個國內朋友的CSS畫廊網站。我之前要弄我的PARAN PARK的時候,在某論壇上面搜尋過該站提點提供的免費WP GALLERY主題下載。有評級功能,按網站類型分類。但站長似乎把興趣轉移到時尚陣地了,現在居然用來收錄一些Tiffany, LV之類的時尚飾品和包包之類的。

Unmatchedstyle

 

分類相對來說籠統一點。不過網站整體設計還是比較優秀的,有利於瀏覽欣賞。同時提供一些來自其它網站的設計資源連結。

CSS vault

 

有評級和留言功能。但是卻是按日期存檔進行分類。 我不知道這樣的分類有多大意義,一個好的設計不在乎時間。

CSS import

 

沒有分類。不過可以按最熱點擊,最多瀏覽,名稱和評級等進行排序瀏覽。

CSS Galleries

 

這是一個專門彙總其它CSS畫廊網站收錄作品的網站。比如我們上面提到的CSS Drive。但是沒有分類,沒有評級。還一直讓我Stand by… 無語。

Best Web Gallery

 

來自Nick la的畫廊網站,這應該是所有畫廊網站裡面最優秀之一了。按TAG標籤分類,瀏覽布局可以切換為一欄式,兩欄式以及含網站介紹資訊的布局。滑鼠浮動在網站上面時,會顯示大的縮圖。不管從技術性還是收錄網站的設計水平,都絕對是一流。就像Nick la說的那樣,他的收錄標準是: 一個高品質的設計=視覺+技術+創意。帕蘭曾非常不自量力的提交自己的網站,結果… 呃,當然是可想而知了。

CSS Gallery 2.0

 

網站設計比較清新。 含評級功能,有很多相關的最新設計技巧資源,比如Flash設計資源,CSS設計資源,設計工具資源等等。

CSS leak

 

有評級功能。 有相關設計新聞。可以按熱門評級,熱門點擊等進行排序瀏覽。可以按月或者是按網站配色進行瀏覽。

CSS Glance

 

這也是一個比較優秀功能比較豐富的畫廊網站。可以切換瀏覽布局,有評級和HTML校正功能。 最優秀的地方在於,它的分類非常詳細,可以按網站所使用的程式,網站配色,網站所在國家,網站布局有幾欄,網站內容,日期歸檔,布局技術甚至是菜單幾格進行瀏覽。同時,支援標籤搜尋功能。推薦。

CSS TUX

 

一個充滿圓角設計的CSS畫廊網站。按網站類型和內容進行分類。看上去非常酷,不過導航系統還是欠缺了點。

CSS based

 

含評級功能和提供一些相關的設計資源,但惟乎沒有分類系統。

CSS Burst

 

好像是一個上線不久的CSS畫廊網站,收錄的作品不多。不過都還算比較精緻,網站的設計所製造出的視覺瀏覽體驗也比較好。 但似乎同樣缺乏一個良好的導航。

Best CSS Gallery

 

用Wordpress建立的CSS畫廊,主題是使用帕蘭之前介紹的”CSS Gallery“, 看不去還不錯。所以,如果你是一個WP使用者,而又想為自己建立一個GALLERY網站,那可以嘗試使用這個免費wordpress主題快速搭建。另外,還有另外一個也是使用這個主題搭建的畫廊建點CSSloggia. 相信還有很多。下面也就不再介紹使用這個主題建立的網站了。

Deisgn Shack

 

附加一些最新的設計資訊。但同樣沒有良好的瀏覽導航。

CSS Warfare

 

含評級功能,按網站風格進行分類。

CSS Demo

 

比較個性的CSS示範網站,但確實不實用。

CSS Galaxy

 

也是非常個性,只是網站縮圖小了點。按設計類型進行分類。

CSS FILL

 

按網站類型進行分類,截取網頁的很細一部分做為縮圖。 有點唬爛。

CSS Clip

 

有評級功能。縮圖比較上,不過功能還是非常強大。收集的設計種類也比較多,可以按設計類型,網站配色等進行瀏覽。只是感覺這個畫廊站眯的設計相對的擁擠了一點。

CSS Collection

 

按網站內容進行分類的設計收集網站。

CeeSes

 

有評級功能,網站整體比較清新。

CSS Galerie

 

縮圖比例不太恰當,且排版過於擁擠。

CSS Hazard

 

趨於收集非主流的個性設計。給人妖豔怪異的感覺,非常適合那些崇尚個性的朋友。另外 ,可以按網站配色標籤進行瀏覽。

CSS Mania

 

這個畫廊網站設計總體來說比較清新,按網站內容進行分類。

CSS Reboot

 

主要按網站配色進行分類,不過最大的特點是,縮圖展示的地區比較多,可以很清楚的看出一個網站的設計。

Prin CSS

 

有評級功能,分類和標籤結合的比較好,可以按網站配色,使用的技術,網站內容等來進行瀏覽。

CSS Remix

 

這個CSS畫廊網站也算是比較知名的了,我覺得它最大的特色就如同網域名稱所指出的那樣,混合,感覺似乎想要把所有網站拼成一幅圖畫似的。我個人不太喜歡這種全部擠在一起影響視覺判斷的GALLERY網站,但其收錄的資源確實相當的豐富,且品質都很高。

CSS SMOOTH OPERATOR

 

分類過於單一,不過網站設計的挺個性的。

CSSlove

 

沒有分類,沒有評級,就顯示個名稱和縮圖,廣告和其它Widget比主體內容還要多。

Piepmatzel

 

百萬格式式的網站設計收藏展示網站。像這樣的網站有很多,怎麼說呢,雖然缺乏良好的導航,詳細的資訊介紹,但這樣的設計展示還是蠻有趣的。至少站長願意犧牲網頁開啟速度可能流失的使用者和本該屬於廣告位的空間,這樣的網站更多趨於那些真心想要分享美好設計的朋友。

Most Inspired

 

這網站除了本身收集展示網站設計,同時還彙總其它熱門的GALLERY網站的收集。

Design snack

 

有評級功能,按網站內容進行分類。

CSS impress

 

按網站內容進行分類,有評級功能。整體設計比較清新,縮圖展示地區也比較多。

Light on dark

 

導航不夠完善,但非常優秀。 我喜歡這個畫廊網站的另一個原因是他所傳達出來的概念,Light on dark。做為一個畫廊網站,網站本身應該是綠葉,所收集的網站設計才是紅花。這也跟帕蘭一貫對設計的看法相同: 世界本是無色的,因為設計而變得豐富多彩。

Screen Fluent

 

收錄近7000個優秀的網站設計。沒有評級,沒有好的導航。有Lightbox的預覽功能。所以,有得必有失。

Web Creme

 

這恐怕是我個人到目前為止最喜歡的“一行只展示一個作品”的畫廊網站了。介面清新,縮圖品質和可預覽地區也比較廣。推薦。

Styleboost

 

相對於其它Gallery網站強調的視覺感官欣賞。Styleboost更加註重對每個網頁設計的介紹。同時,你可以在Styleboost進行註冊,收錄你喜歡的網站到你的帳戶空間裡面。

W3C Sites

 

收錄優秀且符合W3C標準的網站,附有XTHML校正功能。每個網站都有簡短的描述介紹。支援使用者註冊,看上去註冊的人還挺多,網站的大部分內容也是由使用者提供。

Refresh

 

絕佳的畫廊展示網站。 有評級功能的簡短的收錄設計描述。整個網站設計簡潔美觀大方。我最喜歡的是他們的Logo,非常的贊.

edustyle

 

類似Digg的投票制度,這也是在這個名單面唯一的一個讓你對網站設計進行贊同時也可以進行鄙視的網站。

Design Creme

 

收錄的設計還不是太多。 可以按標籤和分類進行瀏覽。

Design by Grid

 

專門收集展示網格設計的GALLERY網站。還包括相關的日誌,教程和資源。如果你像帕蘭一樣鐘愛網格設計,那這個網站一定不能錯過。

Cool site Collection

 

有評級功能,還行吧。

Carted up

 

本身就是網格設計的GALLERY網站,工整美觀。Tag標籤系統也利用的比較好,方便使用者的過濾欣賞。

Plasticpilots

 

分類比較詳細,每個網站都有簡短的描述。

Inspiration King

 

導航比較欠缺。

CSS Dump

 

最後這個完全缺乏視覺設計的Gallery網站,只為你了向你說明一個道理: 如果你是一個設計愛好者,哪怕你完全不懂設計,只是喜歡欣賞,你想要展示分享自己發現的美好設計。那即使你使用WP的預設主題來收集,你同樣可以體驗分享的快樂。

OK,如果你知道其它優秀的Gallery畫廊網站,也歡迎在些留言提出。

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.