正文

網(wǎng)頁(yè)設(shè)計(jì)欣賞（汽車網(wǎng)頁(yè)設(shè)計(jì)欣賞）

發(fā)布時(shí)間：2023-03-12 16:31:54 稿源：創(chuàng)意嶺閱讀： 1165 問(wèn)大家

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于網(wǎng)頁(yè)設(shè)計(jì)欣賞的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

1、想找一些酷站
2、急求??！西歐，日韓，中國(guó)，各自的網(wǎng)頁(yè)美工設(shè)計(jì)特點(diǎn)
3、推薦幾個(gè)好的設(shè)計(jì)素材網(wǎng)站出來(lái)視覺(jué)中國(guó)，千圖網(wǎng)，昵圖網(wǎng)
4、網(wǎng)頁(yè)制作課程設(shè)計(jì)總結(jié)

網(wǎng)頁(yè)設(shè)計(jì)欣賞（汽車網(wǎng)頁(yè)設(shè)計(jì)欣賞）

一、想找一些酷站

這幾個(gè)網(wǎng)站望您喜歡:

http://www.37021.com/[37021酷站大全--(精選中國(guó)最酷的網(wǎng)址大全)]

http://cwd.52design.com/[酷站營(yíng)--國(guó)內(nèi)國(guó)外酷站欣賞收藏,當(dāng)前共收錄酷站15630個(gè),新入會(huì)員共8168人 ]

http://web.2008php.com /[歐萊凱主題網(wǎng)--有韓國(guó)、日本、歐美的酷站]

http://www.bluestation.net/[Bluestation 設(shè)計(jì)酷站搜羅大全-- 為專業(yè)的酷站設(shè)計(jì)師提供靈感源泉]

http://www.yi2.net/[依兒酷站--網(wǎng)站設(shè)計(jì)欣賞,網(wǎng)頁(yè)設(shè)計(jì),優(yōu)秀網(wǎng)站欣賞,個(gè)人網(wǎng)站欣賞等各類精品酷站欣賞,致力提高網(wǎng)頁(yè)設(shè)計(jì)師專業(yè)審美! ]

http://www.di3fang.cn/[比比發(fā) 酷站網(wǎng)址導(dǎo)航--非常實(shí)用的酷站]

http://www.kecola.com/index.asp[可酷啦--酷站欣賞|設(shè)計(jì)素材，精彩網(wǎng)站齊分享,國(guó)內(nèi)外大量精美網(wǎng)站分類瀏覽(酷站欣賞);圖庫(kù),圖標(biāo),矢量圖,插畫(huà),標(biāo)志等大量素材欣賞下載,滿足您的設(shè)計(jì)需求.專業(yè)的設(shè)計(jì)與技術(shù)支持,為您提供網(wǎng)站設(shè)計(jì)與網(wǎng)絡(luò)]

二、急求??！西歐，日韓，中國(guó)，各自的網(wǎng)頁(yè)美工設(shè)計(jì)特點(diǎn)

中國(guó)與歐美用戶在色彩感受、頁(yè)面布局、瀏覽習(xí)慣上同國(guó)人都有很大的區(qū)別。

歐美用戶不習(xí)慣艷麗、花哨的色彩和網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格，他們比較鐘情于簡(jiǎn)潔、平淡而嚴(yán)謹(jǐn)?shù)娘L(fēng)格，即使許多大型網(wǎng)站也是這種風(fēng)格。

歐美網(wǎng)站在首頁(yè)頁(yè)面上通常不會(huì)放置太多內(nèi)容，也很少

歐美用戶在色彩感受、頁(yè)面布局、瀏覽習(xí)慣上同國(guó)人都有很大的區(qū)別。

歐美網(wǎng)站在首頁(yè)頁(yè)面上通常不會(huì)放置太多內(nèi)容，也很少放置廣告，他們傾向于將首頁(yè)做成各類功能、板塊的引導(dǎo)界面，即使有內(nèi)容表現(xiàn)，也是比較簡(jiǎn)潔的，不超過(guò)2屏，完全不像國(guó)內(nèi)網(wǎng)站喜歡堆積大量廣告和內(nèi)容。

國(guó)外傳統(tǒng)網(wǎng)站比較講究網(wǎng)站的實(shí)用性和便利性，他們會(huì)花很多時(shí)間去制作很多周到實(shí)用的細(xì)節(jié)，功能雖然大多平實(shí)但很有效。

國(guó)外網(wǎng)站對(duì)安全性的要求非常高，許多服務(wù)和功能都需要進(jìn)行安全連接，而國(guó)內(nèi)只有交易、銀行等網(wǎng)站才會(huì)注意到.網(wǎng)站建設(shè)專家企創(chuàng)動(dòng)力竭誠(chéng)為您服務(wù)！

國(guó)外用戶很看重個(gè)人隱私，因此國(guó)外網(wǎng)站對(duì)個(gè)人信息和隱私也非常注意保護(hù)，除了隱私條款外，在細(xì)節(jié)上也需要加強(qiáng)隱私保護(hù)的說(shuō)明和功能。

國(guó)外商業(yè)用戶對(duì)網(wǎng)站的信譽(yù)度很看重，如果你沒(méi)有詳細(xì)描述關(guān)于網(wǎng)站的介紹、提供足夠充足的范例和建立嚴(yán)謹(jǐn)而值得信賴的流程，那么你就很容易丟失用戶。

國(guó)內(nèi)外網(wǎng)站之間的差異估計(jì)同各自的文化教育、甚至語(yǔ)言文字等因素相關(guān)。通常我們所說(shuō)的國(guó)外網(wǎng)站是指歐美網(wǎng)站，而以上所描述的也主要是針對(duì)歐美用戶而言，其他國(guó)家例如韓國(guó)又會(huì)是另外一種國(guó)內(nèi)網(wǎng)頁(yè)設(shè)計(jì)師經(jīng)常借鑒的風(fēng)格，但這種風(fēng)格絕對(duì)不適宜建立英文網(wǎng)站。網(wǎng)站建設(shè)專家企創(chuàng)動(dòng)力竭誠(chéng)為您服務(wù)！

再補(bǔ)充一點(diǎn)，就是中國(guó)人做的英文網(wǎng)站需要注意英文使用習(xí)慣，許多你覺(jué)得翻譯非常到位的語(yǔ)句其實(shí)在國(guó)外看來(lái)是非常好笑也很難理解的，就像阿里巴巴這樣的知名網(wǎng)站也有不少英文是令老外比較難接受的，所以如果你做英文網(wǎng)站，完成之后最好讓國(guó)外朋友幫你看看，否則別人會(huì)對(duì)你的網(wǎng)站印象會(huì)大打折扣。

放置廣告，他們傾向于將首頁(yè)做成各類功能、板塊的引導(dǎo)界面，即使有內(nèi)容表現(xiàn)，也是比較簡(jiǎn)潔的，不超過(guò)2屏，完全不像國(guó)內(nèi)網(wǎng)站喜歡堆積大量廣告和內(nèi)容。

國(guó)外網(wǎng)站對(duì)安全性的要求非常高，許多服務(wù)和功能都需要進(jìn)行安全連接，而國(guó)內(nèi)只有交易、銀行等網(wǎng)站才會(huì)注意到。網(wǎng)站建設(shè)專家企創(chuàng)動(dòng)力竭誠(chéng)為您服務(wù)！

國(guó)內(nèi)外網(wǎng)站之間的差異估計(jì)同各自的文化教育、甚至語(yǔ)言文字等因素相關(guān)。通常我們所說(shuō)的國(guó)外網(wǎng)站是指歐美網(wǎng)站，而以上所描述的也主要是針對(duì)歐美用戶而言，其他國(guó)家例如韓國(guó)又會(huì)是另外一種國(guó)內(nèi)網(wǎng)頁(yè)設(shè)計(jì)師經(jīng)常借鑒的風(fēng)格，但這種風(fēng)格絕對(duì)不適宜建立英文網(wǎng)站。上海網(wǎng)站建設(shè)專家企創(chuàng)動(dòng)力竭誠(chéng)為您服務(wù)！

韓國(guó)網(wǎng)站的設(shè)計(jì)大都色彩鮮亮，大面積使用圖片，且Flash動(dòng)畫(huà)居多，所以導(dǎo)致打開(kāi)網(wǎng)站速度非常的慢。這種風(fēng)格，目前來(lái)講還不太適合中國(guó)的國(guó)情，中國(guó)網(wǎng)速慢——大唐視覺(jué)：網(wǎng)站建設(shè)公司，給你專業(yè)的體貼的提醒。

一、頁(yè)面結(jié)構(gòu)

韓國(guó)網(wǎng)站的頁(yè)面結(jié)構(gòu)相對(duì)來(lái)說(shuō)比較簡(jiǎn)單，可以說(shuō)幾乎是統(tǒng)一的風(fēng)格，頂部的左邊是網(wǎng)站的logo，右邊就是它的導(dǎo)航欄，和國(guó)內(nèi)網(wǎng)站不一樣的地方它甚少采用下拉菜單的樣式，而是把各級(jí)欄目的下級(jí)內(nèi)容放在導(dǎo)航欄的下面。然后下面是個(gè)大大的Flash條，再往下就是各個(gè)小欄目的主要內(nèi)容：

二、色彩運(yùn)用

韓國(guó)設(shè)計(jì)師很多都是科班出生，對(duì)色彩的運(yùn)用非常得當(dāng)，在我們看來(lái)有些非常難看的顏色到了他們的手里很輕易的就搭配出一種很另類或和諧的美感，給人的感覺(jué)要么淡雅迷人，要么另類大膽，讓人覺(jué)得欣賞他們的網(wǎng)站是一個(gè)非常愉悅的過(guò)程。在我看來(lái)，韓國(guó)的設(shè)計(jì)師真是深得Windows xp的設(shè)計(jì)精髓，漸變色以及透明水晶效果用得非常恰當(dāng)，而不像很多網(wǎng)站動(dòng)不動(dòng)就濫用仿蘋果按鈕，和整體風(fēng)格不協(xié)調(diào)，看起來(lái)顯得很突兀。韓國(guó)網(wǎng)站的各個(gè)欄目一般都比較喜歡采用不同的色調(diào)來(lái)表達(dá)不同欄目的主題，灰色是他們最愛(ài)用的顏色，因?yàn)榛疑容^中庸，能和任何色彩搭配，大大的改變色彩的韻味，使對(duì)比更強(qiáng)烈，正文文字也大都采用灰色。而局部則喜歡用色彩絢麗的色條或色塊來(lái)區(qū)分不同的欄目。

下面這兩個(gè)網(wǎng)站運(yùn)用漸變色很出色，圖3一看顏色就知道是個(gè)女性的時(shí)尚站點(diǎn)，它把幾個(gè)欄目做成晶瑩剔透的泡泡球放在頂部的大Flash條里，非常醒目。整個(gè)站點(diǎn)顯得異常優(yōu)雅迷人。

三、Flash動(dòng)畫(huà)及圖片的運(yùn)用

韓國(guó)的寬帶普及率很高，所以設(shè)計(jì)師設(shè)計(jì)起頁(yè)面來(lái)完全毫無(wú)顧忌，大量的圖片、flash得到很好的運(yùn)用，網(wǎng)站里的圖片動(dòng)不動(dòng)就是40、50K的大圖，網(wǎng)頁(yè)圖片多的頁(yè)面大小通常都是幾百K，這在我們國(guó)內(nèi)是根本不敢想像的。韓國(guó)的flash banner大都以橫幅廣告條出現(xiàn)在頁(yè)面的導(dǎo)航欄下面，采用的都是精美的圖片或者是手繪風(fēng)格的矢量插圖。國(guó)內(nèi)很多網(wǎng)站也采用大幅的flash廣告條，但是通常都是著眼于如何去表現(xiàn)flash動(dòng)畫(huà)的酷、炫的感覺(jué)，使得瀏覽者過(guò)于關(guān)注flash而忽視了頁(yè)面的其他內(nèi)容。而韓國(guó)的flash則更好的服務(wù)于網(wǎng)站的主題，和整個(gè)頁(yè)面搭配起來(lái)看得很舒服而不搶眼，他們的關(guān)鍵就在于整個(gè)flash不是全部變化，而只是局部在動(dòng)，以及文字和背景的巧妙配合。韓國(guó)網(wǎng)頁(yè)設(shè)計(jì)師的手繪能力很強(qiáng)，頁(yè)面中大量采用手繪的矢量圖片，使得整個(gè)網(wǎng)站顯得精致而與眾不同。

圖5是個(gè)很養(yǎng)眼的網(wǎng)站，顏色采用類似色調(diào)搭配，看起來(lái)很舒服。最欣賞的就是flash的右邊的樹(shù)葉，有幾片葉子在輕輕飄動(dòng)，左邊的圖片淡淡地消失、出現(xiàn)，文字緩緩出現(xiàn)，真的是非常有意境，整個(gè)網(wǎng)站看起來(lái)生機(jī)盎然。

最近在雜志界開(kāi)始吹起了復(fù)古風(fēng)，六、七十年代的手繪插圖又開(kāi)始流行，雜志書(shū)籍中大量使用矢量時(shí)尚插圖取代以前的照片，這股流行勢(shì)力很快也蔓延到了網(wǎng)絡(luò)上，韓國(guó)網(wǎng)站緊隨其后，在時(shí)尚站點(diǎn)和兒童站點(diǎn)中大量運(yùn)用手繪的插圖，如圖6 、圖7所示。

四、文字排版

網(wǎng)站的內(nèi)容排版因?yàn)橐紤]到可讀性，很多欄目的文字編排都比較簡(jiǎn)單，利于閱讀，而在一些內(nèi)容較少的頁(yè)面如網(wǎng)站的廣告或宣傳頁(yè)上排版則富于變化，更類似于雜志內(nèi)頁(yè)的排版，我懷疑很多韓國(guó)網(wǎng)頁(yè)設(shè)計(jì)師都是從平面設(shè)計(jì)師轉(zhuǎn)行過(guò)來(lái)的。

五、頁(yè)面的立體感及細(xì)節(jié)處理

韓國(guó)網(wǎng)站還有個(gè)令人稱道的地方就是它的網(wǎng)站看起來(lái)很有層次感，而這個(gè)層次感不是靠作幾個(gè)立體字來(lái)體現(xiàn)的，其實(shí)靠的也不過(guò)是添加簡(jiǎn)單的圖片或文字陰影效果和巧妙的利用構(gòu)圖來(lái)形成視覺(jué)上的差異，但就是這種設(shè)計(jì)上的不拘泥于形式使網(wǎng)站的立體效果呼之欲出。我最佩服的是韓國(guó)設(shè)計(jì)師做事的認(rèn)真態(tài)度，他們的每一個(gè)按鈕、圖片的處理都及其講究，其實(shí)一些細(xì)微的部分不仔細(xì)看還不一定容易發(fā)現(xiàn)，但是如果少了這些細(xì)節(jié)的地方，整個(gè)網(wǎng)站的整體形象就要大打折扣了。

先說(shuō)這個(gè)“長(zhǎng)”，中國(guó)網(wǎng)站的頁(yè)面真是長(zhǎng)啊，以至于我坐在電腦前瀏覽的時(shí)候經(jīng)常會(huì)想，這個(gè)頁(yè)面的最低端會(huì)不會(huì)已經(jīng)搭拉到我的腳面上了。我們的萬(wàn)里長(zhǎng)城是第幾大奇跡來(lái)著？反正中國(guó)的網(wǎng)站應(yīng)該緊排在她后面。

我們的大型門戶網(wǎng)站恐怕應(yīng)該是長(zhǎng)頁(yè)面的領(lǐng)軍者吧?，F(xiàn)在能生存下來(lái)的大型門戶各個(gè)實(shí)力不凡，又紛紛上市，其他網(wǎng)站能與他們頁(yè)面相似應(yīng)該也能說(shuō)明實(shí)力相似吧，這幾家大型門戶已經(jīng)給用戶形成了“長(zhǎng)則是好”的印象，于是眾多網(wǎng)站都紛紛“長(zhǎng)”起來(lái)了。無(wú)論是綜合性網(wǎng)站還是專業(yè)性網(wǎng)站，只要有內(nèi)容，就能做多長(zhǎng)就做多長(zhǎng)，沒(méi)有內(nèi)容，抄襲別人內(nèi)容也要做長(zhǎng)，以至于不少實(shí)力有限的網(wǎng)站只是首頁(yè)很長(zhǎng)，到了欄目頁(yè)面（二級(jí)頁(yè)面）就簡(jiǎn)陋的可憐了。

長(zhǎng)的基礎(chǔ)就是要內(nèi)容要多，這些眾多的長(zhǎng)網(wǎng)站在組織內(nèi)容的思路上基本是一致的，就是把二級(jí)頁(yè)面的內(nèi)容摘要的放在首頁(yè)上。首頁(yè)分成若干個(gè)相應(yīng)的通欄的大塊兒（這樣可以逐個(gè)部分的下載頁(yè)面，易于顯示），再在每?jī)蓧K之間加一條廣告，最后再在頁(yè)面的最上面加一個(gè)更綜合的區(qū)域，所謂的重中之重，這樣以來(lái)頁(yè)面想短都短不了。

按照J(rèn)akob Nielsen的說(shuō)法：網(wǎng)站首頁(yè)的長(zhǎng)度不應(yīng)該超過(guò)4屏。當(dāng)然這個(gè)準(zhǔn)則也未必就那么準(zhǔn)確，但是至少應(yīng)該承認(rèn)頁(yè)面不是越長(zhǎng)越好的。

第二，說(shuō)說(shuō)“閃”。就是網(wǎng)頁(yè)上能動(dòng)的東西―――動(dòng)畫(huà)。主要是Gif動(dòng)畫(huà)，flash動(dòng)畫(huà)，腳本語(yǔ)言實(shí)現(xiàn)的圖片交替效果，還有就是彈出窗口。動(dòng)畫(huà)對(duì)網(wǎng)頁(yè)表現(xiàn)本應(yīng)該是個(gè)很好的補(bǔ)充，但是現(xiàn)在的實(shí)際效果是對(duì)網(wǎng)頁(yè)的干擾，因?yàn)閯?dòng)畫(huà)從一開(kāi)始就扮演著廣告的角色。雖然將各種形式的動(dòng)畫(huà)應(yīng)用于網(wǎng)站在國(guó)外的網(wǎng)站上也常見(jiàn)，但是中國(guó)網(wǎng)站上的動(dòng)畫(huà)實(shí)在是太多了?？峙乱彩且?yàn)橹袊?guó)網(wǎng)站頁(yè)面長(zhǎng)吧，能放動(dòng)畫(huà)的空間自然也就大了。整個(gè)頁(yè)面到處都在不停的閃?？茖W(xué)家已經(jīng)證實(shí)，在月球上是看不到萬(wàn)里長(zhǎng)城的，但是我想，應(yīng)該是可以看到中國(guó)網(wǎng)頁(yè)的，它們不僅長(zhǎng)，而且還在不停的閃爍。

這些動(dòng)畫(huà)通常是廣告，網(wǎng)站要生存，要有經(jīng)濟(jì)效益，這是可以理解的，但卻不可接受，尤其是太多的時(shí)候。最不可接受的是一些網(wǎng)站會(huì)把自己的欄目名稱，網(wǎng)站logo之類的很重要的內(nèi)容也做成動(dòng)畫(huà)，以為這樣可以更醒目，要知道，絕大多數(shù)用戶是經(jīng)驗(yàn)豐富的，他們看到動(dòng)畫(huà)閃來(lái)閃去就會(huì)認(rèn)為那是廣告的，盡管你不是，那也活該，誰(shuí)讓你亂閃來(lái)著。

雖然彈出窗口里的內(nèi)容不一定是動(dòng)畫(huà)，但是它“噌”的一下彈出來(lái)，著實(shí)是夠“動(dòng)”的，就動(dòng)畫(huà)的效果而言，絕對(duì)是最具視覺(jué)沖擊力的。還好，現(xiàn)在有越來(lái)越多的雷鋒式的好公司提供了能屏蔽彈出窗口的工具。

腳本語(yǔ)言實(shí)現(xiàn)的圖片交替效果目前主要是用在網(wǎng)站頭條的圖片報(bào)道上，雖然是動(dòng)，分散用戶的注意力，好在這種方式還是為了給用戶提供盡可能多的信息，應(yīng)該值得肯定，也應(yīng)該是動(dòng)畫(huà)應(yīng)用于網(wǎng)絡(luò)的發(fā)展方向，只是不知道什么時(shí)候，哪位設(shè)計(jì)師靈感突現(xiàn)，把廣告也偽裝成這種樣子，應(yīng)該能在一片罵聲中為公司贏得不少經(jīng)濟(jì)效益。

Gif動(dòng)畫(huà)是種傳統(tǒng)的動(dòng)畫(huà)形式了，不過(guò)在flash動(dòng)畫(huà)面前，它的生存空間越來(lái)越小了，與flash動(dòng)畫(huà)相比恐怕Gif動(dòng)畫(huà)唯一的優(yōu)勢(shì)就是在用戶將網(wǎng)頁(yè)“另存為…”后，Gif動(dòng)畫(huà)還能顯示，而flash就不行了。雖然Gif已是人老珠黃了，但是還是要批判，因?yàn)樗ǔＪ菑V告。

Flash動(dòng)畫(huà)無(wú)疑是網(wǎng)頁(yè)動(dòng)畫(huà)的主力了，文件小，效果好，一個(gè)白方塊在黑背景上隔幀出現(xiàn)，連續(xù)幾次，只要尺寸稍大就足以造成用戶暫時(shí)性失明。實(shí)際上，flash基于其強(qiáng)大的交互性應(yīng)當(dāng)能為提高用戶界面的性能提供巨大幫助，但是如前面所說(shuō)，它更被廣告商所看好。更不幸的是越來(lái)越多“閃客”在為這項(xiàng)事業(yè)服務(wù)，原本代表特例獨(dú)行、自由創(chuàng)造精神的人走向了相反的方向。這有點(diǎn)兒象政府將反政府武裝招安后讓他們穿著原來(lái)的軍裝去給政府機(jī)關(guān)當(dāng)保安。

第三是“擠”。我們的網(wǎng)站看上去滿滿當(dāng)當(dāng)?shù)?，比公共汽車還擠。每天早上都是擠公共汽車，然后擠地鐵，擠電梯，擠著打卡，好容易坐下了，打開(kāi)電腦就不要再那么擠了，大家站開(kāi)點(diǎn)兒吧，網(wǎng)頁(yè)上有的是地兒。

與英文相比，中文本身就顯得比較復(fù)雜，對(duì)于有鏈接的文字中國(guó)網(wǎng)站又往往更傾向于傳統(tǒng)的隨時(shí)保持下劃線的方式，再加上小的幾乎不存在的行間距（顯然，這里夸張了，至少還要有劃下劃線的地兒），使得頁(yè)面看上去分外豐滿，如同我小時(shí)候習(xí)慣了在田字格本上寫(xiě)字后，初次改用行距很小的單線格本寫(xiě)字所展現(xiàn)出的風(fēng)采。

即便是體檢用的視力表也沒(méi)有把行距安排的如此之小，那可是專門給我們眼睛找麻煩的工具啊，我們的網(wǎng)站無(wú)一不是把用戶放在第一位的（至少自稱是這樣的），為什么不能把行距拉大些呢？

經(jīng)常可以看到某網(wǎng)站為了突出重點(diǎn)內(nèi)容而使用14pt的字號(hào)，然而卻不加大該內(nèi)容與其他內(nèi)容的距離，這樣只能使頁(yè)面看上去更擁擠。這種做法倒是與老板（個(gè)別的，個(gè)別的，如果您是老板，那這里所說(shuō)的一定不包括您）的做法頗為相似：只增加工作，不加薪。也許是設(shè)計(jì)師在用這種擁擠的樣式向老板示威吧。

第四是“花”，中國(guó)網(wǎng)站的色彩之絢爛，幾乎無(wú)以復(fù)加。前面分析了首頁(yè)的構(gòu)成方式―――將各個(gè)欄目摘要排放在首頁(yè)上，通常每一個(gè)欄目會(huì)有一種主色調(diào)，這樣一來(lái)，首頁(yè)上的色彩自然就很豐富了。

當(dāng)然，分欄目確定主色調(diào)的設(shè)計(jì)方式本身并沒(méi)有錯(cuò)誤，也不足以搞“花”頁(yè)面，然而實(shí)際情況卻更復(fù)雜，以文字為例，未點(diǎn)擊的鏈接文字有黑色和藍(lán)色，重點(diǎn)的文字會(huì)用紅色（重點(diǎn)通常還很多），點(diǎn)擊后的文字鏈接是紫色，無(wú)鏈接且不重要的文字是灰色，此外為了突出某一個(gè)重點(diǎn)內(nèi)容會(huì)添加一個(gè)醒目的背景色或文字顏色。網(wǎng)頁(yè)設(shè)計(jì)師為了表明自己工作用心，會(huì)給每一個(gè)子欄目的標(biāo)題部分設(shè)計(jì)一個(gè)很具有特色的背景，這些文字再與數(shù)不勝數(shù)的圖片、動(dòng)畫(huà)交相輝映，使得用戶可以在一個(gè)頁(yè)面上將電腦可以顯示的全部色彩盡收眼底。網(wǎng)頁(yè)設(shè)計(jì)師實(shí)際上根本不需要絞盡腦汁為頁(yè)面設(shè)定主色調(diào)了，所有的頁(yè)面色調(diào)都已經(jīng)設(shè)定好了―――彩色。

為什么中國(guó)網(wǎng)站會(huì)設(shè)計(jì)成這個(gè)樣子呢？

造成“長(zhǎng)，閃，擠，花”問(wèn)題的實(shí)質(zhì)是一個(gè)“多”字。中國(guó)網(wǎng)站首頁(yè)上內(nèi)容多，重點(diǎn)多，欄目多，圖片多，廣告多，該多的多，不該多的也多，要多多，有多多。

“多”是中國(guó)網(wǎng)站的特點(diǎn)，更是中國(guó)社會(huì)的現(xiàn)實(shí)狀況。無(wú)論是超級(jí)市場(chǎng)里還是購(gòu)物中心里，到處是商品，到處是人潮，即使是象書(shū)店，美術(shù)館這樣的場(chǎng)所也是相似的場(chǎng)面，人們相信人多的商場(chǎng)里的商品會(huì)更好，人多的書(shū)店里的書(shū)會(huì)更全，人多的美術(shù)展會(huì)更有水平，賣家只能盡可能的展現(xiàn)自己的產(chǎn)品，從而證明自己的實(shí)力，而其他更高級(jí)的要求，諸如：環(huán)境，風(fēng)格，品味，服務(wù)……都要為展示產(chǎn)品讓路了。

在目前的中國(guó)，無(wú)論是物質(zhì)產(chǎn)品還是精神產(chǎn)品，廣大受眾的需求都遠(yuǎn)遠(yuǎn)沒(méi)有得到滿足，所以大家都希望能看到更多產(chǎn)品，這樣就形成了“多則好”消費(fèi)心理（瀏覽網(wǎng)站的消費(fèi)形式顯得更間接），網(wǎng)頁(yè)設(shè)計(jì)師在應(yīng)聘時(shí)經(jīng)常會(huì)被問(wèn)到：你是否能勝任“大型”網(wǎng)站的設(shè)計(jì)，即“能不能把頁(yè)面做的很長(zhǎng)。”

中國(guó)網(wǎng)頁(yè)內(nèi)容多，給人忙亂的感受，正象我們自己經(jīng)常會(huì)向別人抱怨自己忙的要死，以此來(lái)表示我們自己的價(jià)值。

引用Donald Norman 在《emotional design》一書(shū)中的理論，設(shè)計(jì)可以分為三種層次：本能水平的設(shè)計(jì)、行為水平的設(shè)計(jì)、反思水平的設(shè)計(jì)。本能水平的設(shè)計(jì)是滿足人類本能審美需求的設(shè)計(jì)，也就是漂亮、美觀的設(shè)計(jì)；行為水平的設(shè)計(jì)是注重效用的設(shè)計(jì)，注重功能、易用性、可用性；反思水平的設(shè)計(jì)注重信息、文化的作用，一件產(chǎn)品被設(shè)計(jì)的很獨(dú)特、出眾、引人矚目，用戶會(huì)因?yàn)槭冀K這個(gè)產(chǎn)品而產(chǎn)生樂(lè)趣，產(chǎn)生滿足感。

根據(jù)這個(gè)理論，中國(guó)網(wǎng)站的設(shè)計(jì)普遍達(dá)沒(méi)能實(shí)現(xiàn)本能水平的設(shè)計(jì)，雖然網(wǎng)站的boss、設(shè)計(jì)師本人都希望把網(wǎng)站設(shè)計(jì)的很漂亮，吸引用戶的眼球。行為水平的設(shè)計(jì)逐漸被重視了，不過(guò)目前基本上還是停留在不高的水平上。上面說(shuō)到的中國(guó)網(wǎng)站的種種問(wèn)題實(shí)際上正式在反思水平上的設(shè)計(jì)，一種變相的反思水平設(shè)計(jì)。

“多”這種看似缺陷的現(xiàn)象，實(shí)際上正式給用戶一個(gè)好的反思―――“這個(gè)網(wǎng)站的內(nèi)容豐富，在這里我能得到想要的東西?！北M管很多用戶并不會(huì)真的關(guān)注首頁(yè)上的內(nèi)容。

正是這種反思吸引著用戶，保證著網(wǎng)站的訪問(wèn)量。

造成上述網(wǎng)站首頁(yè)設(shè)計(jì)問(wèn)題的罪魁并不是設(shè)計(jì)師沒(méi)水平或者用戶沒(méi)品味，而是產(chǎn)品不夠，這表面上的“多”其實(shí)是由于“少”造成的。用戶對(duì)網(wǎng)絡(luò)內(nèi)容的需求引導(dǎo)著網(wǎng)站的設(shè)計(jì)，策劃人員有意無(wú)意的在迎合著這樣的需求。

要改變中國(guó)網(wǎng)頁(yè)設(shè)計(jì)單靠高水平的設(shè)計(jì)師是不夠的，中國(guó)網(wǎng)頁(yè)設(shè)計(jì)水平的提高是伴隨著社會(huì)發(fā)展在進(jìn)步的。

三、推薦幾個(gè)好的設(shè)計(jì)素材網(wǎng)站出來(lái)視覺(jué)中國(guó)，千圖網(wǎng)，昵圖網(wǎng)

先推薦一些我平時(shí)用的網(wǎng)站，后面還有一些國(guó)內(nèi)外出名的網(wǎng)站。

題主可以慢慢選

花瓣網(wǎng)，真心好用

設(shè)計(jì)怎么能缺了字體

這個(gè)網(wǎng)站也挺不錯(cuò)

還有這個(gè)

以上是我常用到的網(wǎng)站

再推薦一些國(guó)內(nèi)外的網(wǎng)站給題主你去選擇

國(guó)內(nèi)設(shè)計(jì)/素材站

http://www.zcool.com.cn/ 站酷

http://www.68design.net/ 設(shè)計(jì)師聯(lián)盟

http://www.sucaitianxia.com/ 素材天下

http://www.52design.com 我愛(ài)設(shè)計(jì)網(wǎng)

http://www.chinavisual.com/視覺(jué)中國(guó)

http://down.chinavisual.com/ 下吧素材網(wǎng)

http://sc.chinaz.com/psd/ 站長(zhǎng)素材

http://www.tooopen.com/psd/ 素材公社

http://www.sccnn.com/ 素材中國(guó)

http://www.cyzg.com/ 創(chuàng)意中國(guó)

http://www.sharelogo.cn/ 標(biāo)志設(shè)計(jì)

UI設(shè)計(jì)網(wǎng)址

http://www.chinaui.com/ 優(yōu)艾網(wǎng)

http://www.uiimg.com/ UI圖-UI設(shè)計(jì)網(wǎng)

http://www.uisheji.com/ UI設(shè)計(jì)網(wǎng)

http://www.uimaker.com/ UI制造

http://www.worldui.com/ UI設(shè)計(jì)網(wǎng)

http://fanggeben.com/ 方格本

http://www.cnpsd.net/mobile/ 手機(jī)界面

國(guó)外設(shè)計(jì)/素材站

http://www.deviantart.com/ 藝術(shù)與應(yīng)用

http://www.webinspeer.com/酷站欣賞

http://coolhomepages.com/最好的網(wǎng)頁(yè)設(shè)計(jì)酷站欣賞

http://www.bestcssdesign.com/ 最佳的網(wǎng)頁(yè)設(shè)計(jì)

http://subtlepatterns.com/ 背景紋理素材

http://logopond.com/ LOGO設(shè)計(jì)

http://thedesigninspiration.com/設(shè)計(jì)靈感

http://reeoo.com/ 酷站欣賞

http://www.tungtt.com/ 酷站欣賞

http://www.iicns.com/ IOS應(yīng)用圖標(biāo)

四、網(wǎng)頁(yè)制作課程設(shè)計(jì)總結(jié)

網(wǎng)頁(yè)制作課程設(shè)計(jì)總結(jié)

1.設(shè)計(jì)目的

闡述該網(wǎng)站的設(shè)計(jì)意圖和創(chuàng)意，簡(jiǎn)單介紹網(wǎng)站。

2.設(shè)計(jì)思想

闡述網(wǎng)站的整體設(shè)計(jì)思想，包括：

2.1網(wǎng)站整體結(jié)構(gòu)規(guī)劃思想

要求闡述網(wǎng)站整體結(jié)構(gòu)的選擇、設(shè)計(jì)的思想，繪制網(wǎng)站結(jié)構(gòu)草圖。

2.2 主頁(yè)設(shè)計(jì)思想

要求對(duì)主頁(yè)的布局思路進(jìn)行闡述和分析。

2.3子頁(yè)的設(shè)計(jì)思想

要求對(duì)子頁(yè)的設(shè)計(jì)以及網(wǎng)頁(yè)對(duì)象的選取思路進(jìn)行闡述和分析。

3網(wǎng)頁(yè)詳細(xì)設(shè)計(jì)分析

要求選取一張網(wǎng)頁(yè)，對(duì)網(wǎng)頁(yè)的設(shè)計(jì)實(shí)現(xiàn)過(guò)程進(jìn)行闡述和分析，詳細(xì)說(shuō)明制作該網(wǎng)頁(yè)的步驟，所使用的網(wǎng)頁(yè)對(duì)象以及該網(wǎng)頁(yè)對(duì)象的操作方法。

4結(jié)論

對(duì)整個(gè)設(shè)計(jì)報(bào)告做歸納性總結(jié)，并分析設(shè)計(jì)過(guò)程中的困難及如何解決的，最后提出展望。

一、設(shè)計(jì)目的

本課程的設(shè)計(jì)目的是通過(guò)實(shí)踐使同學(xué)們經(jīng)歷Dreamweaver 8開(kāi)發(fā)的全過(guò)程和受到一次綜合訓(xùn)練，以便能較全面地理解、掌握和綜合運(yùn)用所學(xué)的知識(shí)。結(jié)合具體的開(kāi)發(fā)案例，理解并初步掌握運(yùn)用Dreamweaver 8可視化開(kāi)發(fā)工具進(jìn)行網(wǎng)頁(yè)開(kāi)發(fā)的方法;了解網(wǎng)頁(yè)設(shè)計(jì)制作過(guò)程。通過(guò)設(shè)計(jì)達(dá)到掌握網(wǎng)頁(yè)設(shè)計(jì)、制作的技巧。了解和熟悉網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)和實(shí)現(xiàn)技巧。根據(jù)題目的要求，給出網(wǎng)頁(yè)設(shè)計(jì)方案，可以按要求，利用合適圖文素材設(shè)計(jì)制作符合要求的網(wǎng)頁(yè)設(shè)計(jì)作品。熟練掌握Photoshop 8、Dreamweaver 8等軟件的的操作和應(yīng)用。增強(qiáng)動(dòng)手實(shí)踐能力，進(jìn)一步加強(qiáng)自身綜合素質(zhì)。我本次主要是設(shè)計(jì)的一“新加坡之旅”為主題的網(wǎng)頁(yè)，針對(duì)新加坡的美麗風(fēng)景做了介紹。

二、設(shè)計(jì)思想

利用Dreamweaver8.0制作一個(gè)關(guān)于“新加坡之旅”的網(wǎng)站，利用表格、行為、層和鏈接等網(wǎng)頁(yè)設(shè)計(jì)技術(shù)設(shè)計(jì)頁(yè)面。

本網(wǎng)站以新加坡旅游為素材，主要講解了與新加坡景點(diǎn)相關(guān)的內(nèi)容。首頁(yè)設(shè)風(fēng)景介紹和風(fēng)景欣賞兩個(gè)欄目。景點(diǎn)介紹設(shè)7個(gè)欄目，風(fēng)景欣賞只含一個(gè)頁(yè)面。

三、網(wǎng)頁(yè)詳細(xì)設(shè)計(jì)分析

(一)建立布局

在這次的網(wǎng)頁(yè)設(shè)計(jì)中用到大量的布局，所以怎么樣建立布局是關(guān)鍵。Dreamweaver 8是大多數(shù)人設(shè)計(jì)網(wǎng)頁(yè)的稱手兵器，也是眾多入門者的捷徑。特別是其在布局方面的出色表現(xiàn)，更受青睞。大家都知道，沒(méi)有表格的幫助，很難組織出一個(gè)協(xié)調(diào)合理的頁(yè)面。

1.點(diǎn)擊“ALT+F6”鍵，進(jìn)入布局模式，插入布局表格。建立一個(gè)大概的布局。

2.使用背景圖片：選中該項(xiàng)，按瀏覽可以插入一幅準(zhǔn)備好的圖片作為表格的背景，因?yàn)閳D片是以平鋪的形式作為表格背景，所以表格大小和圖片尺寸都要控制好。

(二)網(wǎng)頁(yè)中的圖像

圖像傳輸是WWW的真正魅力所在，它與文字相比具有顯著的優(yōu)點(diǎn)：一是直觀，人眼觀看圖像時(shí)接受信息的速度遠(yuǎn)遠(yuǎn)超過(guò)觀看文字時(shí)接受信息的速度;二是能更清楚地表達(dá)細(xì)節(jié)內(nèi)容。正是由于這些優(yōu)點(diǎn)，所以在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)圖像很受歡迎。如果網(wǎng)頁(yè)做得像一幅風(fēng)景畫(huà)，瀏覽者一定會(huì)流連忘返(如果圖片很大，效果會(huì)適得其反)。圖像文件的格式有幾十種，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，現(xiàn)在Internet Explorer和Netscape支持的、最常用的圖像格式是GIF、JPEG和BMP。

(1)在網(wǎng)頁(yè)中插入圖像

利用Dreamweaver 8可以方便地在網(wǎng)頁(yè)中插入圖像，還可以設(shè)置圖像邊框、大小、和位置，并且可以直接對(duì)圖像進(jìn)行編輯。在網(wǎng)頁(yè)中加入圖像的操作非常簡(jiǎn)單：

1.新建一個(gè)空白網(wǎng)頁(yè)，把光標(biāo)定位在網(wǎng)頁(yè)的開(kāi)始位置。

2.打開(kāi)“工具”菜單，選擇“圖片”菜單項(xiàng)，在子菜單中選擇“來(lái)自文件”菜單項(xiàng)，或者單擊工具欄中的圖片工具圖標(biāo)，彈出一個(gè)“圖片”對(duì)話框。

3.在此對(duì)話框中單擊“瀏覽”按鈕，出現(xiàn)一個(gè)“選擇文件”對(duì)話框。

4.在“選擇文件”對(duì)話框的文件列表中選擇某個(gè)圖像文件，然后單擊“確定”按鈕，或直接雙擊該圖像文件，該圖像即被加入到網(wǎng)頁(yè)中。在網(wǎng)頁(yè)中插入圖像后我們就可以對(duì)圖像的各種屬性進(jìn)行設(shè)置了。

(2)圖像的各種屬性設(shè)置

1.選中所插入的圖片，單擊鼠標(biāo)右鍵，彈出一個(gè)快捷菜單，在菜單中選擇“圖片屬性”菜單項(xiàng)，出現(xiàn)一個(gè)“圖片屬性”對(duì)話框.

2.打開(kāi)“外觀”選項(xiàng)卡。

(1)設(shè)定圖像邊框粗細(xì)：在“外觀”選項(xiàng)卡的“布局”欄里可以根據(jù)需要定義圖像的邊框，也可以定義邊框值為“0”，即無(wú)邊框。

(2)設(shè)置圖像環(huán)繞方式：一般情況下一幅圖像只能與一行文字處在同一高度，但有時(shí)需要將圖像和文字分開(kāi)，且兩者互不影響。比如在網(wǎng)頁(yè)左邊插入一幅圖像，要求右邊的文字就像沒(méi)有圖像時(shí)可以多行輸入，這就要通過(guò)設(shè)置圖像的環(huán)繞方式來(lái)實(shí)現(xiàn)。在網(wǎng)頁(yè)中圖像的環(huán)繞方式有兩種：

①左環(huán)繞：圖像在左邊，文本在圖像的右邊進(jìn)行環(huán)繞。

②右環(huán)繞：圖像在右邊，文本在圖像的左邊進(jìn)行環(huán)繞。

在“外觀”選項(xiàng)卡的“布局”欄中打開(kāi)“對(duì)齊方式”下拉列表框，選擇“左”選項(xiàng)，并單擊“確定”按鈕，圖像就被設(shè)置為左環(huán)繞方式，同樣，如果選“右”，圖像就被設(shè)置為右環(huán)繞方式。

(3)編輯圖像大?。涸贒reamweaver 8中，當(dāng)在網(wǎng)頁(yè)中加入一幅圖像后，圖像大小默認(rèn)設(shè)置為其原來(lái)的大小，如果加入的圖像太大或太小，或有其他特別需要，就得調(diào)整圖像的大小。調(diào)整圖像大小非常簡(jiǎn)單靈活，只要你選中加入的圖像，用鼠標(biāo)左鍵拖動(dòng)圖像邊框，可任意調(diào)整圖像的寬度和高度直到達(dá)到你滿意的尺寸。

(4)設(shè)置圖像縮放比例：網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)重要原則就是網(wǎng)頁(yè)的.兼容性，對(duì)于不同的瀏覽器或者不同的分辨率，不管是800×600的窗口，還是1024×768的窗口，網(wǎng)頁(yè)都要能正常的顯示。設(shè)置圖像縮放比例就是將圖像設(shè)置為大小可以按比例變化，與瀏覽器的大小成一固定比例，這樣在不同大小的瀏覽器窗口里圖像都能正常的顯示外觀。設(shè)置圖像縮放比例的步驟如下：

1.選中網(wǎng)頁(yè)中的圖像，單擊鼠標(biāo)右鍵，在彈出的快捷菜單里，選擇“圖像屬性”菜單項(xiàng)，彈出一個(gè)“圖像屬性”對(duì)話框.

2.在“大小”欄中選中“指定大小”復(fù)選框，同時(shí)選中“寬度”和“高度”下面的“百分比”單選按鈕，然后在“寬度”和“高度”欄里輸入想顯示的比例，單擊“確定”完成設(shè)置。外還可以在“外觀”選項(xiàng)卡的“水平間距”和“垂直間距”欄里進(jìn)行設(shè)置，水平間距是指圖像與周圍元素在水平方向的間距，以象素為單位;垂直間距指圖像與周圍元素在垂直方向的間距。

(3)怎樣編輯網(wǎng)頁(yè)中的圖像

在Dreamweaver 8中，可以使用“圖片”工具欄中的各種工具對(duì)網(wǎng)頁(yè)中的圖像進(jìn)行編輯，編輯功能主要有：圖像旋轉(zhuǎn)和翻轉(zhuǎn)、剪裁、圖像淡化、凹凸效果等等。

另外，為了使圖片更符合要求，我們還在photoshop8中隊(duì)所用的圖片進(jìn)行了處理，使得圖片看起來(lái)更加精細(xì)美觀，符合我們的主題要求。

(4)使用背景圖像

使用背景圖像與使用背景色不同，使用背景色只將網(wǎng)頁(yè)的背景用某種顏色填充，而使用背景圖像則是將網(wǎng)頁(yè)的背景用圖像平鋪。這樣做可以使制作的網(wǎng)頁(yè)更美觀好看。網(wǎng)頁(yè)中使用背景圖像的具體步驟如下：

1.新建一個(gè)空白網(wǎng)頁(yè)。

2.單擊鼠標(biāo)右鍵，彈出的快捷菜單里選“網(wǎng)頁(yè)屬性”，彈出“網(wǎng)頁(yè)屬性”對(duì)話框.

3.開(kāi)“背景”選項(xiàng)卡。

4.在“背景”選項(xiàng)卡的“格式”欄中選中“背景圖片”復(fù)選框，然后單擊下面的“瀏覽”按鈕，出現(xiàn)一個(gè)“選擇背景圖片”對(duì)話框。

5.在“選擇背景圖像”對(duì)話框中單擊“瀏覽文件”按鈕，出現(xiàn)一個(gè)“選擇文件”對(duì)話框。

6.在“選擇文件”對(duì)話框的文件列表中選擇圖像文件，單擊“確定”按鈕。

這樣，所選圖片將作為整個(gè)網(wǎng)頁(yè)的背景，如果在第4步時(shí)同時(shí)選中“水印”復(fù)選框，背景圖片將顯示為特殊的水印效果，當(dāng)網(wǎng)頁(yè)滾動(dòng)時(shí)，背景不動(dòng)，只有網(wǎng)頁(yè)內(nèi)容滾動(dòng)，產(chǎn)生一種透明層的效果，非常吸引人。

(5)插入flash動(dòng)畫(huà)

關(guān)于 Flash 視頻使用 Dreamweaver 中的“插入 Flash 視頻”命令，可將 Flash 視頻內(nèi)容插入 Web 頁(yè)面，而無(wú)需使用 Flash 創(chuàng)作工具。該命令可以插入 Flash 組件;當(dāng)您在瀏覽器中查看它時(shí)，它顯示所選擇的 Flash 視頻內(nèi)容以及一組播放控件。

(6)設(shè)置鼠標(biāo)經(jīng)過(guò)圖片，進(jìn)行圖片交互

再插入圖片的下拉菜單中有一項(xiàng)是“鼠標(biāo)經(jīng)過(guò)”，點(diǎn)擊這一項(xiàng)，會(huì)彈出一個(gè)對(duì)話框，在對(duì)話框中可以設(shè)置鼠標(biāo)經(jīng)過(guò)前的圖片和經(jīng)過(guò)時(shí)的圖片，選擇“確定”即可。

(7)設(shè)置鏈接

選中圖片或者文字，在下面的鏈接屬性中輸入所要連接到的地址，同時(shí)，下方的目標(biāo)屬性被激活，輸入blank設(shè)置成在新窗口中打開(kāi)網(wǎng)頁(yè)。我們?cè)O(shè)置了鏈接本站點(diǎn)的網(wǎng)頁(yè)頁(yè)面，同時(shí)也連接了外網(wǎng)，使得大家訪問(wèn)頁(yè)面時(shí)能夠查詢更多詳細(xì)的信息，方便用戶查詢。

;

以上就是關(guān)于網(wǎng)頁(yè)設(shè)計(jì)欣賞相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。