網(wǎng)站界面設(shè)計(jì)分析

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

韓國(guó)網(wǎng)站的頁面結(jié)構(gòu)比較簡(jiǎn)單，它幾乎是統(tǒng)一的風(fēng)格，在網(wǎng)站的logo在左上方，右邊是導(dǎo)航欄，和國(guó)內(nèi)網(wǎng)站不一樣的地方在于它很少使用下拉菜單樣式，但柱的低含量的各級(jí)導(dǎo)航欄下。接下來的文章是一個(gè)大的閃光，下面是每一個(gè)小部分的主要內(nèi)容，如圖所示：

二、色彩運(yùn)用

韓國(guó)設(shè)計(jì)師很多都是天生的訓(xùn)練，對(duì)色彩的運(yùn)用很好，似乎我們有一些很難看的顏色很容易在搭配手提供了一個(gè)非常另類的、和諧的美感，給人一種淡雅迷人的感覺，或另類大膽，讓人覺得欣賞他們的網(wǎng)站是一個(gè)非常愉快的過程。韓國(guó)的設(shè)計(jì)師是真的，在我看來，是深的Windows XP的設(shè)計(jì)精髓，梯度和透明水晶效果非常合適，并沒有像很多網(wǎng)站容易被濫用的仿蘋果按鈕，和整體風(fēng)格不協(xié)調(diào)，看起來很突兀。韓國(guó)網(wǎng)站一般都喜歡用不同的顏色表示不同的欄目的主題，灰色是他們最喜歡的顏色，因?yàn)榛疑侵杏沟?，與任何顏色搭配，大的改變色彩的韻味，使對(duì)比更強(qiáng)烈，正文主要采用灰色。雖然當(dāng)?shù)叵矚g用彩色或彩色片來區(qū)分不同的欄目，我們來下面幾張圖片。

圖2是一個(gè)典型的旅游和休閑的韓國(guó)網(wǎng)站，該網(wǎng)站以灰色為背景，然后使用鮮艷的橙色，綠色，粉紅色的彩色片分割列，出現(xiàn)整潔，而不是機(jī)械。

這兩個(gè)站點(diǎn)使用的梯度很好，有一個(gè)看圖3的顏色會(huì)知道，網(wǎng)站是一個(gè)女性的時(shí)尚，它使幾列到一個(gè)晶瑩剔透的泡沫頂部的大閃光在文章中，非常引人注目。整個(gè)網(wǎng)站是非常優(yōu)雅和迷人

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

韓國(guó)的寬帶普及率很高，所以設(shè)計(jì)師設(shè)計(jì)的頁面完全毫無顧忌，大量的圖片、flash得到很好的利用，在網(wǎng)站上的圖片是大圖片，40，50 K每個(gè)Web圖像更多的頁面大小通常都是幾百K，這是我國(guó)的根本不敢想象。韓國(guó)的文章最閃光的旗幟和橫幅廣告出現(xiàn)在頁面下方的導(dǎo)航欄，是精美的圖片或矢量插畫手繪風(fēng)格。國(guó)內(nèi)許多網(wǎng)站還采用了尖銳的橫幅廣告，但平時(shí)集中表現(xiàn)如何表現(xiàn)出“清涼”、“清涼”的感覺，讓游客過于集中于“閃光”而忽略了頁面的其他內(nèi)容。而韓國(guó)的“閃”是一個(gè)更好的服務(wù)主題的網(wǎng)站，而整個(gè)頁面的匹配看輕松抓取一只眼睛，他們的關(guān)鍵在于整個(gè)閃光是沒有變化的，但只有部分是移動(dòng)的，以及文本和背景的組合。韓國(guó)網(wǎng)頁設(shè)計(jì)師的手繪能力很強(qiáng)，廣泛應(yīng)用于手繪矢量圖像的頁面，使整個(gè)網(wǎng)站顯得精致和獨(dú)特。

圖5是一個(gè)非常有吸引力的網(wǎng)站，一個(gè)類似的顏色色調(diào)搭配，看起來很舒服。最欣賞的是葉子的閃光的右側(cè)，有幾片樹葉輕輕的拍打，消失，出現(xiàn)在畫面的左側(cè)慢慢地，文字，真的很有意境，整個(gè)網(wǎng)站看起來充滿活力。

最近在雜志世界開始吹復(fù)古風(fēng)，60年代和七十年代的手繪插圖也開始流行，而不是照片矢量時(shí)尚插畫的廣泛使用的雜志和書籍，流行的軍隊(duì)很快蔓延到互聯(lián)網(wǎng)，韓國(guó)的網(wǎng)站，其次是大量使用手畫插畫的時(shí)尚網(wǎng)站和兒童，如圖6所示，圖7所示。

四、文字排版

第四、排版
考慮可讀性網(wǎng)站的布局內(nèi)容、文本布局很多列簡(jiǎn)單，可讀性強(qiáng)，在一些小網(wǎng)站的內(nèi)容頁的廣告或宣傳版面富于變化，更類似于雜志內(nèi)頁的排版，我懷疑很多韓國(guó)網(wǎng)頁設(shè)計(jì)師平面設(shè)計(jì)師翻。如圖所示

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

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

圖10中我們可以看到，網(wǎng)站的右邊畫了個(gè)好像是探照燈的東東，它周圍的立體效果使得它看起來像是放置在一個(gè)房間里，然后照亮左邊的大幅畫像，感覺就像在電影院一樣，和它這個(gè)娛樂主題很吻合。

圖11是個(gè)框架相當(dāng)簡(jiǎn)單的網(wǎng)站，如果處理得不好，很容易會(huì)顯得呆板而無趣，但是因?yàn)槭褂昧舜罅康暮驼麄€(gè)網(wǎng)站顏色風(fēng)格統(tǒng)一的圖標(biāo)和圖片，網(wǎng)站看起來顯得很生動(dòng)。

分享文章：網(wǎng)站界面設(shè)計(jì)分析
標(biāo)題鏈接：http://www.muchs.cn/news1/167701.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、云服務(wù)器、電子商務(wù)、網(wǎng)站設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)