發(fā)布時間:2024-09-01 20:46:42 瀏覽量:217次
其實我們?nèi)粘?吹降拇蠖鄶?shù)設計元素都來自印刷出版物和美學先驅(qū),如果要追溯扁平化設計的起源時間及地點,可能有些難度。而在UI設計發(fā)展的歷史上,擬物化與扁平化經(jīng)常發(fā)生對立,各持一方,孰優(yōu)孰劣應該交給時間來評論。就目前而言,UI設計似乎都在朝著扁平化的風格方向發(fā)展,似乎這也預示著信息化的發(fā)展。
扁平化
在數(shù)字領域,Metro Design是平面設計領域經(jīng)典的案例,是微軟基于設計語言設計的一種界面風格,用于微軟的Zune播放器,后在微軟的Windows Phone 7 同樣使用了該設計,后來的windows 8也使用該設計來適應平板觸控設備。Metro作為一種文字導向(typography-based)的設計,比起其他UI設計風格更加注重字體。
說到谷歌materialdesign的中文譯名有多種,“材料設計”、“材料學設計”等等,但準確的應該是“質(zhì)感設計”,目前這種設計語言在手機、平板電腦、臺式機和“其他平臺”提供更一致、更廣泛的“外觀和感覺”。可以讓顏色更鮮艷,動畫效果更突出,谷歌的想法是讓谷歌平臺上的開發(fā)者掌握這個新框架,讓所有應用擁有一個統(tǒng)一的外觀,讓用戶得到連貫體驗。自從蘋果發(fā)布iPhone 5s同時推出iOS 7系統(tǒng)以來,蘋果系統(tǒng)扁平化的風格就隨之而來。這個設計靈感來自德國已故傳奇設計師Otl Aicher,由Jonathan Ive主導的iOS 7,完全拋棄了立體、逼真、細節(jié),取而代之的是扁平、線條簡單、色調(diào)明亮的色塊。不過蘋果的設計里,陰影,漸變,高光甚至紋理很多效果都依然還在,所以蘋果的“扁平化”并非真正的“扁平化”。
擬物化
所謂擬物,必須是現(xiàn)實世界中已經(jīng)有的物體,而且是人們?nèi)粘5纳钪薪?jīng)常使用的物品。人們生活中使用過的東西都在或多或少地模擬現(xiàn)實世界出現(xiàn)的同類事物,這就是“擬物化”。這種擬物設計的初衷是讓人們更好更形象地理解系統(tǒng)所要表達的功能,它會花額外的精力描繪UI細節(jié)和裝飾。這類設計不僅體現(xiàn)在圖標的擬物化思路上,還可以用動態(tài)過程表達出來。
擬物在UI設計上的精髓在于幫助用戶理解某款應用或某個按鈕的功能,擬物在數(shù)字世界中的應用可以追溯到上世紀80年代,雖然并非蘋果首創(chuàng),不過卻是1984年蘋果商用的首款用戶GUI向大家很好地詮釋了具有擬物特色的桌面和圖標——它們與現(xiàn)實世界中的文件夾、紙張非常相似,隨后這種設計思路一直被沿用至今,成為數(shù)字世界中的主流設計。
在iOS6之前的版本,已經(jīng)把擬物推到了一個非常高的高度,視覺上每一處的紋理、陰影、質(zhì)感,每一個細節(jié)都經(jīng)過精雕細琢,堪稱完美。這個時候想要有所超越,尤其是想要在擬物這條路上有所超越,已經(jīng)非常困難。而且人們生活中的東西是非常有限的,而我們熟知的日常物品也在不斷被替代,應用的功能創(chuàng)新,很難找到現(xiàn)實生活中的物來擬,擬物的風格會限制住創(chuàng)新應用的發(fā)展。
擬物化向扁平化轉(zhuǎn)變
在功能機盛行的時代,擬物化風格大受歡迎,由于一部功能機并不像現(xiàn)在智能機那樣擁有那么多功能和軟件拓展性,功能機通常只需要相機、指南針、時鐘、收音機、錄音機等等常見的功能加上打電話發(fā)短信這些必備的功能即可,所以擬物化可以很輕松讓大家接受,包括早期的iOS系統(tǒng)Icon設計也是偏擬物的設計,這個設計一直延續(xù)到iOS 6達到一個頂峰。
擬物化設計在功能機年代對于老人小孩非常喜歡,幾乎不用學習就會使用。隨著智能機和數(shù)碼設備的普及,一個萬能的手機獲得了更多人的青睞,成了擬物化沒落的起始點。在2013年WWDC大會上,蘋果發(fā)布了基于扁平化風格設計的操作系統(tǒng)iOS 7,新的設計去除了之前的擬物化紋理和質(zhì)感,將細致細微的動態(tài)效果和功能圖融為一體,使界面更簡潔。還有一個不可忽略的因素就是審美疲勞,那個功能機時代,GUI設計是普遍認可的設計美學。網(wǎng)頁中廣受歡迎的產(chǎn)品通常都有一些類似的設計美學,比如一些立體、內(nèi)陰影、外陰影等。對設計師來說,他們會以實現(xiàn)這種界面感到自豪。不過設計通常都是簡久必繁,繁久必簡。 不管是制作方還是用戶,都會審美疲勞。就算不疲勞,有些產(chǎn)品需要標新立異,與眾不同。
隨著時代的變遷,擬物化的設計屬性越來越少,從而慢慢變成為一種視覺裝飾風格,作為一種設計,擬物化的好處會越來越少,而隨之帶來的開發(fā)成本增加、審美疲勞等問題,使得用它的理由越來越少了。不過擬物化并沒有消失,一方面風格這東西不存在好壞,總會有一部分人喜歡,另一方面?zhèn)€別程序需要趣味和親和力,也確實有必要用到擬物化。
未來——場景化
“場景”無處不在,特定的時間,地點和人物存在特定的場景關系。隨著互聯(lián)網(wǎng)平臺間競爭的日益加劇,產(chǎn)品同質(zhì)化現(xiàn)象越來越嚴重。競爭日益膠著的行業(yè)現(xiàn)狀,促使一些平臺開始向場景化方向發(fā)力,尋求新的突破。隨著各種模式的不斷完善,讓更多基于衣、食、住、行的各種各樣的場景被創(chuàng)造出來,這種“場景化”趨勢也成為了未來的發(fā)展方向。
未來,真正具有場景化的產(chǎn)品必須能主動感知場景的到來,將時間碎片整合。舉例來說,現(xiàn)有很多運動類的APP,這些APP能夠根據(jù)GPS、傳感器記錄步速、距禂?shù)刃畔ⅲ瑤椭脩艉侠硪?guī)劃運動,不過,目前的大多數(shù)軟件都需要先手動啟動APP。前段時間,美國已有一家公司基于“場景感知”的理念,開發(fā)出了新一代跑步APP可感知場景從而進行相應的操作。
總結(jié)
當然,就目前而言,扁平化的極簡風格還是迎合了大家的審美很難被取代。不過還是那個道理,隨著時代的發(fā)展、科技的進步,加上人們審美疲勞,未來扁平化風格必然會調(diào)整方向甚至被其他設計所取代。設計風格和其所在時代的技術(shù)息息相關,大趨勢還是簡化,例如近些年提出的3D全息UI概念,3D化的界面比2D更貼近真實,能更好的完成交互。
任何領域,從繁到簡都是一個趨勢,UI設計只是一種表達,更重要的是其背后的人機交互。不得不說,一項好的產(chǎn)品必須能夠做到在恰當?shù)臅r間、恰當?shù)牡攸c將恰當?shù)男畔⑼扑徒o需要的用戶。場景化設計現(xiàn)在看來還太美好,但相信科技的發(fā)展,未來一旦實現(xiàn)場景化,那時的人機交互將會變得非常簡單。
想學UI設計? 點擊點擊咨詢!
聲明:本文來源于網(wǎng)絡,如有侵權(quán),請聯(lián)系我們刪除!
火星時代教育,成立30年,專注數(shù)字藝術(shù)教育培訓,開設游戲設計培訓、動畫培訓、AI音樂創(chuàng)作培訓等課程。歡迎關注我們的官網(wǎng):點擊此處了解更多詳情。
熱門資訊
1. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
2. iPhone6的UI設計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
3. 移動端UI設計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設計的基本知識
4. 12個絕佳的UI設計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 史上最全,平面設計UI設計必備的77個國內(nèi)外素材、設計資源網(wǎng)站
ui設計社區(qū),大神太多了。3、behance: https://www.behance.net/ ,著名設計... 對于品牌設計師來說,除了圖案素材收集之外,還有一個很重要的,就是設計故...
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
8. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
想了解武漢UI設計培訓班的費用是多少嗎?不知道學UI設計要花多少錢?不妨看看這篇文章,了解UI設計培訓班的學費價格以及學習內(nèi)容。
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術(shù)教育領域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
最新文章
同學您好!