Archive

Posts Tagged ‘網頁配色’

初哥眼中看 2015 網頁設計新趨勢

December 14th, 2014 No comments

新手開發者在技術的熟練當然無法與老人家相提並論,不過有時候從新人「單純」的想法所得出的趨勢,卻有可能是「最真的」。以下我們就總結一下新人對於 2015 年網頁設計趨勢的見解。

1、排版更靈活

這部分的主要焦點在於字體顯示會受到新興排版原則的影響。事實上,網頁字體和列印字體還是有很大的不同,在 2015 我們會擺脫過去將文本擠在一起的老式思維。其實,這並不是什麼新鮮事,因為自 2006 年以來已一直討論這個概念,但適應設計的進度緩慢,畢竟已經遵循了如此多年的設計原則,要改變它,還是需要時間的。

這裡有 3 個主要影響因素:

字型的大小

欄寬

列高

2、Web Coding的衰落

代碼讓開發者、設計者把自己所需要的展現出來,不過隨著 Web 開發設計工具變得更加智能、強大,代碼將會漸漸淡化。現在設計者也可以自己建網站而不需要寫代碼。

當然,也不是說代碼完全會消失,它還是會有自己的用武之地,不過,在前端(系統中直接和用戶溝通的部分)則不需要自己再編寫代碼。

3、手機版網頁(Responsive Design)

桌上電腦、平板電腦、手機上的回應式設計是必須。隨著智能手機、智能電視、家用應用程式的興起,手機版網頁將需要一次進化和重新定義。

4、Flat Design 將無處不在

不同地區的新興產業–微軟的 UI 語言、Google 的 Material Design 指南、蘋果的新審美方向,扁平化設計將更加流行。

5、更大=更好的圖像

不僅僅是文本,網頁圖片也會越來越大:圖片也是一種工具。2015 年,圖片會以新的方式佔據網頁中心位置。更好的技術將會讓網頁的大小調整、顏色及圖片載入等更加出眾。此外,還有一個重要的趨勢,圖片將會用作背景,浮動、顏色過濾覆蓋,讓文本浮動在上面,將更加有助於用戶體驗。

6、優化 Scrolling parallax、視差效果、細節互動

也許,這是最影響深遠的趨勢會 Scrolling parallax 動畫。我們天天都能體驗到,像蘋果、Google 這樣大型網站的產品頁面。結果不用多說:網站上使用視差滾動效果可以改善高達 70% 的體驗效果。

7、Webgraphics 的黎明到來

作為視覺化部分,我們在觀看圖片的時候,更傾向於它展現更好的資料資訊,這也是導致資訊圖(Infographics)流行的原因。資訊圖提供了大量資訊,而且很容易讓我們看到重點。

新趨勢已經到來:Webgraphics 和資訊圖類似,可以以簡單的圖片提供大量資訊,不過,Webgraphics 在涉及到讓使用者進行互動的元素時,在視覺上比資訊圖更有吸引力,讓用戶覺得更加有趣。

展望未來

Web設計趨勢每天多少都會有些改變。但設計師的創意天賦是推動改變網頁設計標準的法則。設計師負責將創意轉化為趨勢、趨勢轉變為標準。

上文所列出的 7 個 Web 設計趨勢會很快在將來變得流行,並為大眾所接受。我認為如果在 2015 年,網頁缺少這些設計項目,必定會被淘汰,你覺得呢?期待你的評論。