2022-6-14 博博
提到網頁設計，最先想到的是當今主流的韓國設計和扁平化設計，當然個性化排版、視頻代替文本、全屏大視野、滾動視差、多平臺全適應等設計形式已經進入了我們的視野。西方簡單、功能性的美學精神”少即是多”這一設計理念攻占了我們的大腦，很多時候，在開始做設計之前腦子里會來回浮現這些風格的設計。那么，怎樣在主流設計方式中做出有自己特色的網站呢？我們從以下幾點介紹在大環境下提升網站設計形式的方法。
那么，怎樣在主流設計方式中作出自己的特色呢？我們從以下幾點介紹些提升網站設計形式的方法：
在眾多的設計師追逐主流風格的同時，民族文化感覺的設計越來越少，不光在國內，在世界各地都出現了這樣的情況。當然不可否認還有很多設計師在為民族設計而努力。下面這幾個站點雖然只有簡單的設計和動態效果，但是卻有一種非常淳樸的民族風格，這也是最吸引人的地方，每個細節都流露出民族的特點和氣氛。不是只有文化性質的網站才能賦予文化設計風格，在商業產品類型的設計推廣中同樣適用。
日本眼藥水網站，將現代工業社會的產物與傳統鬼神文化中的五種妖怪以卷軸、插畫傳統形式展示，與漫天遍地的明星代言廣告形成對比，同樣是眼干、眼澀、眼疲勞，同樣是以辦公室、上班族為消費群，文化創意上的突破使人眼前一亮。
(小編按：那個妹子是我的女神橫山美雪，嗎？)和風服裝店，日本特色的風鈴、簡約的插畫，”和風”，大和民族追求與自然的和諧之美，從這個服裝網站上我們可以看到日本設計文化體現了對自然的尊重，反映了樸素美學的內斂性格。
緬甸傳統舞蹈音樂合奏網站，緬甸古代戲劇舞蹈，是從緬甸傀儡戲、古典戲劇及阿迎舞等古典藝術中產生的?？軕蛑械囊恍┕澞亢透鞣N傀儡角色的不同的舞蹈動作被大量移植到現代緬甸舞中。傀儡舞中”傀儡步”、”傀儡爬跳”等成為現代緬甸舞的基本動作，是文化多樣性的輝煌繼承。黑白圖片和大面積留白的海報設計形式，突出舞蹈者主體，用在網站上更顯神秘。
http://www.itwillbeastounding.com/
俄羅斯莫斯科大劇院是莫斯科的地標性建筑之一，是莫斯科有名的芭蕾舞與歌劇劇院；是俄羅斯歷史最悠久的劇院，享譽天下，是世界上最著名的劇院之一。它不僅繼承了歐洲芭蕾的歷史傳統，更重要的是，在俄羅斯豐富的民族音樂與舞蹈的沃土上，建立和發展了自己的芭蕾體系。將沙俄古典風格融匯于設計版塊中，同樣大量留白處理給了圖片展示更多的空間。
大面積整站或局部性使用高清圖片，在之前設計分享中我們見到了很多案例，這里介紹幾個日本以圖片展示為主的網站，精致的圖片不需要過多的裝飾。
坂本龍一是日本當代最讓人尊崇的音樂家之一，音樂領域涉獵甚廣，在先鋒電子樂領域擁有特殊地位。代表作有《Merry Christmas Mr. Lawrence》《末代皇帝》《遮蔽的天空》《桃太郎》《高跟鞋》等，為1992年巴塞羅那奧運會開幕式譜曲并擔任指揮……坂本龍一成為”大眾明星”的原因，一方面在于他個人對于電子、搖滾、爵士等多重音樂風格極具靈感的把握；另一方面則在于他能在商業、藝術和實驗之間找到平衡點，作出既有實驗意義又有動聽旋律的作品。
http://moonlinx.jp/special_issue/003/
日本設計強調材料的內在之美，注重與大自然的和諧，珍惜自然材質，這與日本自然資源相對稀缺有很大的關系。日式風格中，回歸自然是最大的特色，推崇貼近自然、強調自然主義，讓使用者有置身自然的感覺。用產品的工藝制作圖片作為網站的主體和背景，拉近了觀者與產品的距離。
http://www.ishiyamasenko.co.jp/
傳統工藝美妝店鋪，單從cover引導頁的圖片就能看出該店鋪的賣點。特色產品圖加上柔美的動態散花效果，為網站加分，導航中加入商城外鏈可直接在線購物，利于用戶體驗。
日本聯合新聞社，社內的場景圖片很好的展示要表達的主旨。
街區是一個城市的重要標志性特色，將這樣雜亂無章的舊街道作為網站通欄頭圖，配合簡介的形式設計，也能很出彩。
美寶蓮日本網站，將實體店作為網站背景，搭建成實景的巨幅海報展板，這種形式是否比存粹的明星代言更接地氣些？！
對比下面兩個日韓服飾類網站，可以看出日本網站在圖片選擇上更注重產品本身，極具質感和張力的圖片真實樸素，力求展示產品與人的關系。而韓國則更注重整體的氛圍的搭配，通過環境的營造來提升產品的品味和檔次，產品只是搭建系統中的一部分。
圖素質量低是我們在設計過程中經常遇到的情況，我們通常用到最多的方法莫過于高斯模糊、柔光、濾色、添加紋理質感，將圖片處理成做舊、仿古、年代感、單色……又會是什么效果呢？！
箔工藝，金銀箔具有很好的延展性，將金銀打展成薄膜狀，與絹結合，應用于古代服飾中。此文化再京都有四百余年的歷史，現在主要用于文物修復。取箔工藝品的一個局部，重新組合作為整張背景，貼片處理的文字與背景的融合更顯古代文化的精妙。
http://www.hiroto-rakusho.com/
人物素材粗糙的情況下，采用水彩的濾鏡效果，背景加入點狀網格，極具形勢感的箭頭做引導，個性十足。
全日本劍道聯合會，網站采用時間軸展示的形式，從1950－2000年每一期獲勝者的照片和信息，可以看出由于70年代以前都是黑白照片且像素低，和近期的彩色照片反差較大，所以網站設計成了古樸做舊的年代感風格，加入很多早期照片中的截圖作為插畫元素，確保了風格統一。
http://www.kendo.or.jp/champ/#/about
Daum是韓國最大的門戶網站之一，以郵件和社區產品為核心，是韓國第一個電子郵件服務網站Hanmail的前身。牛仔藍單色照片處理更像電影和動漫場景。
也有整體黑白加入局部彩色色的案例，將復雜圖片簡化處理，對于簡潔的頁面設計來說，這是個不錯的方法。每個版塊都是黑白照片做背景，文字做JS動態移入效果，在圖片的某個元素上加入VI主體顏色，故事感很強。
手繪、矢量圖形設計的圖形場景環境，用在食品、旅游、地圖、嬰幼兒等方向的設計上更容易拉近消費者，給人放松愉悅的心情。相比圖文混排更貼近生活。
狗糧推廣網站，將網站設計成寵物樂園，各個品種的狗狗們都有自己的一段視頻，內容是狗狗們對幾種產品的喜好對比。
http://www.solvida.jp/solpa/#/MainPage/001
企劃創意公司，技術上只是一個簡單的FLASH站，但空間跨越性思維設計卻給這個網站帶來了不凡的效果。由局部的空間延伸出各種異空間的交匯，加入互動效果而引發的更多驚喜也進一步提升了用戶參與度。
用3D拼圖建造起一個小型城市，4個建筑代表網站要展示的4個心理學的具體分類，建筑物夸張的擬人化動作實現頁面跳轉。
http://www.soc.nara-u.ac.jp/kokoro/
日本兒童專用雞蛋，此網站將所有產品相關內容裝進雞蛋中，食用后產生的剩余物可大變身繼續用于其它物品的生產，循環利用避免環境污染，所以在首頁展示上才會有類似瀑布流的大量周邊產品展示。網站首頁是自動向下播放展示的瀑布流效果，hover及跳轉都伴隨非常可愛的音樂和動態，恰當音樂的播放和觸碰hover的小驚喜也會給網站增添色彩。
日本山形放送局的地區地形圖，大家都看過現實版的景點手繪地圖，該網站也用了這種形式。比較有意思的是他的功能非常強大，是一個可放大縮小的真實版地圖，沒有跳轉，完整的手繪google地形圖。以小青蛙作為代言人對每個景區的優勢作手繪圖形注解，以當前彈出的形式展示該地的歷史、自然、觀光、社會、祭祀、美食、傳統等信息的詳細圖文、視頻解析。
http://www.nhk.or.jp/yamagata/mitekero/
九州熊本天草村,用動態圖形化完整的對天草村進行了設計演繹，重要景點默認做了動態處理，跳轉后都是另一個完整的實景矢量圖。對景點中的標志性小建筑做了頁面彈出實景詳細講解。
這種形式在新加坡兒童樂園的設計中也同樣得到了使用。
設計風格也是體現一個國家文化的重要方式，嚴寒漫長的冬季成為俄羅斯的標志，在頁面上打造一個同色系的冰雪世界，反而使彩色的主體信息更加突出。
一個優秀的網站它的交互性也非常重要，擁有好的交互性可以讓瀏覽者有著更高的參與感，并且也能增大網站自身傳播效果，還可以提高用戶對自己的網站的依賴性和忠誠度。
Panasonic剃須刀產品JS展示站，設計形式與松下電子實現”星羅棋布的網絡社會”和”與地球環境共存”的理想呼應，整站的背景都是由動線點組成的動態圖形面拼合而成，圖片和文字的展示停留在這星羅棋布的空間組合中。此時網站要表達的不僅是展示產品，還有松下文化。
http://panasonic.jp/shaver/lamdash/dna/index.html
東京交響樂團，該網站對用戶的參與性做到了極致，從網站主內容上沒有關于東京交響樂團的圖片文字信息，用戶可以在頁面專屬音樂鍵盤提示的情況下，用獨創音樂的新穎形式創作屬于自己的個性音樂，并對音樂逐幀做了記錄，可以返回欣賞創作成果，并分享到各網站。
SPECIAL-T 綠茶網站，玩過網游的同學們都知道游戲中做任務有地圖尋路功能，該網站采用了這個原理，在大海中建立類似于西游記的龍宮，用戶在沒有任何導視的情況下，360度無死角在海洋里自由探尋，最終的成果便是在一段時間的遨游后到達網站的終點產品引導頁，闡釋special的感受。
http://ogreen.special-t.com/en/
如果你想要一種優雅而直觀的產品展示方式，全屏視頻網站是一個不錯的選擇。全屏視頻網站能一瞬間點燃人們的好奇心，當然也可能馬上讓訪客失去興趣，這都取決于你是否能夠駕馭這類高大上的設計風格。
日本福祉大學，校園內外學生學習、活動氛圍的場景視頻作為背景播放展示，視頻上一層則是手動切換的內容介紹字幕，一個大學的網站更像是一個微電影展示。
http://www.n-fukushi.ac.jp/lifestyle/
Mikihiko Kyobashi 海底攝影記錄展示站，整站視頻展示配上海洋真實的聲音。透過視頻看到的海洋不是一汪死水，陽光穿透海面，碧海藍天，比靜態的照片更能展示生命的氣息。
bc服裝網站，暗色的動態視頻做背景，與前層簡單的圖文排版形成反差，圖片hover的3D立體效果令人耳目一新。
圖片與視頻的混排切換展示，拉伸后展開整站播放效果。
http://getgoingtoday.org/beyond
日清食品，微距拍攝的視頻，用時間倒數計時的方式，記錄在這一碗日清方便面泡好的3分鐘內，世界各國家不同膚色年齡的人群品嘗日清食品的狀態緩慢特寫，加入了用各國語言描述倒數計時的聲音，視頻中間穿插有和日清logo呼應的裝飾語言，隱藏在頁面下方的時間軸可以找到每一分每一秒的畫面禎，時間可自行選擇切換到想要的那一幀。
以上五點都是當下主流設計中另辟蹊徑找創意，簡單五點很難將所有好的創意都涵蓋在內，除此之外大家肯定也有更好更多的想法。網頁設計總是立足于瀏覽者的審美、文化，以及信息傳播的習慣、方式，還有網頁開發技術的進步。對于絕大部份網站來說，沒有強大的專業力量去研究用戶新的習慣和需求，也不可能開發出新的技術功能，只能在一些大型的網站中窺見一些發展的趨勢，再從中找到自身可借鑒的地方。這種借鑒如果成為普遍性，那我們也很難在互聯網的大潮中有自己的一席之地。網頁設計已逐漸往多元化方向發展，更好的創意、更新的想法都來源于我們真實的生活感受，想要我們的網站變得更強大、擁有更好的用戶體驗，無可厚非，我們應該做的是大膽、大步地去嘗試。
轉載請注明：優設網
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
網站設計之一：怒馬！超實用的單頁網站設計指南（附大量資源）
網站設計之二：旅游網站設計分析！教你10個小技巧
網站設計之三：實例教學！如何將極簡風格的原則運用到網站設計中？
網站設計之四：另辟蹊徑談創新！提升網站設計形式的幾種方法
網站設計之五：經驗分享：移動網站設計應該避免的“七宗罪”
網站設計之六：4000 字快速回顧20多年的網頁設計發展史！
網站設計之七：騰訊出品！2021-2022設計趨勢報告：動態篇
網站設計之八：為什么千萬別隨便學國外的極簡設計？
網站設計之九：高手出品！2020~2021年UI界面設計趨勢
網站設計之十：如何做好網頁頭部內容設計？來看 58 設計師的總結！
