2017 流行什麼?9 大網頁設計趨勢預測

網路潮流總是時刻變動,每年總會誕生新潮流,有的退流行,也有的持續成長。這篇文章幫大家整理 2017 的流行網頁設計元素,希望能幫助大家做出更棒的網站。
評論
Photo Credit: Stripe 頁面截圖
評論

原文《Web Design Predictions for 2017》,由持續追蹤設計新品消息的網站 Repick 撰寫,INSIDE 獲授權編譯。 

網路潮流總是時刻變動,每年總會誕生新潮流,有的退流行,也有的持續成長。這篇文章幫大家整理 2017 的流行網頁設計元素,希望能幫助大家做出更棒的網站。

1. 亮色與漸層

Photo Credit: Stripe 頁面截圖
Photo Credit: Stripe 頁面截圖

飽和的漸層色大概是 2107 最明顯的潮流了,間曾與亮色近期已經開始有不少應用,包括 InstagramStripe、Asana 等科技品牌都利用類似的元素來重新定位品牌形象。

2. 大片陰影重返流行

Photo Credit: Mixpanel
Photo Credit: Mixpanel

在淺色陰影流行一段時間後,Repick  認為厚重陰影會重回流行。

3. 大型粗體字

Photo Credit: atomic.io
Photo Credit: atomic.io

字體排版(typography)潮流年年變換,從 Dribble、Behance、Pinterest 等設計社群甚至 UX 設計師的個人頁面、企業官方網站都可以觀察到字體趨勢變化。字體排版絕非只是把漂亮的字型加上好看的背景就行,它是 UX ,甚至幾乎所有設計的基礎重點。它能毀掉或拯救整個專案,它能增強你的故事和情緒表達,幫助你和使用者溝通。接下來的這一年我們可以預期愈來愈多粗體字型增加。

4. 漢堡選單 Bye Bye

作者本身相當討厭 漢堡選單(Hamburger menu),這種設計讓他的 app 變得更複雜,而且很難導向,很多 app 都已經拋棄了這種選單。2016 年可以看到很多網頁已經改採扁平式頁籤選單,Repick 認為明年將有更多的網頁或軟體加入這股潮流。

5. 微互動(micro-interaction)

Photo Credit: Ivan Bjelajac
Photo Credit: Ivan Bjelajac

像是標題常見的字級變化互動、視窗活動等微互動將成為 UI 和 UX 規劃的重點,尤其是在行動裝置或小螢幕裝置上。

微互動讓使用者透過與 UI 互動,認知到現在正在發生什麼事、剛剛發生了什麼是、接下來又要發生什麼事。隨著硬體的進步及設計素材庫的輔助,讓開發者更容易添加這些功能。

6. 不尋常的版面配置和欄位

Photo Credit: Ben Cline

2017 年將會比 2016 年更有創意,設計師最近開始想方設法做出特別的欄位和排版。很多網頁將字體和圖像元素重疊,做出獨特的網站,在市場競爭中脫穎而出。

7. 長長的捲動頁面

Repick 預測新的一年將有許多連續捲動,看不到底的網站。長捲動式網頁使用起來直覺又簡單,比起找不到選項的網站地圖,朝著對使用者更友善的方向前進。

8. 進階動畫

Photo Credit: Ruslan Siiz
Photo Credit: Ruslan Siiz

在 2016 年,可以觀察到網頁設計中動畫比重增加的情形,相信接下來的一年這股風潮將持續成長。動畫逐漸成為基本配件,而非附加功能。也因此,動畫成了應該在規畫概念前就該先考慮進去的元素,而不是事後再來製作。

動畫不只能吸引注意而已,它還能指引用戶接下來應該要怎麼做。動畫是讓使用者經驗更舒適、簡單的好方法。

9. 告別粗糙的樣板影像

網頁改變的速度很快,品牌現在都在嘗試著建立自己的專屬形象,繪圖和影像出現在橫幅、特製的圖示和漂亮的動畫視覺這些地方。所以粗糙、缺乏想像力的的圖庫樣板影像已無容身之處。

另外一個原因則是,像 Pexels 這種提供優質免費圖片的網站愈來愈多,在新的一年,上面這種死板的圖片將不會出現在新的網站上了。

以上這些就是 Repick 所挑選的 2017 網頁趨勢預測,你的看法又是什麼呢?


百年汽車製造商憑什麼談環境永續?奧迪環境基金會與學生團隊跨界對談,共同為環境努力

作為百年汽車製造商,尤其是像奧迪這樣的大型領導企業,對環境的影響想必是不可忽視。既然如此,奧迪能怎麼做?又能以什麼樣的方式來達成永續?
評論
Photo Credit:TNL Brand Studio
評論

奧迪創新獎 Audi Innovation Award (AIA) 是奧迪自2018年起,為了尋找具有創意且能夠改善人們生活方式的新創團隊所舉辦。本屆奧迪創新獎更首度邀請學生團隊加入競賽,獲選的提案將能獲得獎學金。台灣福斯集團暨台灣奧迪總裁安薩瑞(Rahil Ansari)表示,今年奧迪以永續城市為主題,邀請了來自台灣頂尖大學的學生團隊,各自提出他們對城市永續的創意想法,藉由與學生交流,更能為奧迪帶來新鮮氣息,以及充滿活力的新創氛圍。

台灣福斯集團暨台灣奧迪總裁安薩瑞 Rahil Ansari。/Photo Credit: TNL Brand Studio

台灣學生挑戰國際競賽,實踐想法超興奮

本屆的評審委員,也是奧迪環境基金會的資深顧問Matthias Rossmann博士指出,這個深具啟發性的獎項,不僅將德國、台灣的企業與人才匯聚在一起,為了追求一個有意義的共同目標,彼此分享、激盪,是一件相當令人感到興奮的事情;更希望透過學生們新穎的眼光,來點亮這個世界的多種可能。

在台灣的四個團隊中,包括了代表清華大學材料科學與工程學系的蘇姮侒、清華大學工業工程與工程管理學系的林芮伃、臺灣科技大學應用科技研究所的張培旺,以及清華大學材料科學與工程學系的林曜宇。張培旺靦腆地表示,在參加之前,其實並不知道AIA是一個什麼樣的競賽,所以做了很多事前的準備;在實際參加後,更是認同AIA的理念,很高興有機會可以把自己腦中的想法,化為現實可行的作法。而來自清大的蘇姮侒也有同樣的感受,能夠把所學變成所用,甚至更進一步的推展擴大,是這次參加活動最大的收穫。

Photo Credit:TNL Brand Studio

刻寫在DNA中的新創力,轉化成永續科技的動能

針對本次競賽的主題「永續城市」,學生們最初的確感到有些困惑。作為百年汽車製造商,尤其是像奧迪這樣的大型領導企業,對環境的影響想必是不可忽視。既然如此,奧迪能怎麼做?又要用什麼樣的角度來談永續?Matthias Rossmann博士認為,事實上,這正是全球的汽車製造商所面臨的挑戰,而奧迪願意正面接受這樣的考驗,並且做出承諾。因此在2009年成立了奧迪環境基金會,就是希望借力使力,將與環境相關的問題,透過科技、技術的力量來解決。藉由解決這些全球性問題的過程中,奧迪環境基金會更期待引發每一位奧迪人對環境的熱情與認識。

奧迪環境基金會資深顧問Matthias Rossmann博士。/Photo Credit:TNL Brand Studio

Matthias Rossmann博士同時也分享了奧迪環境基金會所進行研發的兩個項目。首先是與德國柏林大學合作,用於對付目前無所不在的塑膠微粒的智慧過濾器。這個過濾器被設計成適合安置在城市的下水道系統中,除了直接過濾掉有害的塑膠微粒之外,更重要的是收集這些東西的來源、型式,並且數據化,就能建立城市中的塑膠微粒熱區,以便針對這些地方進行防治、宣導及改善的工作。另一個非常有趣的項目則是與海德堡大學合作,開發配備了先進傳感器技術的無人機,用來監測樹林中的狀態,對於有志於保護植物生態系統的人來說,這無異為最有力的幫手。

Photo Credit:TNL Brand Studio

從移動到居住,為下一個世代而生的解決方案

永續、環保的實踐,不再只是自備環保餐具和環保袋而已,奧迪環境基金會把這個影響巨大、需要全球一起努力的環境議題,視為一個創造的契機,一個能夠透過創新思維、前端科技,打造出更適合人們生活的環境的機會,也是幫助我們的地球資源能夠永續循環的機會。

在精彩刺激的競賽之後,2021年的奧迪創新獎AIA圓滿落幕,所有參加的團隊不只具備很強的新創能量,也提出了非常有趣、複雜的設計。而學生團隊的優秀表現,更是令評審耳目一新且印象深刻。Matthias Rossmann博士表示非常期待將來能有機會,與這些學生們一起工作,嘗試更多的可能性。安薩瑞總裁(Rahil Ansari)也提出了願景,希望透過這樣的共識以及共同努力,可以加速打造一個永續的、宜居的、對所有人都更好的,專屬於下一個世代的居住環境。