韓國(guó)商業(yè)網(wǎng)站經(jīng)常被國(guó)內(nèi)設(shè)計(jì)師所模仿,原因就是他本身的設(shè)計(jì)有一套思路,只要熟悉一些韓國(guó)模板的設(shè)計(jì)師很容易就從中找到一些技巧,因此利用韓國(guó)網(wǎng)站的設(shè)計(jì)技巧來(lái)設(shè)計(jì)網(wǎng)站可以提高效率,本文就是總結(jié)歸納了一些韓國(guó)商業(yè)網(wǎng)站的設(shè)計(jì)規(guī)律與技巧,提供給大家作為參考
一、頁(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ū)分不同的欄目。
圣誕主題的網(wǎng)站,顏色運(yùn)用對(duì)比強(qiáng)烈,在我們看來(lái)紅色和綠色搭配就是“紅配綠,死牛肉”,其實(shí)相反色系兩色相配,即所謂紅 配綠、藍(lán)配黃、橙配紫,這種搭配如果處理得好,出來(lái)的效果會(huì)很搶眼。如這個(gè)網(wǎng)站,看起來(lái)顯得很生動(dòng)活波,使得紅顯得更紅,很符合網(wǎng)站的主題。
典型的有關(guān)旅游休閑韓國(guó)網(wǎng)站,該網(wǎng)站采用了灰色做為底色,然后用色彩明快的橙色、綠色、粉紅色的色塊來(lái)劃分欄目,顯得整潔清晰而不呆板。
下面這兩個(gè)網(wǎng)站運(yùn)用漸變色很出色,圖3一看顏色就知道是個(gè)女性的時(shí)尚站點(diǎn),它把幾個(gè)欄目做成晶瑩剔透的泡泡球放在頂部的大Flash條里,非常醒目。整個(gè)站點(diǎn)顯得異常優(yōu)雅迷人
三、Flash動(dòng)畫及圖片的運(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)畫的酷、炫的感覺(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)站顯得精致而與眾不同。
是個(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ì)力很快也蔓延到了網(wǎng)絡(luò)上,韓國(guó)網(wǎng)站緊隨其后,在時(shí)尚站點(diǎn)和兒童站點(diǎn)中大量運(yùn)用手繪的插圖。
四、文字排版
網(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)站的整體形象就要大打折扣了。
我們可以看到,網(wǎng)站的右邊畫了個(gè)好像是探照燈的東東,它周圍的立體效果使得它看起來(lái)像是放置在一個(gè)房間里,然后照亮左邊的大幅畫像,感覺(jué)就像在電影院一樣,和它這個(gè)娛樂(lè)主題很吻合。
是個(gè)框架相當(dāng)簡(jiǎn)單的網(wǎng)站,如果處理得不好,很容易會(huì)顯得呆板而無(wú)趣,但是因?yàn)槭褂昧舜罅康暮驼麄€(gè)網(wǎng)站顏色風(fēng)格統(tǒng)一的圖標(biāo)和圖片,網(wǎng)站看起來(lái)顯得很生動(dòng)。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
新聞標(biāo)題:韓國(guó)商業(yè)網(wǎng)站的設(shè)計(jì)技巧匯總
URL網(wǎng)址:http://m.rwnh.cn/news6/311856.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、靜態(tài)網(wǎng)站、外貿(mào)建站、關(guān)鍵詞優(yōu)化、小程序開(kāi)發(fā)、品牌網(wǎng)站制作
廣告
聲明:本網(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í)需注明來(lái)源:
創(chuàng)新互聯(lián)