網(wǎng)頁界面設(shè)計(jì)長什么樣發(fā)布者：本站     時(shí)間：2022-01-07 09:01:11

近期引發(fā)最多討論的界面設(shè)計(jì)無疑是iOS7新UI變化，但對iOS7的設(shè)計(jì)我在這先不做評論。

而是想跟大家討論界面設(shè)計(jì)趨勢，引導(dǎo)設(shè)計(jì)走勢的因素是什么?

有句老話：“以史為鑒，可以知興替”

盡管人機(jī)交互界面發(fā)展時(shí)間不久，但從西方藝術(shù)發(fā)展史中能依然能給予我們啟發(fā)。

19世紀(jì)前藝術(shù)是為權(quán)力貴族與宗教服務(wù)，其宣揚(yáng)的是宗教信仰與權(quán)力。

那時(shí)期，以巴洛克，洛可可為代表的作品中，奢侈華麗絢爛的裝飾特征深得權(quán)貴喜愛。

無論宗教建筑，室內(nèi)裝潢家具，還是貴族婦女的擺群，甚至小到留空雕花瓷器茶杯，這些無都是文藝復(fù)興思想的體現(xiàn)。

猜想未來的網(wǎng)頁界面設(shè)計(jì)長什么樣,PS教程,

19世紀(jì)后隨著工業(yè)革命運(yùn)動(dòng)的爆發(fā)，自動(dòng)機(jī)械開始代替?zhèn)鹘y(tǒng)手操作。

同時(shí)隨著對機(jī)械語言的理解加深，思想家逐步意識(shí)到工業(yè)設(shè)計(jì)應(yīng)該服務(wù)于大量生產(chǎn)，為大多數(shù)人生產(chǎn)實(shí)用美觀的物品，而不是為少數(shù)富有的特權(quán)階層生產(chǎn)奢侈品。

其體現(xiàn)的是現(xiàn)代化的觀念和技術(shù)，用一種嶄新的視角去思考問題，更強(qiáng)調(diào)實(shí)用主義的觀點(diǎn)。

拒絕在設(shè)計(jì)中采取裝飾性的圖形，轉(zhuǎn)而強(qiáng)調(diào)遵循材料和使用簡潔幾何形式呈現(xiàn)內(nèi)容。

提倡設(shè)計(jì)的目的是人，而不是產(chǎn)品。

而這以理念里最為大眾所以認(rèn)知和了解的典型代表——包豪斯。

盡管包豪斯學(xué)院只存在了14年，但其現(xiàn)代設(shè)計(jì)理念影響至今。

猜想未來的網(wǎng)頁界面設(shè)計(jì)長什么樣,PS教程,

歷史過后，我們來探索下未來。

對于未知的未來，在文學(xué)作品與科幻電影里總是不斷的給予我們新的靈感與啟發(fā)。

一起回顧電影大師的作品，尋找和觀察那些科幻電影中“過去將來時(shí)”的未來設(shè)想。

1902年，喬治·梅里耶以當(dāng)時(shí)初對太空外星探索為背景而創(chuàng)作的《月球旅行記》，開啟了科幻電影的大門。德國導(dǎo)演弗里茨·朗1927年推出堪稱科幻影壇一座豐碑的《大都會(huì)》。

影片中設(shè)想的：懸浮城市、高速輕軌、人型機(jī)器人、人工智能電腦、腦電波控制等，如今依舊是充滿藝術(shù)指導(dǎo)意義的大片。

猜想未來的網(wǎng)頁界面設(shè)計(jì)長什么樣,PS教程,

隨著視覺特技的發(fā)展，電影創(chuàng)作有了更強(qiáng)大的技術(shù)去描繪未來科幻世界。

1960年~1980年期間，太空技術(shù)的進(jìn)步啟發(fā)好萊塢《2001太空漫游》《星球大戰(zhàn)》等作品面世。這些電影中重新構(gòu)建的未來世界，無論是建筑還是科技，或者是人機(jī)交互中信息展示，界面操控等元素設(shè)計(jì)，都有著質(zhì)的飛躍：

猜想未來的網(wǎng)頁界面設(shè)計(jì)長什么樣,PS教程,

20世紀(jì)90年代，生命科學(xué)、空間科學(xué)、電腦科技的不斷發(fā)展，好萊塢開始大量依賴電腦特效合成影像(CGI)技術(shù)，再次構(gòu)建了更為紛繁復(fù)雜的未來世界?！丢?dú)立日》《黑衣人》《第五元素》等影片上映，其擁有更為強(qiáng)大的視覺特效，以及具有戲劇性的故事情景，席卷全球票房。近期的《變形金剛》《機(jī)器人總動(dòng)員》《阿凡達(dá)》《鋼鐵俠》等科幻大片無疑是“現(xiàn)在將來時(shí)”的設(shè)想。

猜想未來的網(wǎng)頁界面設(shè)計(jì)長什么樣,PS教程,

無論是在1927年《大都會(huì)》顯像管屏幕呈現(xiàn)的代碼信息，還是2013年《鋼鐵俠》中三維立體投射出的數(shù)據(jù)模塊，這些“過去將來時(shí)”與“現(xiàn)在將來時(shí)”里描繪的未來人機(jī)交互，都是對信息內(nèi)容的極致還原，只是隨著時(shí)代承載的介質(zhì)而表現(xiàn)不同。

其設(shè)計(jì)的本源依然是為“人”。

回顧這次iOS7的變化：

猜想未來的網(wǎng)頁界面設(shè)計(jì)長什么樣,PS教程,

這次蘋果一改iOS1~6的擬物化UI風(fēng)格，在iOS7使用極簡風(fēng)格。何嘗不是對信息的極致還原。

對于iOS7改變的也并非只是更換了UI界面，在交互細(xì)節(jié)上更是充滿了人性的體驗(yàn)。

未來的移動(dòng)設(shè)備肯定不只是手機(jī)平板這樣的智能終端，蘋果想要拓寬其市場份額必然會(huì)進(jìn)軍其他有智能媒介終端。

設(shè)想：如果iOS6的擬物化UI與iOS7UI在其他介質(zhì)的終端中對比那會(huì)是怎樣?

猜想未來的網(wǎng)頁界面設(shè)計(jì)長什么樣,PS教程,

從我ps的效果圖里：擬物化其豐富的細(xì)節(jié)難與環(huán)境相融合，而簡介UI風(fēng)格則較為匹配。

盡管這次iOS7在UI細(xì)節(jié)上處理并非完美，也是由于大家對于向來最求完美的蘋果公司充滿了太多期待，而這次改版的跨步較大，也讓很多人未必能一次接受。

從微軟的DOS操作系統(tǒng)到蘋果公司的圖形用戶操作界面系統(tǒng)，從臺(tái)式硬件輸入到移動(dòng)觸屏設(shè)備，人類對信息處理的要求不斷進(jìn)化為由繁致簡的過程?；氐浇缑嬖O(shè)計(jì)，以歷史為鏡，給予我們的是相同的啟發(fā)，一切以還原“信息”本身，為“人”而設(shè)計(jì)。

也許未來人機(jī)交互的界面中，手機(jī)不再是我們智能終端的主體，程序入口也不是每個(gè)冰冷的ICON圖形，而根據(jù)當(dāng)前環(huán)境提供相應(yīng)信息和操作應(yīng)用，信息則不再是靜態(tài)呈現(xiàn)，信息可視化的動(dòng)態(tài)呈現(xiàn)應(yīng)該是未來趨勢。每個(gè)應(yīng)用間的信息互通更為便易，設(shè)備之間或者手勢直接拖動(dòng)便可以同步或者分享信息。這些猜想從微軟、谷歌等公司的未來感念視頻中都有相類似的呈現(xiàn)。