建站常識(shí)
全面解析韓國(guó)商業(yè)網(wǎng)站的設(shè)計(jì)
2006-01-16 14:03:00
韓國(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)有些非常難看的顏色到了他們的手里很輕易的就搭配出一種很另類(lèi)或和諧的美感,給人的感覺(jué)要么淡雅迷人,要么另類(lèi)大膽,讓人覺(jué)得欣賞他們的網(wǎng)站是一個(gè)非常愉悅的過(guò)程。在我看來(lái),韓國(guó)的設(shè)計(jì)師真是深得Windows xp的設(shè)計(jì)精髓,漸變色以及透明水晶效果用得非常恰當(dāng),而不像很多網(wǎng)站動(dòng)不動(dòng)就濫用仿蘋(píng)果按鈕,和整體風(fēng)格不協(xié)調(diào),看起來(lái)顯得很突兀。韓國(guó)網(wǎng)站的各個(gè)欄目一般都比較喜歡采用不同的色調(diào)來(lái)表達(dá)不同欄目的主題,灰色是他們最?lèi)?ài)用的顏色,因?yàn)榛疑容^中庸,能和任何色彩搭配,大大的改變色彩的韻味,使對(duì)比更強(qiáng)烈,正文文字也大都采用灰色。而局部則喜歡用色彩絢麗的色條或色塊來(lái)區(qū)分不同的欄目,我們來(lái)看下面的幾張圖片。
圖1是圣誕主題的網(wǎng)站,顏色運(yùn)用對(duì)比強(qiáng)烈,在我們看來(lái)紅色和綠色搭配就是“紅配綠,死牛肉”,其實(shí)相反色系兩色相配,即所謂紅 配綠、藍(lán)配黃、橙配紫,這種搭配如果處理得好,出來(lái)的效果會(huì)很搶眼。如這個(gè)網(wǎng)站,看起來(lái)顯得很生動(dòng)活波,使得紅顯得更紅,很符合網(wǎng)站的主題。

圖2是個(gè)典型的有關(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)雅迷人


韓國(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)站,顏色采用類(lèi)似色調(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è)上排版則富于變化,更類(lèi)似于雜志內(nèi)頁(yè)的排版,我懷疑很多韓國(guó)網(wǎng)頁(yè)設(shè)計(jì)師都是從平面設(shè)計(jì)師轉(zhuǎn)行過(guò)來(lái)的。如圖8、圖9。


韓國(guó)網(wǎng)站還有個(gè)令人稱(chēng)道的地方就是它的網(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)站的整體形象就要大打折扣了。
圖10中我們可以看到,網(wǎng)站的右邊畫(huà)了個(gè)好像是探照燈的東東,它周?chē)牧Ⅲw效果使得它看起來(lái)像是放置在一個(gè)房間里,然后照亮左邊的大幅畫(huà)像,感覺(jué)就像在電影院一樣,和它這個(gè)娛樂(lè)主題很吻合。

圖11是個(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)。

近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2007-10-01 08:32:00] 網(wǎng)頁(yè)制作,改變你的思維方式
- [2015-04-14 23:09:21] 服務(wù)器提示FastCGI Error Number: 5 (0x80070005)的最終解決方法
- [2009-11-10 11:36:00] 產(chǎn)品設(shè)計(jì)師的提升 第二篇
- [2009-12-04 08:23:00] 輕設(shè)計(jì),讓網(wǎng)站靈敏輕便的6個(gè)技巧
- [2007-03-08 13:06:00] 如何讓網(wǎng)民愛(ài)上你的網(wǎng)站
- [2006-09-22 10:46:00] 網(wǎng)頁(yè)設(shè)計(jì)中實(shí)用的制作技巧
- [2009-05-31 08:23:00] UE實(shí)踐筆記:眼動(dòng)數(shù)據(jù)分析—詮釋與過(guò)度詮釋
- [2007-12-05 14:56:00] 19條字體設(shè)計(jì)基礎(chǔ)原則
- [2010-06-17 08:14:00] 設(shè)計(jì)上的小細(xì)節(jié)
- [2010-11-03 16:12:00] Icon設(shè)計(jì)要點(diǎn)——信息傳達(dá)的準(zhǔn)確度(一)
- [2006-11-08 09:57:00] 學(xué)網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)頁(yè)制作,你該做些什么?
- [2006-06-23 14:01:00] 商業(yè)Web站點(diǎn)設(shè)計(jì)策略
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
輪胎網(wǎng)站設(shè)計(jì) 蘋(píng)果系統(tǒng) 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) GOOGLE 頁(yè)面設(shè)計(jì) H5專(zhuān)題頁(yè)面 青島海洋投資集團(tuán) 建站常識(shí) 青島做網(wǎng)站多少錢(qián) 青島開(kāi)發(fā)區(qū)建站公司 網(wǎng)站的速度 高端網(wǎng)站設(shè)計(jì) 中小型企業(yè)網(wǎng)站建設(shè) 交互設(shè)計(jì) 手機(jī)網(wǎng)站建設(shè) SEO 青島網(wǎng)頁(yè)設(shè)計(jì) 微信開(kāi)發(fā) 響應(yīng)式設(shè)計(jì) 青島黃島、紅島網(wǎng)站建設(shè)公司 HTML5 網(wǎng)站設(shè)計(jì)資訊 網(wǎng)站SEO 官網(wǎng)網(wǎng)站建設(shè) 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 互聯(lián)網(wǎng) 青島網(wǎng)站設(shè)計(jì)哪家好 青島SEO 審美 青島網(wǎng)站制作