(A) 平面設計在網頁設計中的崛起
我們以前會覺得平面設計和網頁設計有很大的區別,會平面設計的人可能未必能做好網頁設計,但這樣的觀念是時候革新了。 實際上好的平面設計師會將自己的平面設計功底融合到網頁設計中,如果我們在學網頁設計的時候只是參照網站設計內容,則我們永遠無法突破。
不論是用平面設計作為背景也好,或者是用平面設計的元素作為網頁裝飾,實際上好的平面設計會大大提高網站的視覺衝擊力。 未來的UI設計師也必須是一個不錯的平面設計師了!
(B) 全屏首頁(首頁大圖、視頻背景、特效背景、互動式首頁)
全屏首頁是著陸頁的形式,能第一時間傳達網站或企業的精神並吸引用家繼續流覽。 不論是視頻背景還是圖片背景,視覺衝擊成為了首頁重任,是篩選潛在客戶的其中一個方式。
(B.1)首頁大圖背景
首頁大圖形式的網站相信大家都不陌生了,都是一些高品質的攝影圖片。是具有很棒的視覺傳達效果和衝擊力。 隨著網速的提升,要在幾秒內載入一個百K的高清背景圖對並不是什麼問題。
(B.2)首頁視頻背景
視覺上想更具有衝擊力便是使用視頻作首頁的背景,好的視頻會為網站如虎添翼,但缺點亦較相對地明顯,目前很多國家網速仍然較慢,視頻背景通常是網頁一打開時便即直接播放,若網速波有在一定標準下,視頻會卡,這體驗很差。 為了讓視頻播放更為流暢,很多網站首頁的視頻都會壓縮成成解析度低的視頻,清晰度亦較低。 要提升整個流覽效果,關鍵還是網速。
(B.3) HTML5特效背景
以粒子特效背景為例。 對於視頻背景而言,使用新的網路語言製作的背景也極佳的視覺體驗。
(B.4) 互動式首頁
互動式首頁指的是在網頁上做一些可以用滑鼠效果使之能與使用者發生互動關係,使得使用者在網頁停留更久的時間,提高使用者的體驗及同時提升整個網站的趣味性。 互動式頁面設計,滑鼠可控制轉盤,且通過不同的轉向透視形成了錯位立體層次的效果。
(C) 全屏導航
傳統導航功能表一般會放在頁面頂部或側面,但越來越多的電腦端網站將其功能表隱藏。設計起初是為了導航,稱之為「全屏導航」; 但後期,隨著設計革新及創意的加入,頁面內容越來越豐富,頁面加入了不同的社交媒體連結,加入了連絡方式,甚至有的還加入了留言板等等,我們稱之為「全屏導航」。但此形式之導航在使用者體驗上是有風險的,因為多了一次點擊,會導致很多使用者忽略細節性,難以達到最佳設計,這種功能表通常也需要建立 在使用者對其功能表的標誌有相當的熟悉程度。 我們建議使用這功能的網站會有一個引導性提示告知使用者更多的資訊。
(D) 3D效果的崛起
3D效果對網頁設計師提出更高的要求,網頁設計中會融入產品的3D動態顯示,可能會要求網頁設計中包含UI與交互設計、視訊短片、精通 HTML5等等。 正因為這種設計門檻高,所以增長速度慢; 但隨著產品專題網站爆炸式的增長,3D 設計已成為很多的網頁設計師的選擇。實現3D 預覽效果的方式很多,有的通過滑鼠控制視頻播放,有的是通過WebGL技術,也的是使用三維動態展多張不同角度圖片拼接而成進行播放。
(E) 動態效果將普及和廣泛應用
隨著網頁技術和創意的發展,網頁中動態效果變得無處不在。頁面內部元素的動態效果,大至banner小至一個button icon,滑鼠或者焦點改變都融入豐富的動態效果。 甚至GIF動圖也在網頁中逐崛起補充一些代碼難以實現的動效。
(F) 單頁式網站走勢強勢上升
隨著網路技術的提升,單頁式網站依舊呈現上升趨勢,這種網站最明顯的優勢是資訊不易遺漏,如果到訪一個網站通過點擊點出許多分頁,而這些分頁之間混亂或者不能一目了然,那這個網站的流覽體驗一定很差吧? 而單頁式網站正正解決了這問題!
(G) 網頁音效
很多的網頁設計會在頁面中加入音效,可以是背景音效,也可以是頁面滾動音效或是焦點改變時元素音效。 這些音效共同的特點是都很精緻輕微,清脆悅耳, 這樣不會給流覽者增加無謂的困擾,並給予流覽者一個良好流覽體體驗。
Aim網頁設計有限公司