當前位置:才華齋>設計>網頁設計>

在大環境下提升網站設計形成的方法

網頁設計 閱讀(1.34W)

提到網頁設計,最先想到的是當今主流的韓國設計和扁平化設計,當然個性化排版、視訊代替文字、全屏大視野、滾動視差、多平臺全適應等設計形式已經進入了我們的視野。西方簡單、功能性的美學精神”少即是多”這一設計理念攻佔了我們的大腦,很多時候,在開始做設計之前腦子裡會來回浮現這些風格的設計。那麼,怎樣在主流設計方式中做出有自己特色的網站呢?以下是小編為大家搜尋整理的在大環境下提升網站設計形成的方法,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

在大環境下提升網站設計形成的方法

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

  > 賦予民族文化特點

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

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

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

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

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

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

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

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

_issue/003/

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

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

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

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

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

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

  > 對圖片進行特殊處理

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

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

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

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

#/about

Daum是韓國最大的入口網站之一,以郵件和社群產品為核心,是韓國第一個電子郵件服務網站Hanmail的前身。牛仔藍單色照片處理更像電影和動漫場景。

也有整體黑白加入區域性彩色色的案例,將複雜圖片簡化處理,對於簡潔的頁面設計來說,這是個不錯的方法。每個版塊都是黑白照片做背景,文字做JS動態移入效果,在圖片的某個元素上加入VI主體顏色,故事感很強。

  > 創意圖形化環境的設計

手繪、向量圖形設計的圖形場景環境,用在食品、旅遊、地圖、嬰幼兒等方向的設計上更容易拉近消費者,給人放鬆愉悅的心情。相比圖文混排更貼近生活。

狗糧推廣網站,將網站設計成寵物樂園,各個品種的狗狗們都有自己的一段視訊,內容是狗狗們對幾種產品的喜好對比。

#/MainPage/001

企劃創意公司,技術上只是一個簡單的FLASH站,但空間跨越性思維設計卻給這個網站帶來了不凡的效果。由區域性的空間延伸出各種異空間的交匯,加入互動效果而引發的更多驚喜也進一步提升了使用者參與度。

用3D拼圖建造起一個小型城市,4個建築代表網站要展示的4個心理學的具體分類,建築物誇張的擬人化動作實現頁面跳轉。

日本兒童專用雞蛋,此網站將所有產品相關內容裝進雞蛋中,食用後產生的剩餘物可大變身繼續用於其它物品的生產,迴圈利用避免環境汙染,所以在首頁展示上才會有類似瀑布流的大量周邊產品展示。網站首頁是自動向下播放展示的瀑布流效果,hover及跳轉都伴隨非常可愛的音樂和動態,恰當音樂的播放和觸碰hover的小驚喜也會給網站增添色彩

日本山形放送局的地區地形圖,大家都看過現實版的景點手繪地圖,該網站也用了這種形式。比較有意思的是他的功能非常強大,是一個可放大縮小的真實版地圖,沒有跳轉,完整的手繪google地形圖。以小青蛙作為代言人對每個景區的優勢作手繪圖形註解,以當前彈出的形式展示該地的歷史、自然、觀光、社會、祭祀、美食、傳統等資訊的詳細圖文、視訊解析。

九州熊本天草村,用動態圖形化完整的對天草村進行了設計演繹,重要景點預設做了動態處理,跳轉後都是另一個完整的實景向量圖。對景點中的標誌性小建築做了頁面彈出實景詳細講解。

這種形式在新加坡兒童樂園的設計中也同樣得到了使用。

設計風格也是體現一個國家文化的重要方式,嚴寒漫長的冬季成為俄羅斯的標誌,在頁面上打造一個同色系的冰雪世界,反而使彩色的主體資訊更加突出。

  > 賦予與產品相關的互動形式,重視使用者參與性

一個優秀的網站它的互動性也非常重要,擁有好的互動性可以讓瀏覽者有著更高的參與感,並且也能增大網站自身傳播效果,還可以提高使用者對自己的網站的依賴性和忠誠度。

Panasonic剃鬚刀產品JS展示站,設計形式與松下電子實現”星羅棋佈的網路社會”和”與地球環境共存”的理想呼應,整站的背景都是由動線點組成的動態圖形面拼合而成,圖片和文字的展示停留在這星羅棋佈的空間組合中。此時網站要表達的不僅是展示產品,還有松下文化。

東京交響樂團,該網站對使用者的參與性做到了極致,從網站主內容上沒有關於東京交響樂團的圖片文字資訊,使用者可以在頁面專屬音樂鍵盤提示的情況下,用獨創音樂的新穎形式創作屬於自己的個性音樂,並對音樂逐幀做了記錄,可以返回欣賞創作成果,並分享到各網站。

SPECIAL-T 綠茶網站,玩過網遊的同學們都知道遊戲中做任務有地圖尋路功能,該網站採用了這個原理,在大海中建立類似於西遊記的龍宮,使用者在沒有任何導視的情況下,360度無死角在海洋裡自由探尋,最終的成果便是在一段時間的遨遊後到達網站的終點產品引導頁,闡釋special的感受。

  > 視訊與特殊版式的.結合

如果你想要一種優雅而直觀的產品展示方式,全屏視訊網站是一個不錯的選擇。全屏視訊網站能一瞬間點燃人們的好奇心,當然也可能馬上讓訪客失去興趣,這都取決於你是否能夠駕馭這類高大上的設計風格。

日本福祉大學,校園內外學生學習、活動氛圍的場景視訊作為背景播放展示,視訊上一層則是手動切換的內容介紹字幕,一個大學的網站更像是一個微電影展示。

Mikihiko Kyobashi 海底攝影記錄展示站,整站視訊展示配上海洋真實的聲音。透過視訊看到的海洋不是一汪死水,陽光穿透海面,碧海藍天,比靜態的照片更能展示生命的氣息。

bc服裝網站,暗色的動態視訊做背景,與前層簡單的圖文排版形成反差,圖片hover的3D立體效果令人耳目一新。

圖片與視訊的混排切換展示,拉伸後展開整站播放效果。

日清食品,微距拍攝的視訊,用時間倒數計時的方式,記錄在這一碗日清方便麵泡好的3分鐘內,世界各國家不同膚色年齡的人群品嚐日清食品的狀態緩慢特寫,加入了用各國語言描述倒數計時的聲音,視訊中間穿插有和日清logo呼應的裝飾語言,隱藏在頁面下方的時間軸可以找到每一分每一秒的畫面禎,時間可自行選擇切換到想要的那一幀。

  結語:

以上五點都是當下主流設計中另闢蹊徑找創意,簡單五點很難將所有好的創意都涵蓋在內,除此之外大家肯定也有更好更多的想法。網頁設計總是立足於瀏覽者的審美、文化,以及資訊傳播的習慣、方式,還有網頁開發技術的進步。對於絕大部份網站來說,沒有強大的專業力量去研究使用者新的習慣和需求,也不可能開發出新的技術功能,只能在一些大型的網站中窺見一些發展的趨勢,再從中找到自身可借鑑的地方。這種借鑑如果成為普遍性,那我們也很難在網際網路的大潮中有自己的一席之地。網頁設計已逐漸往多元化方向發展,更好的創意、更新的想法都來源於我們真實的生活感受,想要我們的網站變得更強大、擁有更好的使用者體驗,無可厚非,我們應該做的是大膽、大步地去嘗試。