第一篇：推薦國(guó)外25個(gè)使用發(fā)光效果的網(wǎng)站設(shè)計(jì)欣賞

拾寶網(wǎng)http://004km.cn/ 推薦國(guó)外25個(gè)使用發(fā)光效果的網(wǎng)站設(shè)計(jì)欣賞

原文：國(guó)外25個(gè)使用發(fā)光效果的網(wǎng)站設(shè)計(jì)欣賞

譯自：25 Examples Of Light Effects In Web Design 版權(quán)所有，轉(zhuǎn)載請(qǐng)注明出處，多謝！

這里是一些展示大家如何使用發(fā)光效果來(lái)增強(qiáng)他們的網(wǎng)站設(shè)計(jì)的一些例子——他們要么添加更多的色彩，要么給它更多的深度?？匆幌挛覀儚木W(wǎng)上收集的這些漂亮的網(wǎng)站吧，希望他們能給你某些靈感。

Trent Cruising

Squarespace

114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/ Theater Website Services

Serj

Mediocore 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

Macalicious

Yourt Web Job 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

Jamison Banham

Alcomi 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

Us trendy

Poolie Studios 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

Pixel-House

Twiistup 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

Source Bits

Sergey Stanchev 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

Icon Dock

Graphik 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

Future Tap

Fernando Sergio 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

Feels TV

Digimurai 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

Design Disease

Causecast 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

Box Wish

Code Art Media 114購(gòu)物商城http://004km.cn/

拾寶網(wǎng)http://004km.cn/

114購(gòu)物商城http://004km.cn/

第二篇：推薦20個(gè)使用水彩效果的網(wǎng)站設(shè)計(jì)

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

第三篇：國(guó)外優(yōu)秀設(shè)計(jì)網(wǎng)站

國(guó)外優(yōu)秀設(shè)計(jì)網(wǎng)站,幾個(gè)國(guó)外優(yōu)秀平面設(shè)計(jì)網(wǎng)站推薦

Design is Kinky(.hk)

香港一間專業(yè)的平面設(shè)計(jì)公司

DESIKNER()

芬蘭設(shè)計(jì)師antti的個(gè)人網(wǎng)站，網(wǎng)站充滿著游樂場(chǎng)般的有趣點(diǎn)子，簡(jiǎn)單干凈中透露著北國(guó)幽默。DHKY()

為你生命披上繽紛的色彩….開門見山道出了它的野望。除了強(qiáng)烈風(fēng)格，更別忽略作品中史詩(shī)般的意涵。Dieselmarketing()

加拿大一間廣告媒體設(shè)計(jì)公司,其公司主要提供以行銷市場(chǎng)契合的形象服務(wù)DIGIT()

這是一個(gè)用數(shù)字來(lái)延伸自然的工作室，他們的創(chuàng)作理念是在數(shù)字世界里保有大自然的元素，其干凈、樸實(shí)的畫面讓人有如置身于鄉(xiāng)村草原中的感覺，有許多的昆蟲環(huán)繞四周doodie.com()

【doodie.com】鎖定以「便便」為主題，相較于大多數(shù)動(dòng)畫網(wǎng)站的漫無(wú)目的賣弄荒謬戲謔，就顯得明確有特色。

eBoy()

一群德國(guó)人所組的網(wǎng)頁(yè)設(shè)計(jì)團(tuán)隊(duì)。作品充滿玩具積木對(duì)象和彷佛超合金制的角色---不容錯(cuò)過的游戲風(fēng)格。elixirstudio()

溫哥華設(shè)計(jì)師arnaud的個(gè)人網(wǎng)站。乍觀之下讓人以為來(lái)到荷蘭航空公司網(wǎng)站。不過，透站內(nèi)兩個(gè)作品，作者成功傳達(dá)出其不凡的觀點(diǎn)與精湛的功力。不難看出其設(shè)計(jì)概念皆是源自于運(yùn)輸工具。相當(dāng)有趣哦！eneri()

Fatoe是一個(gè)視覺媒體設(shè)計(jì)網(wǎng)站,站長(zhǎng)喜歡采用符號(hào),數(shù)字,影像的復(fù)合拼貼來(lái)創(chuàng)作,造就了一種新的視覺風(fēng)格,而這樣的風(fēng)格也漸漸流行了起來(lái),網(wǎng)站內(nèi)除了收集站長(zhǎng)的作品外,還有許多視覺設(shè)計(jì)相關(guān)的網(wǎng)站,對(duì)于喜愛視覺設(shè)計(jì)的人,蠻值得逛逛的.fel(004km.cn

單看這幕后班底就知道infourm的厲害。miniml.com帶起的pixel font潮流，估計(jì)還會(huì)流行幾年。http://

hse7en3的名氣不亞于其競(jìng)爭(zhēng)對(duì)手。去年此網(wǎng)站被quorporation收購(gòu)，重新整頓后很有大型網(wǎng)站的風(fēng)格。無(wú)奈一直鐘情的舊版h73，在新站里已找不到一點(diǎn)痕跡。今天發(fā)現(xiàn)h73這個(gè)url重新運(yùn)作，特來(lái)推薦。http://

聞名一時(shí)的threeoh重整之後﹐這兩天又重見天日。目前網(wǎng)站內(nèi)容不多﹐不少連結(jié)仍未做好。但憑他的實(shí)力估計(jì)能在短期內(nèi)回復(fù)昔日光彩﹐請(qǐng)大家拭目以待

第四篇：40個(gè)國(guó)外優(yōu)秀的設(shè)計(jì)網(wǎng)站

1.Design Chair Design Chair 博客Creati e Nerds小組創(chuàng)辦.Design Chair是一個(gè)完美的網(wǎng)站每天都有更新的Photoshop 和 illustrator 教程還有質(zhì)量很好的素材包括筆刷和矢量圖。Design Chair 博客

2.PSD Tuts PSD Tuts 是網(wǎng)上最好的學(xué)習(xí)和精通Photoshop的在線設(shè)計(jì)資源。PSD Tuts 之所以出色是因?yàn)楦骂l繁而且內(nèi)容質(zhì)量十分了得。如果你還是第一次聽說(shuō)這個(gè)網(wǎng)站我大力推薦你去See See。

3.Tutorial 9 Tutorial9 收集了教師專家還有來(lái)自江湖上各路高手的教程。可謂集思廣益誰(shuí)有興趣都可以去學(xué)習(xí)學(xué)習(xí)。

4.PSD Fan 可能你已經(jīng)顧名思義猜測(cè)提供的教程。不過再?gòu)?qiáng)調(diào)一下這 可不是簡(jiǎn)簡(jiǎn)單單的教程網(wǎng)站。

5.Design Instruct Design Instruct 是一家針對(duì)設(shè)計(jì)師和數(shù)碼藝術(shù)家的定期更新的網(wǎng)絡(luò)雜志。在這里你可以找到設(shè)計(jì)的技巧和竅門。還有世界各地的頂級(jí)設(shè)計(jì)師和數(shù)碼藝術(shù)家的一些高品質(zhì)的教程以及 文章涵蓋一系列議題讓你深入了解和啟發(fā)。

6.10Steps 高品質(zhì)的Photoshop教程因大多數(shù)都可以在10 步之內(nèi)完成而得名。

7.WebDesigner Depot Webdesigner 站是一個(gè)令人振奮的新平臺(tái)旨在探索不同的網(wǎng)絡(luò)和圖形設(shè)計(jì)技術(shù)有很好的實(shí)例和優(yōu)秀的實(shí)踐方法。雖然Webdesigner專注于網(wǎng)頁(yè)設(shè)計(jì)不過發(fā)布的 Photoshop教程也十分的好。

8.Photoshop Lady 高品質(zhì)的 Photoshop教程的集中地學(xué)習(xí)掌握Photoshop的資源庫(kù)。

9.De ise Function De ise Function由專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師馬修.海登賴克于成立2010年1月創(chuàng)辦。目前網(wǎng)站提供教程和資源面向全網(wǎng)絡(luò)的開發(fā)者和設(shè)計(jì)師。De ise Function的教程一般都是網(wǎng)頁(yè)設(shè)計(jì)都是很酷的。

10.Tut Candy Tuts candy 的Photoshop教程最讓人喜歡的是它的教程都是視頻屏幕錄像很容易學(xué)習(xí)。

11.PSD ault 一個(gè) 很棒Photoshop的博客一直不斷出產(chǎn)優(yōu)秀的內(nèi)容這個(gè)博客是一個(gè)哥們業(yè)余時(shí)間整的。

12.Blog.SpoonGraphics 在這個(gè)網(wǎng)站你會(huì)發(fā)現(xiàn)這里設(shè)計(jì)教程涵蓋Adobe Illustrator和Photoshop的各種技巧以及其他各種創(chuàng)造性的點(diǎn)子。

13.Psdlearning PSD learning開始于2008年6月13日。以Tutorials4Photoshop的名義下從一個(gè)blogspot.com的子域名遷移出來(lái)。域名 變更是由于Tutorials4Photoshop在第一個(gè)月取得的成功而且為了提供更好的經(jīng)驗(yàn)和一些特別酷的功能。

14.PShero 沒有像過去那 樣更新了不過仍然不少令人難以置信的Photoshop教程很值得看看。

15.Photoshopstar Photoshop教程和資源更傾向于面向初學(xué)者。

16.Psd ibe 博客是由來(lái)自Cats Who Code的Jean – Baptiste設(shè)計(jì)的。PSD ibe的很多教程都是來(lái)源于此。

17.P M Garage P.M Garage 一個(gè)網(wǎng)頁(yè)設(shè)計(jì)博客/社區(qū)旨在為網(wǎng)頁(yè)設(shè)計(jì)者和開發(fā)人員提供最新的信息以及Photoshop教程。

18.Colorburned Colorburned有些深入的Photoshop教程還一些有用的技巧和竅門帶有較短的屏幕錄像。

19.Grafpedia 高質(zhì)的網(wǎng)頁(yè)設(shè)計(jì)Photoshop教程最后的效果通常十分好。

20.Cirlebox 一 個(gè)新的設(shè)計(jì)博客已經(jīng)出品了一些高品質(zhì)的設(shè)計(jì)教程是一個(gè)很有遠(yuǎn)見的設(shè)計(jì)博客

21.Go Media Go Media有一群對(duì)設(shè)計(jì)和藝術(shù)很有激情的男女有很多對(duì)你有幫助的教程還有設(shè)計(jì)以及設(shè)計(jì)業(yè)務(wù)的建議。

22.Mickm Mickm 一個(gè)非常好的教程博客但最近沒有更新了不過好東西可不少。23.Richworks 一個(gè)涵蓋設(shè)計(jì)相關(guān)主題相當(dāng)廣泛的博客有不少高質(zhì)量的Photoshop教程。

24.We Graphics Photoshop 教程以及優(yōu)質(zhì)設(shè)計(jì)素材資源

25.Design Mag DesignM.ag 是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員的社區(qū)網(wǎng)站。該網(wǎng)站包括了流行的博客網(wǎng)友投遞的新聞設(shè)計(jì)廊以及設(shè)計(jì)工作委員會(huì)。

26.Six Re isions Six Re isions 專門發(fā)布對(duì)網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員的實(shí)際而有用的文章。這里可以尋求有特殊值得學(xué)習(xí)的技巧教程和資源現(xiàn)代網(wǎng)絡(luò)的專業(yè)人士必備。

27.H Designs H designs原創(chuàng)網(wǎng)站設(shè)計(jì)的Photoshop教程很多是為設(shè)計(jì)博客——PSDTuts和Six Re isions——而寫。

28.PSD Rockstar PSD Rockstar 搖滾風(fēng)格的好教程。

29.Myinkblog Myinkblog 推出優(yōu)秀的設(shè)計(jì)以及相關(guān)內(nèi)容的Photoshop教程。

30.Adobe Tutorials Photoshop設(shè)計(jì)教程以及一些有用的Photoshop素材資源

31.Spyre Studios 我最喜歡的一個(gè)設(shè)計(jì)博客也有一些奇奇怪怪的Photoshop和illustrator教程。

32.1stwebdesigner 1st web designer 改變了他們的博客文章的格式并正在出版更多的設(shè)計(jì)教程未來(lái)還有更多。

33.PSD Deluxe PsDeluxe是所有的Photoshop愛好者的終極幸福。有很多關(guān)于Photoshop工具和手段的信息它的目標(biāo)是在未來(lái)成 為每個(gè)喜歡Photoshop的人建立一站式中心。

34.kingtutz King Tutz 是一個(gè)展示最好的PhotoshopIllustrator3D視頻音頻教程的博客。他們的教程靈感來(lái)自生活來(lái)自世界各地。發(fā)布的教程和文章 都是很受歡迎的而且內(nèi)容非常豐富。

35.MediaMilitia Photoshop教程和數(shù)百個(gè)免費(fèi)的高質(zhì)量的設(shè)計(jì)素材。

36.Digital Arts Online Digital arts 是一個(gè)設(shè)計(jì)雜志網(wǎng)站上Photoshop教程都是在其雜志上發(fā)表的。

37.Photoshop Roadmap 一個(gè)波瀾壯闊的素材庫(kù)跟Photoshop相關(guān)的從教程到筆刷。

38.Abduzeedo 高品質(zhì)的Photoshop教程由一個(gè)了不起的設(shè)計(jì)師法比奧薩索編寫的教程。

39.Computer Arts 另一個(gè)設(shè)計(jì)雜志這網(wǎng)站上的Photoshop的教程都出版在其雜志上。

40.Inspiks

第五篇：國(guó)外報(bào)紙排版設(shè)計(jì)欣賞課件資料

印刷和網(wǎng)絡(luò)是不一樣的。傳統(tǒng)的布局排版并不適于網(wǎng)絡(luò)，因?yàn)閭鹘y(tǒng)的印刷布局，幾乎只想要什么樣的平面效果都能很好的達(dá)到，但在網(wǎng)絡(luò)上設(shè)計(jì)就很困難，盡管很多的效果都能通過一些Javascript或是高級(jí)的CSS技巧來(lái)實(shí)現(xiàn)，但結(jié)果是使用你的源代碼很臃腫，網(wǎng)頁(yè)載入很慢。(via Award-Winning Newspaper Designs)而同樣的，網(wǎng)絡(luò)上的很多排版布局也不同傳統(tǒng)的印刷打印，畢競(jìng)這是兩個(gè)相隔時(shí)間很多的事物。但是，在過去的幾年中，我們發(fā)現(xiàn)越來(lái)越多的報(bào)紙開始使用網(wǎng)頁(yè)設(shè)計(jì)布局排版，比如大量的頁(yè)面留白和基于網(wǎng)絡(luò)的設(shè)計(jì)。同時(shí)，我們也可以借鑒傳統(tǒng)報(bào)紙的排版布局來(lái)獲取新鮮的網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)靈感。今天，就為你收集了40多家新聞報(bào)紙?jiān)O(shè)計(jì)，只要仔細(xì)看，加以應(yīng)用，定能設(shè)計(jì)出優(yōu)秀的作品。

P.S 這些新聞報(bào)紙的排版布局很適合拿來(lái)設(shè)計(jì)Wordpress的雜志風(fēng)格主題。

El Economista(Madrid, Spain)經(jīng)濟(jì)學(xué)家報(bào) 馬德里，西班牙

El Economista 使用一個(gè)很傳統(tǒng)，含蓄，獨(dú)特的報(bào)紙版面和公告，在印刷上面突出比較重要的文章。支持的內(nèi)容和標(biāo)題，四周都是大量的空白。

圖片信息

來(lái)自愛沙尼亞共和國(guó)首都塔林，中文譯名未知

使用了大量的鉛字排版布局，有時(shí)似乎顯得過于擁擠，但包裝上始終是干凈，簡(jiǎn)單消化和容易閱讀。注差異度量

衡的顏色：彩色，灰色和紅色得審慎應(yīng)用。

De Morgen(Belgium)比利時(shí)的《早報(bào)》

De Morgen 的重點(diǎn)是有吸引力的包裝和視覺吸引力的布局。鮮明的色彩，提供讀者更多關(guān)注;然而，他們也有一個(gè)特色，以新聞標(biāo)題為基礎(chǔ)，每一頁(yè)的背景顏色不同。

Politiken(Copenhagen, Denmark)

來(lái)自哥本哈根

Politiken 有一個(gè)很醒目討好，易讀的布局和柔和，中性的色彩。

The Rzeczpospolita(Warsaw, Poland)

來(lái)自波蘭華沙

The Rzeczpospolita 顯示其保守的傳統(tǒng)，保守的布局。沒有花俏的圖像，沒有生動(dòng)的背景顏色使用。內(nèi)容占主導(dǎo)地位，并有利于布局，以獲得一個(gè)相當(dāng)傳統(tǒng)的期待。

Le Monde(Paris, France)來(lái)自法國(guó)巴黎的《世界報(bào)》

Le Monde 提出了一種混合的豐富多彩的圖片信息，固體印刷術(shù)和專業(yè)內(nèi)容…

Frankfurter Allgemeine Zeitung(Frankfurt, Germany)

德國(guó)的《法蘭克福匯報(bào)》

摘編的分布一致，給人一頁(yè)清晰和易于閱讀的排版結(jié)構(gòu)。

Expresso(Portugal)

來(lái)自葡萄牙

Expresso: 擁有豐富的色彩，基于網(wǎng)格的布局和簡(jiǎn)潔的印刷術(shù)，看上去非常清爽。

The Guardian(London, UK)

來(lái)自英國(guó)的《衛(wèi)報(bào)》

The Guardian 最近已完成了它的重新設(shè)計(jì)。結(jié)果是：更生動(dòng)的色彩和更生動(dòng)的摩天大廈位。

Dubai Express(Dubai, United Arab Emirates)

Dubai Express 另一個(gè)豐富多彩，但版面設(shè)計(jì)叫人容易閱的設(shè)計(jì)?？偣膊贾糜?0個(gè)顏色，在不同環(huán)境下使用不同的顏色。注意保持敏銳的印刷術(shù)和使用英文大寫字母上頭版。在這種情況下，顏色是絕對(duì)恰當(dāng)?shù)?，因?yàn)閳?bào)紙的主要話題是娛樂。

P.S 之前介紹過DUBAI將要修建世界上最大最高的拱橋

Mint(India)

《印度斯坦時(shí)報(bào)》的副產(chǎn)品《財(cái)富報(bào)》

Mint利用大型壓痕印刷術(shù)和為獨(dú)立的內(nèi)容設(shè)計(jì)優(yōu)雅的視覺亮點(diǎn)。既引人入勝，又容易掃描和閱讀。

St.Louis Post-Dispatch(US)美國(guó)的《圣路易斯快郵報(bào)》

St.Louis Post-Dispatch(US)的布局有一個(gè)明確的內(nèi)容的層次，以及一個(gè)非常簡(jiǎn)單的結(jié)構(gòu)。大量的空白：不知道是浪費(fèi)空間還是聰明的技巧，為了提高讀者的注意力集中在主要新聞？

Hartford Courant(US)來(lái)自美國(guó)的《哈特福特日?qǐng)?bào)》

The Hartford Courant 區(qū)別于與一般的優(yōu)雅設(shè)計(jì)和排版。大膽的攝影風(fēng)絡(luò)及插圖為讀者創(chuàng)造出緊張的閱讀感。