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 年,網頁缺少這些設計項目,必定會被淘汰,你覺得呢?期待你的評論。

84% 用戶依賴桌面電腦瀏覽網頁、流動裝置則穩佔 15%

March 8th, 2013 No comments

現時很多從事網上業務的公司都會為流動裝置開發專用的應用程式或網頁版本,事關使用流動裝置瀏覽網頁的用戶人數愈來愈多,而且亦將成為未來的主流發展趨勢。今天由 Adobe 發表的 Digital Index 報告之中便清晰地呈現出用戶的喜好,各位網主可別錯過啦!

報告中指出全球平板電腦的流量首次超越智能手機,而平板電腦的網絡流量亦穩佔全球網絡流量的 8%,智能手機則只得 7%。報告之中解釋這可能與平板電腦擁有較寬闊的熒幕,令用戶瀏覽網頁、網上影片時擁有更佳的體驗有關,同時報告中亦指出用戶以平板電腦瀏覽網頁的數量比智能手機多 70%;至於傳統的桌面電腦仍佔最高百分比,報告顯示桌面電腦佔全球網絡瀏覽量的 84%。

這次調查 Adobe 檢視了全球 8 個國家 1000 億台裝置,這些國家包括了英國、美國、中國、加拿大、澳洲、日本、法國及德國。至於調查結果方面已明顯告知各位網主未來的發展趨勢,因此各位應及早準備好針對平板電腦及智能手機版本的頁面,而在可行的情況下亦應推出相應的 Apps 以切合用家需要。在來年我們可以預見到以平板電腦及智能手機瀏覽網頁的百分比將會漸漸增加,在不久將來相信將能與傳統桌面電腦「平起平坐」。

以上資訊由www.hkitblog.com提供