關注2019年7種尖端網頁設計趨勢
設計師不遺餘力去了解接下來的網頁設計、最新科技、解決方案以及最新趨勢,是因為2019年的網頁設計趨勢,很快就會在市場上成為人們爭相討論的話題。在2018年的時候,已經有許多超棒的創意與技術出現。在2019年,這些創意與技術將被人們發揚光大,並用更獨特的方式繼續呈現。
當我們談到網頁設計,就必須隨時觀察新上線的網頁與過往有什麼細微的差異。只有了解其中趨勢的脈絡,與一連串知識與技能的獲取,才能幫助我們順利預測未來的趨勢。
在2019年,網頁設計的趨勢將著重於智慧型手機的特性。那些電腦系統所沒有的特性,將會被使用得淋漓盡致。那現在,就讓我們一看這些值得一提的趨勢吧。
壹
陰影的濾鏡效果-下拉式陰影
為什麼使用陰影效果已經是老生常談了,卻還要一提再提呢?
雖然陰影效果在網頁設計已使用很久,但是隨著瀏覽器的升級,還是可以找到能做出細微差異的地方。因為陰影效果可以在單調的平面上,製造出3D立體的效果,利用陰影就可以讓物件浮在網頁上。
2019年的陰影效果將著重在陰影的細微變化上,而這個新的陰影效果設計師則稱之為「下拉式陰影」。
舉例來說,我們將一個物件放置在網頁上,並在設計好的物件後方放置偽陰影,再利用特定的參數控制它。而這個陰影效果,不管在柔和度還是強度上,都比過去的陰影技術還更能模擬出真實感。在擬真感之下,使用了這個陰影技術的物件,除了能從扁平的頁面上突出,也帶給用戶更好的閱讀體驗。
現在的網頁設計師會把陰影、網格以及視差滾動結合、製造出視覺上的層次感。這項技術結合在近幾年也在平面設計上迅速獲得廣大的迴響。因為陰影效果擁有的用途及影響力超出我們對它的想像,它不僅提升了整體美觀程度,也因為加上陰影的物件,能讓使用者的眼睛集中注意力在核心訊息上,而加強了使用者體驗設計。
在2019年的趨勢,我們可以使用After Effects的3D陰影效果,將繽紛的漸層色彩與下拉式陰影做結合,豐富整個網站的視覺呈現。
貳
更加方便使用的手機介面
使用智慧型手機逛網頁的瀏覽總數已正式超越了電腦,現在有超多人會使用手機逛網拍買東西。但在十年前,大家都還不會使用手機買東西、接收重要資訊等行為。
當時的設計都很困惑:「如果不用能像電腦版一樣,把主選單和次選單直接放在手機介面上,我要怎麼在手機上呈現好的選單效果呢?」。
正因為智慧型手機出現的緣故,使用者介面大幅地成長進化成我們現在看到的樣子。漢堡選單甚至成為了手機介面的標準設計,我們可以透過點擊漢堡選單,將主選單及次選單展開,再找到我們要看的內容。
接著,設計師拋棄使用圖片做為選單,而改用精巧的圖示設計。這些設計過的圖示在有限的手機介面上,不僅可以讓任何人都能更快理解頁面上的內容,還能有效率地使用狹窄的空間。這讓原本使用者介面的問題,瞬間迎刃而解。
叁
大字體及粗體文字設計
比起以前流行的小字體設計,大字體及粗體設計已成為了未來的設計趨勢,因為比起小字,大字及粗體字更加好閱讀,且能夠吸引用戶的注意。
除了這兩種特色之外,有效的字體設計還應包含以下兩個關鍵要素:
a)創造一個適當的瀏覽環境,好讓使用者能夠對網站產生信賴感。
b)確保用戶順利接收網站傳達的隱藏信息,並對網站的服務及資訊產生興趣。
我們不能小看文字的力量,因為文字能夠精確的傳達訊息,成為了與用戶溝通的最佳工具。
文字設計一直都是用途很廣泛的視覺傳達工具。當文字佈局在頁面中,就能創造網站的特色、引導用戶產生情感,並決定了網站的整體調性。
我期待接下來能有更多可以使用的開源字體,因為好的網頁解決方案會跟使用的文字設計是否適合有關。在設計上的要求變得更高,同時也需要方便用戶瀏覽。
撇除IE瀏覽器不支援部分的CSS語法,大部分瀏覽器都能支援手寫開源字型。其中字型的部分分為:襯線體和無襯線體。這兩種字型只要靈活的搭配,就能強化使用者介面設計,更重要的是還能抓住用戶的注意力,並將文字的訊息精確地傳達給用戶。因為網頁的刊頭文字所傳達的訊息,也會是SEO的關鍵指標。
這樣看下來,網頁設計師可以繼續利用具有震撼力的字體所構成的刊頭,為網頁帶來正面效益。
肆
傳達情感的設計理念
許多網站不再以建議客戶做為溝通的方法,而是開始嘗試用感性且真實的理念包裝公司、服務項目、產品內容的方式與客戶溝通。
在Aaron Walter於ThinkVitamin的資訊文章裡提到,他對設計師對於強化情感的趨勢所做的調查與分析。我十分喜歡這個實驗,甚至發現這對SEO來說非常有參考的價值。
因為在用戶對他們在逛的網頁產生情感時,他們更傾向做以下這些事:
• 分享
• 給予回覆
• 回饋及貢獻
• 分享連結
• 保持忠誠
• 歸屬感
• 瀏覽更多的網頁
只要能吸引用戶完成以上一到兩個項目就代表SEO有了實質的成效。
伍
吸引人的內嵌式資訊圖表
使用資訊圖表做為連結誘餌現在非常的流行。
有趣的是用了資訊圖表之後,你會發現當你不想付任何一毛錢的時候,就可以不付,而且屢試不爽。但為什麼會產生這個效果呢?是因為人們都喜歡圖像化之後的資訊。
這個統計會取決於原始的資料來源。
今天我們想要製作一個漂亮的資訊圖表倒也不是太困難的問題,因為市場上有太多可以利用的工具,好讓你可以發佈在社群平台上。而我們都同意這些資訊圖表,可以吸引更多人拿去寫她們的部落格,也因為他們自己會拿這些圖表到社群平台上做分享。更棒的是資訊圖表所帶來的好處,這些部落客除了點擊你的網站增加了流量及關注,還因為分享在社群平台的緣故,不免費幫你宣傳了網站。
如果資訊圖表的效果良好,數據就會具有說服力,然後你就可以從連結獲取的戰爭中脫穎而出。
陸
加速行動頁面(AMP)
AMP的完整名稱是:Accelerated Mobile Pages,意思就是「加速行動網頁」,目的是為了提升行動裝置對網頁的存取速度。AMP是透過「規範HTML框架」、「限制JavaScript」、「Google高速緩存」這三種要素,縮小網頁檔案,已達到短短幾秒就能快速的讀取,特別是用3G或4G網路瀏覽網頁。
AMP的主要目的就是減少網頁載入過慢的問題,而這個系統是Google官方所推出的,從Google瀏覽器最新的版本來看,網頁載入速度就會影響到SEO的名次。優先使用了AMP裝置的網站就能將原本的Google關鍵字的名次提升。
除了上面提到SEO排序提高的優點,AMP會將網頁及其廣告做整合,讓內容又快又精準呈現在不同的載具上,讓用戶看到更吸引人的內容。因此企業可以考慮在網站上使用AMP功能來改善行動裝置存取速度過慢的問題。
柒
關注語音搜尋的優化功能
近年來我們常常可以聽到語音搜尋是個好點子。根據Gartner預測,語音搜尋將被視為影響廣告行銷領域下一個10年發展的關鍵技術。
因此各大企業爭先恐後推出有語音搜尋工具,且各有各的特色。舉例來說,Amazon開發的Alexa,微軟開發的Cortana,蘋果的Siri以及Google的Voice Search。這些語音搜尋工具提供了使用者豐富的搜尋來源。
當你的網站結合語音搜尋的服務時,會增加拜訪你網站的用戶數量。當你還在思考關鍵字要買什麼比較有效時,掌握使用者意圖的語音搜尋時代已經來臨。
過去在瀏覽器輸入關鍵字會跳出幾千筆的搜尋結果,但語音搜尋時代,用戶只會得到一個結果。那就是語音助理告訴用戶唯一的最佳答案。用戶會利用語音搜尋工具省下搜尋、比對商品的時間,好幫助他們快速做決定。
值得注意的是,未來語音搜尋的優化重點在於「長尾關鍵字」,也就是說口語化的語句是排名良好的關鍵。除此之外,語音助理在帶著客戶到你的網站時,還會同時提升網站的SEO名次呢!
結論
在2019年,小企業不再需要為了服務客戶做妥協。
因為潛在客戶有了不好的使用體驗,就會導致他們無法忍受而離開。他們會轉而使用能帶給他們良好的使用體驗的網站。從這點我們就能發現,能帶給客戶產生好感的服務或商品,才會成為產業中的佼佼者。
2019年的網頁設計趨勢將會取決於用戶對網頁的熟悉度,這代表所有企業都會想盡辦法留住用戶,並讓用戶對他們的網站產生依賴感,避免他們使用了其他競爭者的網站。