 |
|
|
|
|
【關(guān)閉本窗口】 |
| 發(fā)言人 陽(yáng)光人生 發(fā)信 發(fā)帖:42 回復(fù):127 注冊(cè)時(shí)間:2003-10-09 |
韓國(guó)網(wǎng)站技術(shù)賞析 剛才看了一篇文章，感覺(jué)還不錯(cuò)！如果有設(shè)計(jì)這一行的朋友（最好比較精通），可以加我285304245 LAZY 做了 4 年美術(shù)設(shè)計(jì) ，探索過(guò)各種道路和作過(guò)多種實(shí)驗(yàn)之后，想談?wù)勎覍?duì)網(wǎng)頁(yè)設(shè)計(jì)的看法。前幾天，和一個(gè)同行聊天，他就抱怨說(shuō)，國(guó)內(nèi)的網(wǎng)站不夠精美。我對(duì)他的抱怨是贊同的，但以為他自己的作品也不夠精美。最近我看了很多可稱是精美的網(wǎng)站，比方說(shuō)，韓國(guó)設(shè)計(jì)的網(wǎng)站，還有歐洲一些國(guó)家的商業(yè)網(wǎng)站。我總覺(jué)得這才叫設(shè)計(jì) --------- 網(wǎng)站從美觀到結(jié)構(gòu)，就該是處處完美。朝這個(gè)方向努力，網(wǎng)站才能和其它媒體分開(kāi)，它是設(shè)計(jì)藝術(shù)，是一種遠(yuǎn)不是誰(shuí)都能上一手的行業(yè)，這樣才對(duì)。 筆者系美術(shù)院校畢業(yè)，一直以為自己的作品不俗，直到最近，瀏覽到韓國(guó)一些網(wǎng)站，才改變了自己的看法。在不知不覺(jué)之中， 網(wǎng)站設(shè)計(jì)已經(jīng)發(fā)生了很大的變化。韓國(guó)網(wǎng)站和國(guó)內(nèi)網(wǎng)站之間的區(qū)別，就像汽車和馬車的區(qū)別一樣大。韓國(guó)網(wǎng)站中的精品，從頁(yè)面結(jié)構(gòu)到內(nèi)容排版，從色彩運(yùn)用到細(xì)節(jié)處理，沒(méi)有一處的安排經(jīng)不起推敲，每一個(gè)細(xì)節(jié)都經(jīng)過(guò)精心設(shè)計(jì)。如果你仔細(xì)品味下去，就會(huì)發(fā)現(xiàn)， 每一個(gè)按鈕、圖片的處理都極其講究，一些細(xì)節(jié)不仔細(xì)看還不一定會(huì)發(fā)現(xiàn)。但是，如果少了這些細(xì)節(jié)，整個(gè)網(wǎng)站的整體形象就會(huì)大打折扣！ 我對(duì) 網(wǎng)站 設(shè)計(jì)的看法，就是被韓國(guó)優(yōu)秀網(wǎng)站固定下來(lái)的， 最佩服韓國(guó)設(shè)計(jì)師做事的認(rèn)真態(tài)度。 韓國(guó)網(wǎng)站設(shè)計(jì)追求唯美實(shí)用，而且富有創(chuàng)意，讓瀏覽者狂喜，讓打算轉(zhuǎn)行美工的人害怕。在我的以往視野里，只有個(gè)別網(wǎng)站偶而設(shè)計(jì)成這樣，但遠(yuǎn)不像韓國(guó)網(wǎng)站，多數(shù)都讓人敬畏。必須承認(rèn)，韓國(guó)設(shè)計(jì)師曾經(jīng)使我大受驚嚇。我挑選了一些具有代表性的韓國(guó)網(wǎng)站，作為范例，拿出來(lái)賞析一番，與大家交流分享。 一、頁(yè)面結(jié)構(gòu) 韓國(guó)網(wǎng)站的頁(yè)面結(jié)構(gòu)相對(duì)來(lái)說(shuō)比較簡(jiǎn)潔干凈。頂部的左邊是網(wǎng)站的 logo ，右邊就是它的導(dǎo)航欄，和國(guó)外網(wǎng)站不一樣的地方它極少采用下拉菜單的樣式，而是把各級(jí)欄目的下級(jí)內(nèi)容放在導(dǎo)航欄的下面，這樣便于訪問(wèn)者一覽無(wú)余。把 flash 元素引入導(dǎo)航欄是一個(gè)創(chuàng)造！它使得導(dǎo)航欄的按鈕像一組清脆的珍珠被串聯(lián)起來(lái)，鼠標(biāo)放到上面能產(chǎn)生一種韻律的美感。然后下面是個(gè)大方的 Flash 條，隨機(jī)變動(dòng)，類似于國(guó)內(nèi)的 banner-------- 它是網(wǎng)站的眼睛，它是網(wǎng)站的窗口，讓網(wǎng)站富有靈氣！再往下就是各個(gè)小欄目的主要內(nèi)容，如圖 1 所示： http://www.e-studio.com.cn/doc/korea/image001.png 二、色彩運(yùn)用 韓國(guó)設(shè)計(jì)師很多都是工藝美術(shù)專業(yè)出生，對(duì)色彩的運(yùn)用非常熟練，咋看來(lái)有些非常難看的顏色到了他們的手里很輕易地就搭配出一種很另類或很和諧的組合，給人的感覺(jué)要么素雅干凈，要么雍容尊貴，讓人覺(jué)得欣賞他們的網(wǎng)站是一種愉悅享受。在我看來(lái)，韓國(guó)的設(shè)計(jì)師真是深得 Windows xp 的設(shè)計(jì)精髓，漸變色以及透明水晶效果運(yùn)用非常恰當(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)分割不同欄目，我們來(lái)看下面的幾張圖片： 圖 2 是圣誕主題的網(wǎng)站，顏色運(yùn)用對(duì)比強(qiáng)烈，在我們看來(lái)紅色和綠色搭配就是“紅配綠，死牛肉”，其實(shí)相反色系兩色相配，即所謂紅配綠、藍(lán)配黃、橙配紫，這種搭配如果處理得好，出來(lái)的效果會(huì)很搶眼。如這個(gè)網(wǎng)站，看起來(lái)顯得很生動(dòng)活潑，使得紅顯得更紅，很符合網(wǎng)站的喜慶主題。 http://www.e-studio.com.cn/doc/korea/image003.gif 圖 3 是個(gè)典型的旅游休閑網(wǎng)站，該網(wǎng)站采用了銀灰色做為底色，然后用色彩明快的橙色、綠色、粉紅色的色塊來(lái)劃分欄目，顯得整個(gè)網(wǎng)站整潔清新。 http://www.e-studio.com.cn/doc/korea/image004.gif 圖 4 一看顏色就知道是個(gè)女性的時(shí)尚站點(diǎn)，它把幾個(gè)欄目做成晶瑩剔透的泡泡球放在頂部的大 Flash 條里，非常醒目。漸變色運(yùn)用同樣很出色，整個(gè)站點(diǎn)顯得異常優(yōu)雅迷人。 http://www.e-studio.com.cn/doc/korea/image005.gif 三、Flash動(dòng)畫(huà)及圖片的運(yùn)用 韓國(guó)的寬帶普及率很高，所以設(shè)計(jì)師設(shè)計(jì)起頁(yè)面來(lái)不受限制，可以自由創(chuàng)意，大量的圖片、flash得到很好的運(yùn)用，網(wǎng)站里的圖片動(dòng)不動(dòng)就是40、50K的大圖，網(wǎng)頁(yè)圖片多的頁(yè)面大小通常都是幾百K，這在我們國(guó)內(nèi)是根本不敢想像的。因?yàn)槲覈?guó)現(xiàn)在大多數(shù)還是貓的時(shí)代！我已經(jīng)說(shuō)過(guò)，韓國(guó)的flash banner大都以橫幅廣告條出現(xiàn)在頁(yè)面的導(dǎo)航欄下面，采用的都是精美的圖片或者是手繪風(fēng)格的矢量插圖。 我國(guó)國(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ì)師的手繪能力高超，頁(yè)面中大量采用手繪的矢量圖片，使得整個(gè)網(wǎng)站顯得精致而與眾不同。 圖5是個(gè)很吸引人的網(wǎng)站，顏色采用類似色調(diào)搭配，看起來(lái)很舒服。最欣賞的就是flash的右邊的樹(shù)葉，有幾片葉子在輕輕飄動(dòng)，左邊的圖片淡淡地消失、出現(xiàn)，文字緩緩出現(xiàn)，真的是非常富有詩(shī)意，整個(gè)網(wǎng)站看起來(lái)生機(jī)盎然。 http://www.e-studio.com.cn/doc/korea/image006.jpg 最近在雜志界開(kāi)始吹起了復(fù)古風(fēng)，六、七十年代的手繪插圖又開(kāi)始流行，雜志書(shū)籍中大量使用手繪時(shí)尚插圖取代以前的照片，這股流行趨勢(shì)很快也影響了網(wǎng)站，韓國(guó)設(shè)計(jì)師緊隨其后，在時(shí)尚站點(diǎn)和兒童站點(diǎn)中大量運(yùn)用手繪的插圖，如圖6 、圖7所示。 http://www.e-studio.com.cn/doc/korea/image007.jpg http://www.e-studio.com.cn/doc/korea/image008.gif 四、內(nèi)容排版 韓國(guó)網(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)的。如圖8、圖9。 http://www.e-studio.com.cn/doc/korea/image009.jpg http://www.e-studio.com.cn/doc/korea/image010.jpg 五、層次感和細(xì)節(jié)處理 韓國(guó)網(wǎng)站令人稱贊的地方還有它的網(wǎng)站看起來(lái)很有層次感，而這個(gè)層次感遠(yuǎn)不是單靠做幾個(gè)立體字來(lái)體現(xiàn)的，其實(shí)靠的也不過(guò)是添加簡(jiǎn)單的圖片或文字陰影效果，或者，巧妙的利用構(gòu)圖來(lái)形成視覺(jué)上的差異，但就是這種設(shè)計(jì)上的創(chuàng)新使網(wǎng)站的立體效果呼之欲出。我最佩服的是韓國(guó)設(shè)計(jì)師做事的認(rèn)真態(tài)度，他們的每一個(gè)按鈕、圖片的處理都非常講究，其實(shí)一些細(xì)微的部分不仔細(xì)看還不一定容易發(fā)現(xiàn)，但是如果少了這些細(xì)節(jié)的地方，整個(gè)網(wǎng)站的整體形象就會(huì)大打折扣。 圖10中我們看到，網(wǎng)站的右邊畫(huà)了個(gè)好像是探照燈的視覺(jué)形象，它周圍的立體效果使得它看起來(lái)像是放置在一個(gè)房間里，然后照亮左邊的大幅畫(huà)像，感覺(jué)就像在電影院一樣，和它這個(gè)娛樂(lè)主題倒很吻合。 http://www.e-studio.com.cn/doc/korea/image012.jpg 圖11是個(gè)框架相當(dāng)簡(jiǎn)單的網(wǎng)站，如果處理得不好，很容易流于呆板無(wú)趣，但是，就是因?yàn)槭褂昧舜罅康�、和整個(gè)網(wǎng)站色調(diào)相統(tǒng)一的圖片元素，使得網(wǎng)站整體看起來(lái)既有層次又有律動(dòng)感。 http://www.e-studio.com.cn/doc/korea/image015.jpg |
||||
| 回復(fù)人 飛鳥(niǎo)VS魚(yú) 發(fā)信 發(fā)帖:119 回復(fù):434 注冊(cè)時(shí)間:2004-07-16 16:50:31 
|
 從韓劇中唯美的背景畫(huà)面,不論男女都十分注重自己的儀容,都不難看出,韓國(guó)人對(duì)藝術(shù)的追求,是典型的完美主義者
__________________________________________________ 最靚麗的月亮也經(jīng)不起天長(zhǎng)地久得等待,最無(wú)常的月亮卻證明淚水曾經(jīng)掉下來(lái),愛(ài)真的存在 | ||||
|
回復(fù)人 rtqq 發(fā)信 發(fā)帖:3 回復(fù):22 注冊(cè)時(shí)間:2003-09-27 |
東方人的特點(diǎn)吧,呵呵,一般東西方人喜歡這種鮮艷的顏色,不過(guò)小心審美疲勞喲!!呵呵!!
|
||||
|
|||||
| 【關(guān)閉本窗口】 |
| YingCheng.Net 應(yīng)城在線 和你在一起 |
| 應(yīng)城在線群號(hào):28770248 QQ:434706902 |