MSCBSC 移動(dòng)通信論壇
搜索
登錄注冊(cè)
網(wǎng)絡(luò)優(yōu)化工程師招聘專欄 4G/LTE通信工程師最新職位列表 通信實(shí)習(xí)生/應(yīng)屆生招聘職位

  • 閱讀:1245
  • 回復(fù):0
淺談手機(jī)UI設(shè)計(jì)的發(fā)展趨勢(shì):場(chǎng)景化才是未來?
mao_mao
論壇副管
鎵嬫満鍙風(fēng)爜宸查獙璇? style=


 發(fā)短消息    關(guān)注Ta 

C友·鐵桿勛章   管理·勤奮勛章   C友·進(jìn)步勛章   管理·優(yōu)秀勛章   C友·貢獻(xiàn)勛章   “灌水之王”   紀(jì)念勛章·七周年   管理·標(biāo)兵勛章   活動(dòng)·積極勛章   財(cái)富勛章·財(cái)運(yùn)連連   財(cái)富勛章·大富豪   財(cái)富勛章·小財(cái)主   專家·終級(jí)勛章   財(cái)富勛章·神秘富豪   C友·登錄達(dá)人   紀(jì)念勛章·五周年   財(cái)富勛章·富可敵國   財(cái)富勛章·財(cái)神   財(cái)富勛章·富甲一方   財(cái)富勛章·鉆石王老五   活動(dòng)·第二屆通信技術(shù)杯   紀(jì)念勛章·六周年   活動(dòng)·攝影達(dá)人   紀(jì)念勛章·八周年   紀(jì)念勛章·九周年   紀(jì)念勛章·十周年   C友·技術(shù)大神  
積分 428896
帖子 85070
威望 5719540 個(gè)
禮品券 5423 個(gè)
專家指數(shù) 3546
注冊(cè) 2009-4-24
專業(yè)方向  移動(dòng)通信
回答問題數(shù) 0
回答被采納數(shù) 0
回答采納率 0%
 
發(fā)表于 2017-01-13 21:39:58  只看樓主 

  其實(shí)我們?nèi)粘?吹降拇蠖鄶?shù)設(shè)計(jì)元素都來自印刷出版物和美學(xué)先驅(qū),如果要追溯扁平化設(shè)計(jì)的起源時(shí)間及地點(diǎn),可能有些難度。而在UI設(shè)計(jì)發(fā)展的歷史上,擬物化與扁平化經(jīng)常發(fā)生對(duì)立,各持一方,孰優(yōu)孰劣應(yīng)該交給時(shí)間來評(píng)論。就目前而言,UI設(shè)計(jì)似乎都在朝著扁平化的風(fēng)格方向發(fā)展,似乎這也預(yù)示著信息化的發(fā)展。

  扁平化

  在數(shù)字領(lǐng)域,Metro Design是平面設(shè)計(jì)領(lǐng)域最經(jīng)典的案例,是微軟基于設(shè)計(jì)語言設(shè)計(jì)的一種界面風(fēng)格,最早用于微軟的Zune播放器,后在微軟的Windows Phone 7 同樣使用了該設(shè)計(jì),后來的windows 8也使用該設(shè)計(jì)來適應(yīng)平板觸控設(shè)備。Metro作為一種文字導(dǎo)向(typography-based)的設(shè)計(jì),比起其他UI設(shè)計(jì)風(fēng)格更加注重字體。

微軟Metro Design微軟Metro Design

  說到谷歌materialdesign的中文譯名有多種,“材料設(shè)計(jì)”、“材料學(xué)設(shè)計(jì)”等等,但最準(zhǔn)確的應(yīng)該是“質(zhì)感設(shè)計(jì)”,目前這種設(shè)計(jì)語言在手機(jī)、平板電腦、臺(tái)式機(jī)和“其他平臺(tái)”提供更一致、更廣泛的“外觀和感覺”?梢宰岊伾r艷,動(dòng)畫效果更突出,谷歌的想法是讓谷歌平臺(tái)上的開發(fā)者掌握這個(gè)新框架,讓所有應(yīng)用擁有一個(gè)統(tǒng)一的外觀,讓用戶得到連貫體驗(yàn)。

material designmaterial design

  自從蘋果發(fā)布iPhone 5s同時(shí)推出iOS 7系統(tǒng)以來,蘋果系統(tǒng)扁平化的風(fēng)格就隨之而來。這個(gè)設(shè)計(jì)靈感來自德國已故傳奇設(shè)計(jì)師Otl Aicher,由Jonathan Ive主導(dǎo)的iOS 7,完全拋棄了立體、逼真、細(xì)節(jié),取而代之的是扁平、線條簡單、色調(diào)明亮的色塊。不過蘋果的設(shè)計(jì)里,陰影,漸變,高光甚至紋理很多效果都依然還在,所以蘋果的“扁平化”并非真正的“扁平化”。

蘋果扁平化蘋果扁平化

  擬物化

  所謂擬物,必須是現(xiàn)實(shí)世界中已經(jīng)有的物體,而且是人們?nèi)粘5纳钪薪?jīng)常使用的物品。人們生活中使用過的東西都在或多或少地模擬現(xiàn)實(shí)世界出現(xiàn)的同類事物,這就是“擬物化”。這種擬物設(shè)計(jì)的初衷是讓人們更好更形象地理解系統(tǒng)所要表達(dá)的功能,它會(huì)花額外的精力描繪UI細(xì)節(jié)和裝飾。這類設(shè)計(jì)不僅體現(xiàn)在圖標(biāo)的擬物化思路上,還可以用動(dòng)態(tài)過程表達(dá)出來。

擬物化設(shè)計(jì)擬物化設(shè)計(jì)

  擬物在UI設(shè)計(jì)上的精髓在于幫助用戶理解某款應(yīng)用或某個(gè)按鈕的功能,擬物在數(shù)字世界中的應(yīng)用可以追溯到上世紀(jì)80年代,雖然并非蘋果首創(chuàng),不過卻是1984年蘋果商用的首款用戶GUI向大家很好地詮釋了具有擬物特色的桌面和圖標(biāo)——它們與現(xiàn)實(shí)世界中的文件夾、紙張非常相似,隨后這種設(shè)計(jì)思路一直被沿用至今,成為數(shù)字世界中的主流設(shè)計(jì)。

擬物化風(fēng)格擬物化風(fēng)格

  在iOS6之前的版本,已經(jīng)把擬物推到了一個(gè)非常高的高度,視覺上每一處的紋理、陰影、質(zhì)感,每一個(gè)細(xì)節(jié)都經(jīng)過精雕細(xì)琢,堪稱完美。這個(gè)時(shí)候想要有所超越,尤其是想要在擬物這條路上有所超越,已經(jīng)非常困難。而且人們生活中的東西是非常有限的,而我們熟知的日常物品也在不斷被替代,應(yīng)用的功能創(chuàng)新,很難找到現(xiàn)實(shí)生活中的物來擬,擬物的風(fēng)格會(huì)限制住創(chuàng)新應(yīng)用的發(fā)展。

  擬物化向扁平化轉(zhuǎn)變

  在功能機(jī)盛行的時(shí)代,擬物化風(fēng)格大受歡迎,由于一部功能機(jī)并不像現(xiàn)在智能機(jī)那樣擁有那么多功能和軟件拓展性,功能機(jī)通常只需要相機(jī)、指南針、時(shí)鐘、收音機(jī)、錄音機(jī)等等常見的功能加上打電話發(fā)短信這些必備的功能即可,所以擬物化可以很輕松讓大家接受,包括早期的iOS系統(tǒng)Icon設(shè)計(jì)也是偏擬物的設(shè)計(jì),這個(gè)設(shè)計(jì)一直延續(xù)到iOS 6達(dá)到一個(gè)頂峰。

iOS 6擬物化iOS 6擬物化

  擬物化設(shè)計(jì)在功能機(jī)年代對(duì)于老人小孩非常喜歡,幾乎不用學(xué)習(xí)就會(huì)使用。隨著智能機(jī)和數(shù)碼設(shè)備的普及,一個(gè)萬能的手機(jī)獲得了更多人的青睞,成了擬物化沒落的起始點(diǎn)。在2013年WWDC大會(huì)上,蘋果發(fā)布了基于扁平化風(fēng)格設(shè)計(jì)的操作系統(tǒng)iOS 7,新的設(shè)計(jì)去除了之前的擬物化紋理和質(zhì)感,將細(xì)致細(xì)微的動(dòng)態(tài)效果和功能圖融為一體,使界面更簡潔。

iOS7 扁平化iOS7 扁平化

  還有一個(gè)不可忽略的因素就是審美疲勞,那個(gè)功能機(jī)時(shí)代,GUI設(shè)計(jì)是普遍認(rèn)可的設(shè)計(jì)美學(xué)。網(wǎng)頁中廣受歡迎的產(chǎn)品通常都有一些類似的設(shè)計(jì)美學(xué),比如一些立體、內(nèi)陰影、外陰影等。對(duì)設(shè)計(jì)師來說,他們會(huì)以實(shí)現(xiàn)這種界面感到自豪。不過設(shè)計(jì)通常都是簡久必繁,繁久必簡。 不管是制作方還是用戶,都會(huì)審美疲勞。就算不疲勞,有些產(chǎn)品需要標(biāo)新立異,與眾不同。

擬物化擬物化

  最終,隨著時(shí)代的變遷,擬物化的設(shè)計(jì)屬性越來越少,從而慢慢變成為一種視覺裝飾風(fēng)格,作為一種設(shè)計(jì),擬物化的好處會(huì)越來越少,而隨之帶來的開發(fā)成本增加、審美疲勞等問題,使得用它的理由越來越少了。不過擬物化并沒有消失,一方面風(fēng)格這東西不存在好壞,總會(huì)有一部分人喜歡,另一方面?zhèn)別程序需要趣味和親和力,也確實(shí)有必要用到擬物化。

  未來——場(chǎng)景化

  “場(chǎng)景”無處不在,特定的時(shí)間,地點(diǎn)和人物存在特定的場(chǎng)景關(guān)系。隨著互聯(lián)網(wǎng)平臺(tái)間競爭的日益加劇,產(chǎn)品同質(zhì)化現(xiàn)象越來越嚴(yán)重。競爭日益膠著的行業(yè)現(xiàn)狀,促使一些平臺(tái)開始向場(chǎng)景化方向發(fā)力,尋求新的突破。隨著各種模式的不斷完善,讓更多基于衣、食、住、行的各種各樣的場(chǎng)景被創(chuàng)造出來,這種“場(chǎng)景化”趨勢(shì)也成為了未來的發(fā)展方向。

場(chǎng)景化

  未來,真正具有場(chǎng)景化的產(chǎn)品必須能主動(dòng)感知場(chǎng)景的到來,將時(shí)間碎片整合。舉例來說,現(xiàn)有很多運(yùn)動(dòng)類的APP,這些APP能夠根據(jù)GPS、傳感器記錄步速、距離等信息,幫助用戶合理規(guī)劃運(yùn)動(dòng),不過,目前的大多數(shù)軟件都需要先手動(dòng)啟動(dòng)APP。前段時(shí)間,美國已有一家公司基于“場(chǎng)景感知”的理念,開發(fā)出了新一代跑步APP可感知場(chǎng)景從而進(jìn)行相應(yīng)的操作。

  總結(jié)

  當(dāng)然,就目前而言,扁平化的極簡風(fēng)格還是迎合了大家的審美很難被取代。不過還是那個(gè)道理,隨著時(shí)代的發(fā)展、科技的進(jìn)步,加上人們審美疲勞,未來扁平化風(fēng)格必然會(huì)調(diào)整方向甚至被其他設(shè)計(jì)所取代。設(shè)計(jì)風(fēng)格和其所在時(shí)代的技術(shù)息息相關(guān),大趨勢(shì)還是簡化,例如近些年提出的3D全息UI概念,3D化的界面比2D更貼近真實(shí),能更好的完成交互。

3D全息投影3D全息投影

  任何領(lǐng)域,從繁到簡都是一個(gè)趨勢(shì),UI設(shè)計(jì)只是一種表達(dá),更重要的是其背后的人機(jī)交互。不得不說,一項(xiàng)好的產(chǎn)品必須能夠做到在恰當(dāng)?shù)臅r(shí)間、恰當(dāng)?shù)牡攸c(diǎn)將恰當(dāng)?shù)男畔⑼扑徒o需要的用戶。場(chǎng)景化設(shè)計(jì)現(xiàn)在看來還太美好,但相信科技的發(fā)展,未來一旦實(shí)現(xiàn)場(chǎng)景化,那時(shí)的人機(jī)交互將會(huì)變得非常簡單。


掃碼關(guān)注5G通信官方公眾號(hào),免費(fèi)領(lǐng)取以下5G精品資料
  • 1、回復(fù)“YD5GAI”免費(fèi)領(lǐng)取《中國移動(dòng):5G網(wǎng)絡(luò)AI應(yīng)用典型場(chǎng)景技術(shù)解決方案白皮書
  • 2、回復(fù)“5G6G”免費(fèi)領(lǐng)取《5G_6G毫米波測(cè)試技術(shù)白皮書-2022_03-21
  • 3、回復(fù)“YD6G”免費(fèi)領(lǐng)取《中國移動(dòng):6G至簡無線接入網(wǎng)白皮書
  • 4、回復(fù)“LTBPS”免費(fèi)領(lǐng)取《《中國聯(lián)通5G終端白皮書》
  • 5、回復(fù)“ZGDX”免費(fèi)領(lǐng)取《中國電信5G NTN技術(shù)白皮書
  • 6、回復(fù)“TXSB”免費(fèi)領(lǐng)取《通信設(shè)備安裝工程施工工藝圖解
  • 7、回復(fù)“YDSL”免費(fèi)領(lǐng)取《中國移動(dòng)算力并網(wǎng)白皮書
  • 8、回復(fù)“5GX3”免費(fèi)領(lǐng)取《 R16 23501-g60 5G的系統(tǒng)架構(gòu)1
  • 對(duì)本帖內(nèi)容的看法? 我要點(diǎn)評(píng)

     
    [充值威望,立即自動(dòng)到帳] [VIP貴賓權(quán)限+威望套餐] 另有大量優(yōu)惠贈(zèng)送活動(dòng),請(qǐng)光臨充值中心
    充值擁有大量的威望和最高的下載權(quán)限,下載站內(nèi)資料無憂

    快速回復(fù)主題    
    標(biāo)題
    內(nèi)容
     上傳資料請(qǐng)點(diǎn)左側(cè)【添加附件】

    當(dāng)前時(shí)區(qū) GMT+8, 現(xiàn)在時(shí)間是 2025-05-21 04:41:50
    渝ICP備11001752號(hào)  Copyright @ 2006-2016 mscbsc.com  本站統(tǒng)一服務(wù)郵箱:mscbsc@163.com

    Processed in 0.514058 second(s), 13 queries , Gzip enabled
    TOP
    清除 Cookies - 聯(lián)系我們 - 移動(dòng)通信網(wǎng) - 移動(dòng)通信論壇 - 通信招聘網(wǎng) - Archiver