萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 提升網站設計形式的幾種方法

提升網站設計形式的幾種方法

    提到網頁設計,最先想到的是當今主流的韓國設計和扁平化設計,當然個性化排版、視頻代替文本、全屏大視野、滾動視差、多平台全適應等設計形式已經進入了我們的視野。西方簡單、功能性的美學精神”少即是多”這一設計理念攻占了我們的大腦,很多時候,在開始做設計之前腦子裡會來回浮現這些風格的設計。那麼,怎樣在主流設計方式中做出有自己特色的網站呢?我們從以下幾點介紹在大環境下提升網站設計形式的方法。

  那麼,怎樣在主流設計方式中作出自己的特色呢?我們從以下幾點介紹些提升網站設計形式的方法:

  > 賦予民族文化特點

  在眾多的設計師追逐主流風格的同時,民族文化感覺的設計越來越少,不光在國內,在世界各地都出現了這樣的情況。當然不可否認還有很多設計師在為民族設計而努力。下面這幾個站點雖然只有簡單的設計和動態效果,但是卻有一種非常淳樸的民族風格,這也是最吸引人的地方,每個細節都流露出民族的特點和氣氛。不是只有文化性質的網站才能賦予文化設計風格,在商業產品類型的設計推廣中同樣適用。

  日本眼藥水網站,將現代工業社會的產物與傳統鬼神文化中的五種妖怪以卷軸、插畫傳統形式展示,與漫天遍地的明星代言廣告形成對比,同樣是眼干、眼澀、眼疲勞,同樣是以辦公室、上班族為消費群,文化創意上的突破使人眼前一亮。

  http://www.medical-youkai.jp/

提升網站設計形式的幾種方法 三聯
pic_2

  (小編按:那個妹子是我的女神橫山美雪,嗎?)和風服裝店,日本特色的風鈴、簡約的插畫,”和風”,大和民族追求與自然的和諧之美,從這個服裝網站上我們可以看到日本設計文化體現了對自然的尊重,反映了樸素美學的內斂性格。

  http://hanamichiya.jp/

pic_3

  緬甸傳統舞蹈音樂合奏網站,緬甸古代戲劇舞蹈,是從緬甸傀儡戲、古典戲劇及阿迎舞等古典藝術中產生的。傀儡戲中的一些節目和各種傀儡角色的不同的舞蹈動作被大量移植到現代緬甸舞中。傀儡舞中”傀儡步”、”傀儡爬跳”等成為現代緬甸舞的基本動作,是文化多樣性的輝煌繼承。黑白圖片和大面積留白的海報設計形式,突出舞蹈者主體,用在網站上更顯神秘。

  http://www.itwillbeastounding.com/

pic_4

  俄羅斯莫斯科大劇院是莫斯科的地標性建築之一,是莫斯科有名的芭蕾舞與歌劇劇院;是俄羅斯歷史最悠久的劇院,享譽天下,是世界上最著名的劇院之一。它不僅繼承了歐洲芭蕾的歷史傳統,更重要的是,在俄羅斯豐富的民族音樂與舞蹈的沃土上,建立和發展了自己的芭蕾體系。將沙俄古典風格融匯於設計版塊中,同樣大量留白處理給了圖片展示更多的空間。

  http://www.bolshoi.ru/

pic_5

  > 與網站主題相關的高清圖片的應用

  大面積整站或局部性使用高清圖片,在之前設計分享中我們見到了很多案例,這裡介紹幾個日本以圖片展示為主的網站,精致的圖片不需要過多的裝飾。

  坂本龍一是日本當代最讓人尊崇的音樂家之一,音樂領域涉獵甚廣,在先鋒電子樂領域擁有特殊地位。代表作有《Merry Christmas Mr. Lawrence》《末代皇帝》《遮蔽的天空》《桃太郎》《高跟鞋》等,為1992年巴塞羅那奧運會開幕式譜曲並擔任指揮……坂本龍一成為”大眾明星”的原因,一方面在於他個人對於電子、搖滾、爵士等多重音樂風格極具靈感的把握;另一方面則在於他能在商業、藝術和實驗之間找到平衡點,作出既有實驗意義又有動聽旋律的作品。

  http://moonlinx.jp/special_issue/003/

pic_6
pic_7

  日本設計強調材料的內在之美,注重與大自然的和諧,珍惜自然材質,這與日本自然資源相對稀缺有很大的關系。日式風格中,回歸自然是最大的特色,推崇貼近自然、強調自然主義,讓使用者有置身自然的感覺。用產品的工藝制作圖片作為網站的主體和背景,拉近了觀者與產品的距離。

  http://www.ishiyamasenko.co.jp/

pic_8
pic_9

  傳統工藝美妝店鋪,單從cover引導頁的圖片就能看出該店鋪的賣點。特色產品圖加上柔美的動態散花效果,為網站加分,導航中加入商城外鏈可直接在線購物,利於用戶體驗。

  http://www.kazurasei.co.jp/

pic_10
pic_11

  日本聯合新聞社,社內的場景圖片很好的展示要表達的主旨。

  http://go-jimbou.info/

pic_12

  街區是一個城市的重要標志性特色,將這樣雜亂無章的舊街道作為網站通欄頭圖,配合簡介的形式設計,也能很出彩。

pic_13

  美寶蓮日本網站,將實體店作為網站背景,搭建成實景的巨幅海報展板,這種形式是否比存粹的明星代言更接地氣些?!

  http://www.maybelline.co.jp/

pic_14
pic_15

  對比下面兩個日韓服飾類網站,可以看出日本網站在圖片選擇上更注重產品本身,極具質感和張力的圖片真實樸素,力求展示產品與人的關系。而韓國則更注重整體的氛圍的搭配,通過環境的營造來提升產品的品味和檔次,產品只是搭建系統中的一部分。

  http://quael.jp/

pic_16
pic_17

  > 對圖片進行特殊處理

  圖素質量低是我們在設計過程中經常遇到的情況,我們通常用到最多的方法莫過於高斯模糊、柔光、濾色、添加紋理質感,將圖片處理成做舊、仿古、年代感、單色……又會是什麼效果呢?!

  箔工藝,金銀箔具有很好的延展性,將金銀打展成薄膜狀,與絹結合,應用於古代服飾中。此文化再京都有四百余年的歷史,現在主要用於文物修復。取箔工藝品的一個局部,重新組合作為整張背景,貼片處理的文字與背景的融合更顯古代文化的精妙。

  http://www.hiroto-rakusho.com/

pic_18
pic_19

  人物素材粗糙的情況下,采用水彩的濾鏡效果,背景加入點狀網格,極具形勢感的箭頭做引導,個性十足。

  http://www.kanenavi.jp/

pic_20

  全日本劍道聯合會,網站采用時間軸展示的形式,從1950-2000年每一期獲勝者的照片和信息,可以看出由於70年代以前都是黑白照片且像素低,和近期的彩色照片反差較大,所以網站設計成了古樸做舊的年代感風格,加入很多早期照片中的截圖作為插畫元素,確保了風格統一。

  http://www.kendo.or.jp/champ/#/about

pic_21
copyright © 萬盛學電腦網 all rights reserved