中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

上一篇文章（《2020的UI設(shè)計(jì)趨勢(shì)，我先收藏了（上）》）我們一起研究了關(guān)于2020界面設(shè)計(jì)趨勢(shì)，從色彩、插畫、字體三方面展開了分析。今天從圖形、布局等方面，繼續(xù)聊聊設(shè)計(jì)趨勢(shì)，希望這篇文章幫你弄懂2020的UI設(shè)計(jì)趨勢(shì)。

01 圖形趨勢(shì)

今年的圖形運(yùn)用上，運(yùn)用比較多的就是分形，流體，和幾何圖形的運(yùn)用，以及在重復(fù)圖案的運(yùn)用，比如上圖就是運(yùn)用重復(fù)圖案形成的效果，畫面沖擊感強(qiáng)，抓人眼球。

1. 分形的運(yùn)用

很多人可能對(duì)這個(gè)詞比較陌生，或許是第一次聽到，維基百科上官方解釋大概是：分形也被稱為擴(kuò)展對(duì)稱或展開對(duì)稱，形狀的重復(fù)是完全相同的，形在不同的縮放級(jí)別上可以是近似相似的。官方解釋比較拗口，簡(jiǎn)單理解就是一個(gè)圖形的重復(fù)有規(guī)律的運(yùn)動(dòng)，通過對(duì)稱，重復(fù)，運(yùn)動(dòng)方向延展，最知名一個(gè)案例就是蘋果照片的圖標(biāo)，它是通過一個(gè)圓角矩形重復(fù)旋轉(zhuǎn)8次得到。

▲分形很重要一個(gè)特征就是有規(guī)律重復(fù)，它會(huì)圍繞一個(gè)方向，一個(gè)角度去重復(fù)，形成一種自然的美感！

▲它通過顏色疊加，融合，整體會(huì)呈現(xiàn)出更加生動(dòng)的變化。

▲Grabient的網(wǎng)站設(shè)計(jì)中也是同樣運(yùn)用一組分形的幾何圖形重疊。然后巧妙的把品牌LOGO運(yùn)用到背景中去。

▲UBER的設(shè)計(jì)語言中，也同樣發(fā)現(xiàn)了分形的身影，設(shè)計(jì)師將每個(gè)國家富有代表性的圖形提煉處理，然后重復(fù)運(yùn)用平鋪，形成一種時(shí)尚的幾何紋理，運(yùn)用到閃屏，線上線下的產(chǎn)品中。

▲東京造型大學(xué)的一組設(shè)計(jì)，同樣運(yùn)用分形的手法，整體顏色輕盈，沖擊力強(qiáng)。

▲圖標(biāo)中運(yùn)用就更為常見，蘋果相冊(cè)，chrome以及谷歌相冊(cè)都是同樣的設(shè)計(jì)手法。

▲這種風(fēng)格簡(jiǎn)約，對(duì)稱，有秩序，所以在很多圖標(biāo)作品中都可以看見，這種圖標(biāo)設(shè)計(jì)中，一般單個(gè)基礎(chǔ)形不會(huì)重復(fù)太多次，一般以對(duì)稱形式出現(xiàn)，質(zhì)感上也是采用顏色疊加效果。

2. 流體，幾何非對(duì)稱的運(yùn)用

流體和幾何不對(duì)稱形狀，其實(shí)在2018，2019都看見了很多同類型的設(shè)計(jì)，但是在2020年它會(huì)比之前更多，流動(dòng)的形狀和大膽的色彩，以及豐富的漸變?nèi)诤显谝黄?，將?huì)是今年形狀這塊一個(gè)重大的趨勢(shì)。

▲漸變的流體運(yùn)用，配合動(dòng)畫效果，非常的活潑具有生命力。

▲液態(tài)的設(shè)計(jì)，無論在動(dòng)畫視頻，還是在廣告設(shè)計(jì)中將會(huì)越來越被廣大設(shè)計(jì)師所運(yùn)用，它呈現(xiàn)出來的視覺效果，以及感染力非常強(qiáng)。

▲這組智能家居頁面布局就是運(yùn)用了一個(gè)不規(guī)則幾何形狀，像水一樣波動(dòng)，吸引用戶去點(diǎn)擊。

▲電水壺智能頁面設(shè)計(jì)，隨著水溫的增高，后面的背景形狀和顏色開始發(fā)生著變化，很好的可視化表達(dá)案例。

▲這組頁面設(shè)計(jì)，就運(yùn)用了不規(guī)則幾何圖形，讓整個(gè)設(shè)計(jì)很活潑歡快。

▲這種流體和液態(tài)的設(shè)計(jì)，比較有生命力的同時(shí)也煥發(fā)著年輕的視覺感。

3. 幾何圖形的運(yùn)用

▲NaverTV的改版升級(jí)中，這種幾何大面積圖形作為整個(gè)背景的運(yùn)用，抽象的幾何圖形結(jié)合漸變色，讓整個(gè)設(shè)計(jì)都變得洋氣起來。

▲整個(gè)幾何圖形，很好的運(yùn)用到了線下印刷以及APP和網(wǎng)頁設(shè)計(jì)中去。

▲蘋果的海報(bào)設(shè)計(jì)，也運(yùn)用了大量的幾何抽象圖形作為整個(gè)背景使用，非常時(shí)尚清爽。

02 布局趨勢(shì)

那么在布局上，今年的布局形式有什么特點(diǎn)呢？我們不難發(fā)現(xiàn)隨著屏幕的變大，布局形式也發(fā)生著變化。

1. 強(qiáng)調(diào)底部空間運(yùn)用

▲隨著智能手機(jī)的發(fā)展，屏幕越來越大，那么對(duì)于手指有效范圍和功能也可以做更多事情，所以很多產(chǎn)品已經(jīng)開始嘗試將導(dǎo)航搬到屏幕底部，這樣讓產(chǎn)品的使用更加具有連續(xù)性。

▲高德地圖將導(dǎo)航，搜索都移動(dòng)到屏幕底部，讓用戶單手指能更好的操作。

▲NBSP旅行APP也是將導(dǎo)航從頂部改為底部，用戶在進(jìn)來時(shí)候，就能單手操作這個(gè)功能。

2. 不對(duì)稱：打破傳統(tǒng)平衡和網(wǎng)格

▲打破傳統(tǒng)的對(duì)稱，將文字放置圖片上方形成錯(cuò)落關(guān)系，運(yùn)用這種非平衡感，增強(qiáng)頁面活躍感和獨(dú)特感。

▲在一些大牌的官網(wǎng)設(shè)計(jì)中，我們也可以看見這種打破網(wǎng)格和平衡的設(shè)計(jì)，特別下面的印象設(shè)計(jì)，破形的印象讓整個(gè)設(shè)計(jì)都加分了。

▲知名品牌資生堂的官網(wǎng)設(shè)計(jì)，導(dǎo)航占據(jù)頁面的三分之二，整體的布局方式新穎活潑，非常有時(shí)尚感。

▲紀(jì)梵希的官網(wǎng)，背景采用2等分的圖片分割設(shè)計(jì)文字和香水形成交錯(cuò)感，這種打破平衡的設(shè)計(jì)。

▲在移動(dòng)UI中，特別是一些產(chǎn)品的官網(wǎng)介紹中，通過商品，背景和文字形成的交錯(cuò)感，讓產(chǎn)品很新穎的同時(shí)，也非常的讓人過目不忘。

03 微動(dòng)效

隨著5G時(shí)代的來臨，用戶流量和寬帶也越來越快了，那么對(duì)于微動(dòng)畫也會(huì)越用越廣泛，除了在圖標(biāo)中大量使用，在很多產(chǎn)品設(shè)計(jì)中可能也是一個(gè)趨勢(shì)，說不定未來你打開淘寶想買一個(gè)東西，根本無需點(diǎn)進(jìn)詳情頁，只需要首頁就可以完成商品插畫，一鍵加入購物車，以及付款等行為操作。

1. 帶交互的動(dòng)效

▲之前負(fù)責(zé)的項(xiàng)目，在支付寶財(cái)富頁面，頁面中間的大卡片就可以直接完成理財(cái)產(chǎn)品的直接購買，通過一張卡片插畫股票大盤信息，來決策當(dāng)天的理財(cái)投資行為。相信在未來很多產(chǎn)品中，這種一步式操作會(huì)逐步普及起來。

▲十字形的導(dǎo)航菜單，能很好的將多個(gè)功能融入到底部圖標(biāo)中，最早在path產(chǎn)品最新運(yùn)用，這種將功能和動(dòng)效的結(jié)合也是值得關(guān)注的，動(dòng)效除了讓頁面更加歡快流程，同時(shí)里面也可以賦予更多的功能體驗(yàn)。

2. 動(dòng)態(tài)的插畫和C4D

▲以前的插畫，可能你只需要把畫面設(shè)計(jì)好看，夠生動(dòng)符合場(chǎng)景感，那么在未來插畫也需要能動(dòng)起來，動(dòng)態(tài)插畫更像一個(gè)簡(jiǎn)單的動(dòng)畫片，能更好的將畫面故事完整的表達(dá)出來，相對(duì)靜態(tài)插畫更加生動(dòng)。

▲動(dòng)態(tài)的C4D在很多電商設(shè)計(jì)，品牌營銷設(shè)計(jì)中大量用到，動(dòng)態(tài)的場(chǎng)景更像一個(gè)場(chǎng)館，有故事帶入感，未來對(duì)3D設(shè)計(jì)師要求更高了，除了C4D效果要做好，還需要能做的動(dòng)起來，做設(shè)計(jì)師真是太難了。

最后

2020正在通過顛覆性創(chuàng)新創(chuàng)造一個(gè)新的在線時(shí)代和規(guī)模，設(shè)計(jì)趨勢(shì)也在逐步發(fā)生著變化，但是記住，趨勢(shì)是變化的，唯一不變的是你對(duì)于設(shè)計(jì)的熱愛。最后送給大家我很喜歡的喬布斯的一句話：創(chuàng)新就是把各種事物整合在一起，有的人只是看到了一些聯(lián)系，然后總能看出各種事物之間的聯(lián)系，再整合成新的東西，這就是創(chuàng)新。

#相關(guān)閱讀#

2020的UI設(shè)計(jì)趨勢(shì)，我先收藏了（上）

#專欄作家#

Sky，微信公眾號(hào)：我們的設(shè)計(jì)日記（ID：helloskys），設(shè)計(jì)交流可加微信：hellosky678，人人都是產(chǎn)品經(jīng)理專欄作家。原支付寶體驗(yàn)設(shè)計(jì)專家，阿里巴巴天貓?jiān)O(shè)計(jì)專家；10年知名互聯(lián)網(wǎng)公司設(shè)計(jì)經(jīng)驗(yàn)，對(duì)于產(chǎn)品從0到1、品牌定位、金融產(chǎn)品、設(shè)計(jì)規(guī)范、運(yùn)營規(guī)范、大促等有豐富實(shí)戰(zhàn)經(jīng)驗(yàn)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議