2013年網站與手機10大設計趨勢

知名網站VB整理出10大最佳設計趨勢,提供給設計開發團隊參考,其實放眼台灣,有不少網站與APP也符合以上的特質,像是callismubikeInstaMag等,大家不妨造訪一下,互相交流。

 

Flatness 扁平式設計

不意外,VB將扁平式設計放在第一位,作者Jolieo Dell崇尚簡單,而非仿造擬真的材質,被選中當範本的包括設計網站Buffalo、穿戴式裝置品牌網站Fitbit以及APP Taasky等。

 

Responsive design 響應式設計

去年開始發燒,今年持續延伸到許多一雲多螢的產品設計中。Jolieo 選擇了用HTML5 & CSS3寫成的主題範本,支援Web、Tablet及APP三種尺寸,大家不妨用手機或平板掃下這個QRCode,或是點擊這裡體驗一下。


(圖片引自http://templatefull.com)

 

Understated elegance 低調的高雅品味

回歸到設計本身的元素,恰宜的字型、精選的影像、用心的留白空間,都是Jolieo 認為應當練習的方向。獲選的範本包括極美的Exposure網站以及Yahoo天氣APP

 

 

Dashboards 資訊主頁

Jolieo 認為要把一堆資訊放在一起,卻不雜亂,絕非簡單之事。他提到GeckoboardDash把主頁面做的很好,充分將資訊視覺化,不只是為扁平而扁平、只給用戶所見即所得而已。

 

The return of color 重返色彩

單色或低飽和度的色調,已非趨勢,如彩虹一般的色彩轉而活躍。Jolieo又一次提到了iOS 7(雖然是不太肯定的用詞),作者想到蘋果剛推iOS 7的時候,可是飽受批評,Jony Ive還解釋了一大堆呢!

 

Delight in animation 悅人的過場動畫

動畫顯示這個項目中,Jolieo給了Windows Phone極高的評價,另外iOS遊戲Letterpress的過場動畫也在他的最愛清單裡。

 

Slick, skinny iconography 細瘦的icon設計

這項觀察倒是頗有趣的,因為十分細微,那就是畫面上的icon不再講求胖胖QQ 的存在感,而是變得纖細了。其實使用iOS 7的用戶應該也有感覺到。

 

Creative typography explosion 創意的文字編排

文字設計與文字編排對設計師來說並不是新的課題,Jolieo會特別提出來是因為他看到去年許多網頁上的文字都變得有趣、多樣性,而且許多資源還是免費的!!好物當然要分享一下~

大家可以參閱這一頁,感覺字形設計跟icon設計有些些相近的趣味,而且即便是再仿古的設計也要帶點潮牌的新穎在裡頭。

 

Design for things besides computers 電腦裝置以外的設計

今年開始大爆發的智慧型電視、穿戴式裝置,既然是接下來的發展趨勢,相對在裝置介面上的設計或是資訊顯示的設計也有它必須思考的點,因為露出到不同裝置的資訊,或多或少會對應到其他裝置(例如手錶、電視),所以必須考慮如何達成完美的Fragmentation!

 

Cards 卡片風格的設計

最後一項是像卡片一樣的排列方式,好比一張名片、一張酷卡經常會出現的排列風格。包括Google Now、Windows Phone Jolla Sailfish OS都被點名。

來源參考自VB

要得知最新科技消息,請留意派亞普科技創見!