亚洲激色,日日干夜夜爱,久青草资源福利视频,九色免费,四虎网站在线播放,中国一级特黄**毛片免,性大特级毛片视频

從藝術(shù)史出發(fā),幫你完整梳理一遍UI設(shè)計(jì)趨勢(shì)

作者:未知素設(shè)計(jì)
2018-08-09
10770

在了解事物發(fā)展動(dòng)向前,我從三個(gè)方面作為切入點(diǎn),即從對(duì)過去藝術(shù)設(shè)計(jì)發(fā)展的分析找到到規(guī)律,對(duì)現(xiàn)在 UI 發(fā)展的分析找到不足 ,從而預(yù)判未來趨勢(shì)。

準(zhǔn)確預(yù)判行業(yè)趨勢(shì),是一件很難的事,所以這次趨勢(shì)淺析僅為個(gè)人一家之言,分析表皮淺薄,各位看官權(quán)當(dāng)茶余飯后故事看吧。

我們先看「趨勢(shì)」的字面意思:事物發(fā)展的方向,表示一種向尚不明確的或只是模糊地制定的遙遠(yuǎn)的目標(biāo)持續(xù)發(fā)展的總的運(yùn)動(dòng)。今天跟大家要聊的就是 UI設(shè)計(jì)發(fā)展的動(dòng)向。

在了解事物發(fā)展動(dòng)向前,我從三個(gè)方面作為切入點(diǎn),即從對(duì)過去藝術(shù)設(shè)計(jì)發(fā)展的分析找到到規(guī)律,對(duì)現(xiàn)在 UI 發(fā)展的分析找到不足 ,從而預(yù)判未來趨勢(shì)。

一、近現(xiàn)代藝術(shù)設(shè)計(jì)發(fā)展

1. 近代藝術(shù)發(fā)展

近代藝術(shù)發(fā)展主要由幾大設(shè)計(jì)潮流引領(lǐng),依次關(guān)系為:古典時(shí)期、巴洛克洛可可時(shí)期、新古典主義時(shí)期。

古典時(shí)期

其藝術(shù)風(fēng)格嚴(yán)謹(jǐn)寫實(shí),追求構(gòu)圖的均衡與完整,強(qiáng)調(diào)理性而輕視情感,純潔、典雅、和諧、穩(wěn)重。

1.jpeg

巴洛克洛可可時(shí)期

巴洛克:風(fēng)格多變、動(dòng)感、不規(guī)則,宏大、奢華;洛可可:精致、小巧、嫵媚、浮華、矯揉造作。不再純潔,開始反對(duì)古典主義教條。

2.jpg

新古典主義時(shí)期

藝術(shù)形式是對(duì)巴洛克洛可可藝術(shù)的反對(duì),重新追慕古典、追求內(nèi)涵,強(qiáng)調(diào)理性、構(gòu)圖的完整,追求以簡(jiǎn)練的形式表現(xiàn)高雅的氣質(zhì)。

3.jpeg

2. 現(xiàn)代設(shè)計(jì)發(fā)展

現(xiàn)代設(shè)計(jì)發(fā)展主要有幾大節(jié)點(diǎn):工藝美術(shù)運(yùn)動(dòng)、現(xiàn)代主義和后現(xiàn)代主義。

19世紀(jì)下半葉,起源于英國(guó)的一場(chǎng)設(shè)計(jì)改良運(yùn)動(dòng),進(jìn)入現(xiàn)代以后;工業(yè)革命以后大批量工業(yè)化生產(chǎn)導(dǎo)致設(shè)計(jì)水準(zhǔn)急劇下降,設(shè)計(jì)師實(shí)在看不下去,發(fā)起工藝美術(shù)運(yùn)動(dòng),為什么從工業(yè)美術(shù)運(yùn)動(dòng)講起呢?因?yàn)樗乾F(xiàn)代設(shè)計(jì)的開端,承上啟下,對(duì)后世影響深遠(yuǎn).

工藝美術(shù)運(yùn)動(dòng)

藝術(shù)特點(diǎn)強(qiáng)調(diào)手工藝生產(chǎn),反對(duì)機(jī)械化生產(chǎn),反對(duì)矯揉造作和其他各種古典、傳統(tǒng)的復(fù)興風(fēng)格,提倡中世紀(jì)風(fēng)格,主張?jiān)O(shè)計(jì)誠(chéng)實(shí),講究簡(jiǎn)單、樸實(shí)、風(fēng)格良好,提倡自然主義風(fēng)格和東方風(fēng)格。

4.jpeg

現(xiàn)代主義

打破傳統(tǒng),打破設(shè)計(jì)為權(quán)貴服務(wù)的立場(chǎng),設(shè)計(jì)民主化,形式上提倡非裝飾的簡(jiǎn)單幾何造型,極簡(jiǎn)化設(shè)計(jì),主張少即是多,形式追隨功能,主張理性設(shè)計(jì)。

5.jpeg

后現(xiàn)代主義

主張多元化設(shè)計(jì),不規(guī)則化,用藝術(shù)表達(dá)多種思維方式,少則厭煩,反理性主義,重形式,強(qiáng)調(diào)歷史文脈依托。

6.jpeg

通過對(duì)以上設(shè)計(jì)潮流更替分析,我們發(fā)現(xiàn)藝術(shù)發(fā)展其實(shí)是一個(gè)繼承、否定、再發(fā)展的過程。剛開始以模仿寫實(shí)為主,模仿寫實(shí)發(fā)展到極致后,自然就會(huì)有人摒棄、反對(duì),逐漸開始尋求突破,形成一股新的潮流,但當(dāng)這種新的潮流成為主流后(以前被看做非主流);自然就會(huì)有人站出來反對(duì)這種潮流,然后繼承再發(fā)展。

二、現(xiàn)今UI設(shè)計(jì)發(fā)展

進(jìn)入21世紀(jì),隨著社會(huì)發(fā)展技術(shù)進(jìn)步,信息軟件行業(yè)逐漸興起,這里要感謝喬幫主給我們飯碗,正是蘋果的設(shè)計(jì)讓全球開始重視用戶體驗(yàn)重視 UI設(shè)計(jì),以前大家都叫美工。

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

早期 UI設(shè)計(jì)都是擬物化設(shè)計(jì) ,其風(fēng)格特點(diǎn):模擬真實(shí)物體的材質(zhì)、質(zhì)感、細(xì)節(jié)、光亮等,交互也模擬現(xiàn)實(shí)中的交互方式,學(xué)習(xí)成本低,傳達(dá)豐富的人性化感情。缺點(diǎn):擬物化本身就是約束,會(huì)限制功能本身的設(shè)計(jì)。

7.jpg

2. 扁平化設(shè)計(jì)

大家看擬物化設(shè)計(jì)是不是很像古典主義跟工業(yè)革命剛開始那會(huì),喜歡模擬真實(shí),講究設(shè)計(jì)誠(chéng)實(shí)。但是慢慢人們審美疲勞,那么肯定會(huì)有一種設(shè)計(jì)潮流,汲取它精華再起來反對(duì)這種設(shè)計(jì),那就是扁平化設(shè)計(jì),我們現(xiàn)在大環(huán)境就處在這個(gè)設(shè)計(jì)潮流中。

扁平化有很多優(yōu)點(diǎn):去掉界面冗余的裝飾效果,「信息」本身重新作為核心被凸顯出來,設(shè)計(jì)元素強(qiáng)調(diào)抽象、極簡(jiǎn)、符號(hào)化,設(shè)計(jì)更簡(jiǎn)約, 條例清晰;缺點(diǎn):需要一定學(xué)習(xí)成本,傳達(dá)的感情不豐富,甚至過于冰冷。

如:最早用扁平化設(shè)計(jì)的之一,就是微軟的芒果 MetroUI;大家看過于扁平效果并不是太好,扁平化設(shè)計(jì)很像現(xiàn)代主義,推崇極簡(jiǎn),冷冰冰,所以我們要問兩個(gè)問題:

扁平化就應(yīng)該僅僅是扁平嗎?

扁平化之后應(yīng)該是什么化?

8.jpg

3. 3大設(shè)計(jì)語言

在回答這兩個(gè)問題之前,我們先分析下最具代表性的三大系統(tǒng)最新的設(shè)計(jì)語言,設(shè)計(jì)理念很重要,大部分設(shè)計(jì)趨勢(shì)都是通過這些理念推動(dòng)。

9.jpg

Material Design

中文名:材料設(shè)計(jì)語言,是由 Google 推出的全新的設(shè)計(jì)語言,引入電子紙張隱喻,以前我們用紙張獲取信息,現(xiàn)在用設(shè)備,其實(shí)都是電子紙張,谷歌對(duì)紙張重新進(jìn)行了闡述,在扁平之外,增加了很多新特性,如:https://v.qq.com/x/page/m0131l1zvvo.html

陰影和層級(jí):用陰影的深度來表達(dá)層級(jí),并且有多個(gè)層級(jí)。

10.jpg

Z軸理念:場(chǎng)景立體化而不再局限于平面,增加信息縱深。

11.jpg

觸摸波紋,流暢動(dòng)畫:有意義的動(dòng)畫指示。

12.gif

卡片設(shè)計(jì),自適應(yīng)布局:應(yīng)用卡片的設(shè)計(jì)理念對(duì)布局嚴(yán)格規(guī)范,而且布局可以靈活的自適應(yīng)到任何設(shè)備中。

13.jpg

iOS

由于 iOS 12 沒有太大的設(shè)計(jì)更新,我們主要看 iOS 11,應(yīng)用大量的圓角卡片式設(shè)計(jì),大面積的背景圖,效果沖擊力更強(qiáng),點(diǎn)擊欲望也更強(qiáng)了,頁(yè)面加入超大標(biāo)題欄字體,這跟以前的小字號(hào)細(xì)字體有很大的區(qū)別,陰影也是比較高級(jí)的大陰影。

14.jpg

圓角卡片,大標(biāo)題,大陰影:透氣的大圖片背景,清晰的文字閱讀層級(jí)。

15.jpg

線性元素向面性進(jìn)化:線形圖標(biāo)改變成了面形,陰影替代描邊,不單單是圖標(biāo),現(xiàn)在碎片信息越來越多,越來越需要?dú)w納;零碎的線逐漸要往更整體的面過度。

16.jpg

Fluent Design System

微軟去年推出的設(shè)計(jì)語言中文名:流暢設(shè)計(jì)體系,集各家所長(zhǎng),在 UI 美學(xué)上它更是大有進(jìn)步,系統(tǒng)包含以上五大核心元素:光線、深度、動(dòng)效、材質(zhì)和縮放。

17.jpg

光線Light:通過光線的運(yùn)營(yíng),界面更有質(zhì)感,更加未來感。

18.jpeg

深度Depth:運(yùn)用深度理念,可以構(gòu)造出很多視覺效果,如視差、前后變換、空間運(yùn)動(dòng)等。

19.jpeg

動(dòng)效Motion:不言而喻,動(dòng)效使頁(yè)面更加流暢,也更具觀賞性。

20.jpeg

材質(zhì)Material:在界面中賦予材質(zhì),如毛玻璃、亞克力這樣的高層次的組合效果,使整個(gè)頁(yè)面很高級(jí)。

21.jpeg

縮放Scale:Fluent Design System 主要目的是一次設(shè)計(jì),就可以用于 0D(只有語音)、1D(Surface Dial)、2D(UI)、3D(VR/AR)的種種情況;所以伸縮性比其他 UI設(shè)計(jì)語言都要更重要,尤其是在 VR/AR 設(shè)備上,未來應(yīng)用潛力巨大。

22.jpeg

按照 Fluent Design System 這種設(shè)計(jì)理念設(shè)計(jì)的 UI 界面,效果確實(shí)很棒!

23.jpeg

24.jpeg

三、現(xiàn)今趨勢(shì):扁平化就應(yīng)該僅僅是扁平嗎?

現(xiàn)在回答前文的第一個(gè)問題,通過對(duì)三大系統(tǒng)的分析 ,我們發(fā)現(xiàn)各大互聯(lián)網(wǎng)公司都不再拘泥于扁平,都在嘗試新的設(shè)計(jì)形式去反對(duì)扁平,這些反對(duì)形式,也是現(xiàn)在最盛行的設(shè)計(jì)趨勢(shì)。下面我們看看有哪些形式:

1. 縱深

如果讓一張頁(yè)面不再扁平,我覺得最快最直接方法就是增加縱深,把重要信息凸顯出來。增加縱深的常用手段:

25.jpeg

大陰影

越來越多的設(shè)計(jì)師為卡片、按鈕增加大陰影,來突出層級(jí)。

26.jpeg

三維立體

打破扁平,增加立體,三維元素在界面中越來越多的得到運(yùn)用。

27.jpeg

2. 動(dòng)視

動(dòng)效視差越來越被設(shè)計(jì)師所重視。

28.gif

轉(zhuǎn)場(chǎng)動(dòng)畫

實(shí)用動(dòng)畫,詮釋功能;觀賞動(dòng)畫,緩沖用戶等待焦慮。

29.gif

重力視差

視差動(dòng)畫結(jié)合重力感應(yīng),讓用戶身臨其境。

30.gif

3. 材質(zhì)

通過不同材質(zhì)的運(yùn)用,打破扁平,蘋果毛玻璃,微軟亞克力材質(zhì),相信未來也會(huì)有更多材質(zhì)加入。

31.jpeg

4. 層次

極賦視覺層次感的頁(yè)面設(shè)計(jì)不僅極具設(shè)計(jì)美感,取悅用戶身心,而且還建立了清晰直觀的視覺層級(jí),方便用戶簡(jiǎn)單快速的識(shí)別和讀取需要的頁(yè)面內(nèi)容,從而提升用戶體驗(yàn),降低跳出率。

32.jpg

大小對(duì)比

元素尺寸越大,越突出,越容易吸引用戶的注意;不過尺寸大小也要有度,控制在用戶能夠接受的范圍內(nèi),Airbnb 和蘋果大字號(hào)運(yùn)用就比較得當(dāng)。

33.jpeg

色彩對(duì)比

利用顏色的強(qiáng)烈對(duì)比,突出頁(yè)面層級(jí)。

34.jpg

適當(dāng)間距留白

留白的巧妙運(yùn)用,能夠非常有效地突出頁(yè)面信息。而頁(yè)面內(nèi)部元素之間,保持適當(dāng)?shù)拈g距,讓彼此之間的相互聯(lián)系而不「擁擠雜亂」,也是吸引用戶注意的不錯(cuò)策略。

35.jpg

四、未來趨勢(shì):扁平化之后應(yīng)該是什么化?

回答這個(gè)問題前,我覺得大家有必要先暢想一下未來的生活方式和社會(huì)形勢(shì),我們先看個(gè)短片。

https://v.qq.com/x/page/i01586jf3it.html

通過短片我們發(fā)現(xiàn),未來科技的迅速發(fā)展人們?cè)O(shè)計(jì)審美更加提高,隨處都是屏幕,信息更加繁雜,動(dòng)效得到普及,人文關(guān)懷愈加重要,各種技術(shù)的普及,更多設(shè)計(jì)形式出現(xiàn),全息投影也會(huì)加以運(yùn)用。

所以我們暫且把扁平化后的設(shè)計(jì)潮流取名為:后扁平化&多媒體化。

36.jpeg

那么它有什么風(fēng)格特點(diǎn)呢?個(gè)人認(rèn)為會(huì)有如下幾點(diǎn):

扁平化仍將主宰,但更加抽象簡(jiǎn)約

信息為主

人文關(guān)懷

動(dòng)效普及

多元化設(shè)計(jì)

虛擬全息三維投影運(yùn)用

以上為本人對(duì)于 UI設(shè)計(jì)趨勢(shì)的一些感悟的分享,分析不夠全面也不夠深刻,歡迎大家留言一起探討


2
2
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)