近10年UI設計發展趨勢分析
近10年UI設計發展趨勢分析
今天,跟大家聊一聊近十年的UI設計發展趨勢,大概分3部分:
第一,移動網際網路的前世今生
第二,近十年UI介面與圖示發展趨勢
第三,扁平介面的特點
下面我們做一一闡述:
首先 ,先來說說移動網際網路的前世今生,我覺得從網際網路到移動網際網路的發展大體可以分為三個發展階段:
①階段1:1994-1997
1994年4月20日,通過一條64K的國際專線,全功能接入國際網際網路,中國網際網路時代正式開啟。記得那一年我還在上小學,當時買不起電腦,家裡有一臺小霸王中英文電腦學習機,童年的回憶啊。
1996年早春的一天,北京中關村南大門零公里處豎起了一塊碩大的廣告牌:中國人離資訊高速公路有多遠——向北1500米。那個時代,每天騎車去中關村小黑屋裡買光碟,當時騎車也不覺得累,那個全民創業的時代,所有當時賣光碟的小老闆,現在基本都在上市邊緣了。
1997年,中國網際網路絡資訊中心(CNNIC)正式成立後第一次釋出了《中國網際網路絡發展狀況統計報告》:截止到1997年10月31日,中國共有上網計算機29.9萬臺,上網使用者數62萬,CN下注冊的域名4066個,WWW站點約1500個,國際出口頻寬25.408M。當年我攢了第一臺電腦,14寸顯示器,1.18G硬碟,16MB記憶體,3.5寸軟碟機,4X的CD光碟機,奔騰1代133處理器,花了1萬,痛啊。。。
②階段2:1997-2006
1997年,ISP(網際網路服務提供商)逐漸退出歷史舞臺,ICP(網際網路內容服務提供商)接過大旗。
1998年網際網路作為一種新的開放力量出現,中國商業網際網路興起。新浪、搜狐、網易三大入口網站均已亮相,馬化騰在1998年底也創辦了騰訊,中國網際網路正式進入門戶時代。這幾年,BAT相繼成立,老牌二線網際網路公司基本都是這幾年在納斯達克完成上市的。
網易1997年成立 丁磊 2000年6月上市
新華網1997年11月7日成立 1999年7月12日上市
搜狐1998年2月成立 張朝陽 2000年7月12日上市
新浪1998年12月成立 王志東 現任曹國偉 2000年上市
騰訊1998年11月11日成立 2004年6月16日上市
百度2000年1月成立 2005年8月5日上市
阿里巴巴1999年成立 2014年9月19日上市
2000年,以網路遊戲和部落格為代表的應用的興起,給一直燒錢的網際網路企業注入了來自市場的新鮮血液。我記得搜狐當時併購了Chinaren校友錄,17173,還有暢遊。
每個人的童年都有一部諾基亞手機,可以在課桌裡盲打的手機,不知道大家有沒有記憶,回憶一下自己年輕的時候在,在用什麼樣的手機,我當年用的是一部劉德華關之琳代言的愛立信T28翻蓋手機,老帥氣了。
2006年,中國網際網路資訊中心(CNNIC)釋出第18次網際網路報告顯示,截止2006年6月30日,中國網民總人數為1.23億,增加2000萬人,與去年同期相比增長19.4%。這一年的統計報告中第一次公佈我國手機上網人數300萬人。這個時代的手機基本是4096色或者64位真彩色的彩屏手機了。
③階段3:2006-2018
2006年之後,中國網際網路迎來應用的飛速發展,網際網路的每個變化開始讓普通人掛記。網路視訊、網路廣告、遊戲、電商、SNS不僅是網際網路起飛的引擎,也讓普通人的生活極大豐富。WiFi和3G、4G網路的全面鋪開,使網際網路開始向移動互聯轉型。伴隨著移動網際網路的高速發展,各種移動APP應用給市場注入更多活力。
2008年開心網,代替了之前的Chinaren校友錄,成為SNS平臺的鼻祖,爭車位,買房子送花園,偷菜,釣魚,各種遊戲,成為上班族白領每天必須的工作2008-2012年,記得我每天早上上鬧鐘。。。
2008年開始匯入的雲端計算概念,也使得網際網路企業在分散式儲存系統、資料中心虛擬化等雲端計算關鍵技術方面取得了突破。
2010年微博元年。你還記得每天刷微博的時代嗎?搜狐微博,新浪微博,網易微博,騰訊微博,全免費時代,發私信時代
2011年微信元年。你還記得你微信加的第一個好友是誰嗎?
2013年,手機的網民數量首次超過PC網民,移動網際網路的發展方興未艾。
2015年,全國兩會上,“網際網路 ”首次進入政府工作報告,我國將網際網路提升至戰略性新興產業的高度加以鼓勵和扶持。
到了2017年,中國網際網路絡資訊中心(CNNIC)已完成第39次《中國網際網路絡發展狀況統計報告》,報告中詳細分析了中國網民規模情況,截至2016年12月,中國網民規模達7.31億,全年共計新增網民4299萬人。網際網路普及率為53.2%,較2015年底提升了2.9個百分點。
中國已經成全球網民數量最多的國家,同時也是全球移動網民人數最多的國家。網際網路正高速發展,大資料,雲端計算和人工智慧等高新技術為網際網路的未來騰飛打下基礎,擁抱網際網路,就是抓住未來人生的機會。滿集網助你擁抱網際網路,實現下個人生的騰飛。
2018年,大屏的時代,比特幣區塊鏈,大資料,人工智慧的時代,移動網際網路已經進入每個人的生活去農村採摘,去農家院吃農家飯,去路邊八旬老太天買大棗,都用微信支付,上到九十九,下到剛回走,移動網際網路已經跟我們的生活分不開了。
第二,說說這十年吧。
2009年,中國移動網際網路進入萌芽時期……
設計風格多以偏寫實為主,講究炫酷,搶視野,強烈突兀,
注重使用者第一印象。
而使用者體驗的意識還沒成熟,甚至沒有成型。
2009年 — 2012年的風格
設計風格多以寫實擬物化為主,設計講究一定的統一性。
開始注重使用者觸感和使用者體驗。
2012年之後W8,然後是iOS7,谷歌先後推出扁平風格,把使用者關注的重點更多的吸引到內容本身,而不是介面本身。
使用者體驗設計才真正的存在於網際網路行業。
2016年 沉浸式體驗設計
增加使用者粘性,留住使用者
2017年 扁平式設計,現在也很流行,不需要加過多效果
極簡 文字影象相結合 無框架設計 動畫 重塑產品形象 深色背景 卡片式佈局 幾何圖形的應用 C4d
增加記憶點 自身產品完善創新
2018年 大坪時代
短視訊 關懷設計 真實人物場景——————逼格
第三,扁平介面的特點,我大概總結了5條:
扁平化設計方法:
① 儘可能使用簡單元素
比如說:按鈕上帶有輕微漸變的圓角設計,表單部分淺淺的陰影效果,導航欄輕微懸浮的效果。如果去除這些細節,介面中的每個元素都將被置於同一水平面,使用者在使用時將不可避免地產生疑惑:這是一個按鈕還是一個導航欄?如果我點選它,會出現什麼?
所以要適當加一些小效果,物極必反,不要太複雜
② 儘量少出現特效
扁平化設計概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都乾淨俐落,沒有任何羽化、漸變或者陰影。
如果加了擬物化的裝飾,就會顯得格格不入,比較突兀,會讓按鈕與背景圖片、文字、導航欄很突兀。
如今從網頁到手機應用無不在使用扁平化的設計風格,尤其在手機上,因為螢幕的限制,使得這一風格在使用者體驗上更有優勢,更少的按鈕和選項使得介面乾淨整齊,使用起來格外簡單。
③ 使用醒目、明亮的色彩
扁平化設計中,配色尤為重要更明亮、炫麗的顏色更多的色調,比如,其他設計最多隻包含兩三種主要顏色,但是扁平化設計中會平均使用六到八種。
而且扁平化設計中,往往傾向於使用單色調,尤其是純色,並且不做任何淡化或柔化處理(最受歡迎的顏色是純色和二次色)。另外還有一些顏色也挺受歡迎,如復古色(淺橙、紫色、綠色、藍色等)。
④ 非襯線字型的排版
通常使用簡介的字型,不要過於花哨,尤其是多使用非襯線字型,不要帶太多裝飾,要讓介面更加簡介,扁平化的設計,通常用字型來建立設計者需要的風格。非襯線提與圖片的結合,可以左圖右文,右圖左問,內容為王,誰放在左上,取決於內容的重要度。
⑤ 簡潔互動與簡約圖案
互動效果儘量簡單易操作,能做選擇題就別做填空題,能一目瞭然就不要在二級頁面出現,能放首頁就別放側欄,如果一定需要側欄,一定要層級清晰,邏輯結構清晰,開啟二級頁清晰看到二級導航的位置,讓互動更直觀,簡單易操作,易用性。
另外,圖案要儘量簡約,採用線性的圖示,少用擬物化或者填充式的圖示,大色塊是一種流行的W8趨勢,比較適合做大色塊的平鋪板塊,比如去哪網,攜程網,美圖秀秀,視訊網站首頁大色塊劃分等列表頁也要儘可能簡單明瞭,清晰的非襯線提搭配大色塊的劃分,增加使用者識別度,透氣,乾淨,讓頁面更輕量級,空間感強。
設計師要儘量簡化設計方案,避免不必要的元素出現在設計中。簡化介面的同時,更重要的是做到使用上的簡潔方便。
最簡風格,是共性中找特性。最簡風格是扁平化設計最簡單有效的設計方法了。避免了一些花哨的元素,但一個簡潔頁面或者攝影或者插畫作為背景圖,會增加意想不到的效果。適當融合,主體可以適當加入輕微的梯度陰影,讓使用者有種似有似無的立體感,這種微陰影的加入,並不會打破扁平化設計的二維特點。
以上這3點,我從網際網路的前世今生、近十年趨勢以及扁平介面特點角度介紹了近十年UI設計發展的趨勢,歡迎大家交流學習。
- END -
我是lala
有用的經驗分享給你