一、頁面結(jié)構(gòu)
韓國網(wǎng)站的頁面結(jié)構(gòu)相對來說比較簡單,可以說幾乎是統(tǒng)一的風(fēng)格,頂部的左邊是網(wǎng)站的logo,右邊就是它的導(dǎo)航欄,和國內(nèi)網(wǎng)站不一樣的地方它甚少采用下拉菜單的樣式,而是把各級欄目的下級內(nèi)容放在導(dǎo)航欄的下面。然后下面是個大大的Flash條,再往下就是各個小欄目的主要內(nèi)容,如圖所示:
三、Flash動畫及圖片的運(yùn)用
韓國的寬帶普及率很高,所以設(shè)計(jì)師設(shè)計(jì)起頁面來完全毫無顧忌,大量的圖片、flash得到很好的運(yùn)用,網(wǎng)站里的圖片動不動就是40、50K的大圖,網(wǎng)頁圖片多的頁面大小通常都是幾百K,這在我們國內(nèi)是根本不敢想像的。韓國的flash banner大都以橫幅廣告條出現(xiàn)在頁面的導(dǎo)航欄下面,采用的都是精美的圖片或者是手繪風(fēng)格的矢量插圖。國內(nèi)很多網(wǎng)站也采用大幅的flash廣告條,但是通常都是著眼于如何去表現(xiàn)flash動畫的酷、炫的感覺,使得瀏覽者過于關(guān)注flash而忽視了頁面的其他內(nèi)容。而韓國的flash則更好的服務(wù)于網(wǎng)站的主題,和整個頁面搭配起來看得很舒服而不搶眼,他們的關(guān)鍵就在于整個flash不是全部變化,而只是局部在動,以及文字和背景的巧妙配合。韓國網(wǎng)頁設(shè)計(jì)師的手繪能力很強(qiáng),頁面中大量采用手繪的矢量圖片,使得整個網(wǎng)站顯得精致而與眾不同。
圖5是個很養(yǎng)眼的網(wǎng)站,顏色采用類似色調(diào)搭配,看起來很舒服。最欣賞的就是flash的右邊的樹葉,有幾片葉子在輕輕飄動,左邊的圖片淡淡地消失、出現(xiàn),文字緩緩出現(xiàn),真的是非常有意境,整個網(wǎng)站看起來生機(jī)盎然。
最近在雜志界開始吹起了復(fù)古風(fēng),六、七十年代的手繪插圖又開始流行,雜志書籍中大量使用矢量時尚插圖取代以前的照片,這股流行勢力很快也蔓延到了網(wǎng)絡(luò)上,韓國網(wǎng)站緊隨其后,在時尚站點(diǎn)和兒童站點(diǎn)中大量運(yùn)用手繪的插圖,如圖6 、圖7所示。
四、文字排版
網(wǎng)站的內(nèi)容排版因?yàn)橐紤]到可讀性,很多欄目的文字編排都比較簡單,利于閱讀,而在一些內(nèi)容較少的頁面如網(wǎng)站的廣告或宣傳頁上排版則富于變化,更類似于雜志內(nèi)頁的排版,我懷疑很多韓國網(wǎng)頁設(shè)計(jì)師都是從平面設(shè)計(jì)師轉(zhuǎn)行過來的。如圖8、圖9。
五、頁面的立體感及細(xì)節(jié)處理
韓國網(wǎng)站還有個令人稱道的地方就是它的網(wǎng)站看起來很有層次感,而這個層次感不是靠作幾個立體字來體現(xiàn)的,其實(shí)靠的也不過是添加簡單的圖片或文字陰影效果和巧妙的利用構(gòu)圖來形成視覺上的差異,但就是這種設(shè)計(jì)上的不拘泥于形式使網(wǎng)站的立體效果呼之欲出。我最佩服的是韓國設(shè)計(jì)師做事的認(rèn)真態(tài)度,他們的每一個按鈕、圖片的處理都及其講究,其實(shí)一些細(xì)微的部分不仔細(xì)看還不一定容易發(fā)現(xiàn),但是如果少了這些細(xì)節(jié)的地方,整個網(wǎng)站的整體形象就要大打折扣了。
圖10中我們可以看到,網(wǎng)站的右邊畫了個好像是探照燈的東東,它周圍的立體效果使得它看起來像是放置在一個房間里,然后照亮左邊的大幅畫像,感覺就像在電影院一樣,和它這個娛樂主題很吻合?!?
圖11是個框架相當(dāng)簡單的網(wǎng)站,如果處理得不好,很容易會顯得呆板而無趣,但是因?yàn)槭褂昧舜罅康暮驼麄€網(wǎng)站顏色風(fēng)格統(tǒng)一的圖標(biāo)和圖片,網(wǎng)站看起來顯得很生動。