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

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

而是想跟大家討論界面設計趨勢，引導設計走勢的因素是什么?

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

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

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

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

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

猜想未來(lái)的網(wǎng)頁(yè)界面設計長(cháng)什么樣,PS教程,

19世紀后隨著(zhù)工業(yè)革命運動(dòng)的爆發(fā)，自動(dòng)機械開(kāi)始代替傳統手操作。

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

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

拒絕在設計中采取裝飾性的圖形，轉而強調遵循材料和使用簡(jiǎn)潔幾何形式呈現內容。

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

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

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

猜想未來(lái)的網(wǎng)頁(yè)界面設計長(cháng)什么樣,PS教程,

歷史過(guò)后，我們來(lái)探索下未來(lái)。

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

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

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

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

猜想未來(lái)的網(wǎng)頁(yè)界面設計長(cháng)什么樣,PS教程,

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

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

猜想未來(lái)的網(wǎng)頁(yè)界面設計長(cháng)什么樣,PS教程,

20世紀90年代，生命科學(xué)、空間科學(xué)、電腦科技的不斷發(fā)展，好萊塢開(kāi)始大量依賴(lài)電腦特效合成影像(CGI)技術(shù)，再次構建了更為紛繁復雜的未來(lái)世界?！丢毩⑷铡贰逗谝氯恕贰兜谖逶亍返扔捌嫌?，其擁有更為強大的視覺(jué)特效，以及具有戲劇性的故事情景，席卷全球票房。近期的《變形金剛》《機器人總動(dòng)員》《阿凡達》《鋼鐵俠》等科幻大片無(wú)疑是“現在將來(lái)時(shí)”的設想。

猜想未來(lái)的網(wǎng)頁(yè)界面設計長(cháng)什么樣,PS教程,

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

其設計的本源依然是為“人”。

回顧這次iOS7的變化：

猜想未來(lái)的網(wǎng)頁(yè)界面設計長(cháng)什么樣,PS教程,

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

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

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

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

猜想未來(lái)的網(wǎng)頁(yè)界面設計長(cháng)什么樣,PS教程,

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

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

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

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