手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

想要App做得美,這些UI/UX設(shè)計(jì)趨勢(shì)你要知道啊

2015-8-7    用心設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)m.88yangsc.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源:莫貝網(wǎng)

 如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,請(qǐng)點(diǎn)這里


在國(guó)內(nèi),移動(dòng)端的發(fā)展遠(yuǎn)遠(yuǎn)超過(guò)網(wǎng)頁(yè),初創(chuàng)公司們想拓展品牌都會(huì)首選手機(jī)App。那么你知道近期App設(shè)計(jì)風(fēng)格的趨勢(shì)么,想要做出不土、高逼格的App,以下的趨勢(shì)你是需要了解的。本文來(lái)自Medium文章,Mobile:2015 UI/UX Trend。虎嗅翻譯。

無(wú)論是App的分屏,還是網(wǎng)頁(yè)瀏覽器或者智能手表的界面,設(shè)計(jì)都是消費(fèi)者購(gòu)買(mǎi)它們的最關(guān)鍵因素之一。從扁平化設(shè)計(jì)到谷歌的Meterial design,我分析了設(shè)計(jì)的流行趨勢(shì),并將其與你分享——這些趨勢(shì)是什么?為什么這樣做用戶(hù)更喜歡?它們是怎么樣被創(chuàng)造的呢?

 

讓我們一起看下扁平化設(shè)計(jì)和Material design是怎樣入場(chǎng),并為我們帶來(lái)了怎樣的設(shè)計(jì)趨勢(shì)的。

 

更輕量的設(shè)計(jì)

featured12@wdd2x.jpg

是什么

 

放棄了使用漸變或陰影等效果,現(xiàn)在App中更流行使用“扁平化設(shè)計(jì)”風(fēng)格,給人一種“更輕”的體驗(yàn)。這意味著設(shè)計(jì)師要善于利用負(fù)空間(指物體和物體的間隙)——來(lái)取代漸變、陰影等效果,以創(chuàng)造一個(gè)更加簡(jiǎn)潔的界面,讓用戶(hù)的注意力可以集中在界面的核心信息上,將對(duì)用戶(hù)無(wú)效的設(shè)計(jì)元素去掉。

 

為什么

 

更輕的設(shè)計(jì)將多余的設(shè)計(jì)元素去掉,這樣可以讓用戶(hù)的眼睛只注意對(duì)他們有意義的信息上,這樣也降低了用戶(hù)在該界面的導(dǎo)航成本,同時(shí)也使品牌更具時(shí)尚感。

 

統(tǒng)一字體

1-6W8wgRwwCAEdeY7w87UToA.png

 

是什么

 

減少不同種類(lèi)字體的使用更能體現(xiàn)排版美學(xué)。與其用不同的字體形式表現(xiàn)不同的特性——比如,斜體、加粗、半加粗,不同的字號(hào)更能將不同部分的內(nèi)容加以區(qū)別。

 

為什么

 

在整個(gè)App中只是用一款字體可以為品牌帶來(lái)一致性的感受,這種效果是跨平臺(tái)的,比如App,移動(dòng)端網(wǎng)站、PC端網(wǎng)站。因此,優(yōu)化移動(dòng)端的設(shè)計(jì)細(xì)節(jié)是可以全方位提升用戶(hù)體驗(yàn)的。同時(shí),用戶(hù)更喜歡統(tǒng)一的字體帶來(lái)的簡(jiǎn)潔化。

 

卡片和留白——不要再用線條了

QQ圖片20150803191255.png

是什么

 

過(guò)去,我們使用線條來(lái)將不同的內(nèi)容主題或分類(lèi)明顯地劃分開(kāi),但是這些線條卻創(chuàng)造出一個(gè)笨拙的擁擠的界面。取而代之,我們可以將不同的內(nèi)容放置于不同的卡片塊兒上,使用空白將不同內(nèi)容塊劃分開(kāi),這樣我們就可以騰出空間,搭建一個(gè)干凈的界面。

 

為什么

 

分界線的棄用是為了帶來(lái)一個(gè)具有現(xiàn)代感的外觀,使用戶(hù)注意力集中在功能性上。比如,我們放大圖片和字體的大小,這樣一來(lái),視覺(jué)體驗(yàn)更加清晰,產(chǎn)品易用性也得到了提高。利用空間來(lái)取代分界線是一個(gè)順應(yīng)用戶(hù)使用習(xí)慣的選擇。

 

聚焦數(shù)據(jù)

 

1-8wWjJZ6LViCUO4XsiiUT2w.png

是什么

 

因?yàn)橛脩?hù)傾向于使用更加簡(jiǎn)潔的界面,所以利用大字號(hào)和醒目的顏色來(lái)顯示具體的數(shù)據(jù)可以使用戶(hù)的注意力更加集中??梢酝ㄟ^(guò)高亮數(shù)據(jù)來(lái)吸引不同的目標(biāo)客戶(hù)。

 

為什么

 

利用更大的字號(hào)或者一種流行色,來(lái)吸引用戶(hù)的注意力到一個(gè)屏幕的一個(gè)特定區(qū)域——這完全不會(huì)給用戶(hù)帶來(lái)強(qiáng)迫感。所以,用戶(hù)可以更快地接收到有效信息,導(dǎo)航和閱讀信息的體驗(yàn)也會(huì)更好。

 

微交互

 

featured_mi.jpg

是什么

 

微交互在使用場(chǎng)景中是一個(gè)很小的用戶(hù)體驗(yàn)的改變。這些場(chǎng)景包括完成一個(gè)交易,收藏喜歡的物件或者彈出一個(gè)消息。這些交互都是很細(xì)節(jié)的,但是產(chǎn)品的差異性就在于給合適的用戶(hù)使用合適的效果。

 

為什么
這些微交互像是信號(hào)一樣驅(qū)動(dòng)這用戶(hù)去完成一項(xiàng)任務(wù)——比如調(diào)試設(shè)置——?jiǎng)?chuàng)建一個(gè)新的內(nèi)容彈出窗口。有微交互的那些App可以給用戶(hù)帶來(lái)更簡(jiǎn)潔、更有趣、更有參與感的感覺(jué)。

 

用更少的顏色

 

1-w3OQf58AIVLEBU8t9nvpVQ.png

是什么

 

在2013年扁平化設(shè)計(jì)推出后,在主題中使用更少的顏色變成了一個(gè)流行趨勢(shì),這樣可以使設(shè)計(jì)變得清晰和簡(jiǎn)潔。所以,設(shè)計(jì)師和用戶(hù)都更喜歡顏色更少的設(shè)計(jì),以求一個(gè)更干凈的外觀。

 

為什么

 

顏色的運(yùn)用在表達(dá)情緒、引導(dǎo)用戶(hù)注意力、品牌深化上都有著重要作用。采用更少的顏色能更容易突出品牌特性。另外,用戶(hù)也喜歡這樣美觀的界面,關(guān)鍵元素可以被輕易突出,導(dǎo)航體驗(yàn)也更好。

 

分層界面

 

QQ圖片20150803185454.png

是什么

 

過(guò)去,界面設(shè)計(jì)遵守?cái)M物化的原則,就是模擬一個(gè)物體的真實(shí)形態(tài)(比如,數(shù)字日歷對(duì)紙質(zhì)日歷的模仿,App圖標(biāo)的3D縱深,手機(jī)快門(mén)的咔嚓聲等等)?,F(xiàn)在,扁平化設(shè)計(jì)已經(jīng)不再采用這一原則,它使產(chǎn)品設(shè)計(jì)者可以用新的方式展示縱深效果——分層設(shè)計(jì),可以更好地體現(xiàn)出縱深和規(guī)格化的感覺(jué),為用戶(hù)提供一種更直觀的體驗(yàn)。

 

為什么

 

扁平化設(shè)計(jì)最 終導(dǎo)致的結(jié)果可能是“過(guò)于扁平”——隨著設(shè)計(jì)越來(lái)越簡(jiǎn)化,用戶(hù)還怎么被引導(dǎo)和吸引,畢竟這和他們?cè)?D現(xiàn)實(shí)世界里的經(jīng)驗(yàn)并不一致(或者說(shuō)和過(guò)去的產(chǎn)品體驗(yàn) 也不一致)?分層提供了將一個(gè)條目放在另一個(gè)之上顯示的可能,它充分利用了Z軸。分層和增加深度可以幫助用戶(hù)理解不同條目之間的關(guān)系,并且把他們的注意力 吸引到你需要他們關(guān)注的地方。

 

幽靈按鍵

 

1-h_mVzj6mMWPNlY4KArH05Q.png

是什么

 

幽靈按鍵是指沒(méi)有被填上顏色的透明按鈕。它們有著非常細(xì)化的邊緣,并且形狀往往很基礎(chǔ),比如矩形、正方形或者直角、軟化邊緣等。這些按鈕中的文字往往很簡(jiǎn)單且很小。

 

為什么

 

這些設(shè)計(jì)得很微妙的按鈕可以吸引用戶(hù)注意力,而且看上去還很干凈、時(shí)髦、不會(huì)惹人煩。它使你可以在屏幕上放置更多層級(jí)的按鈕,如果在同一頁(yè)面上有不 同的按鈕,你可以根據(jù)優(yōu)先度排列他們(比如那些提供選項(xiàng)的或作為中間步驟的幽靈按鈕)。在一些Material design的情況下,你可以通過(guò)陰影來(lái)提示用戶(hù)某一按鈕所屬的層級(jí)和優(yōu)先度。

 

手勢(shì)

 

QQ圖片20150803185651.png

是什么

 

隨著用戶(hù)設(shè)備集成了陀螺儀和動(dòng)作傳感器的功能,它能夠更好地感知?jiǎng)幼?。有了這些,用戶(hù)和設(shè)備之間的交互方式從鼠標(biāo)點(diǎn)擊拓展到了真實(shí)手勢(shì)上。

 

為什么

 

用戶(hù)對(duì)一些手勢(shì)有著出于直覺(jué)的敏感。當(dāng)要?jiǎng)h除某個(gè)條目時(shí),不管哪個(gè)年齡段哪個(gè)性別的用戶(hù)都會(huì)試圖把它移出屏幕。事實(shí)上,更少的點(diǎn)擊和更多的滾動(dòng)可以提升用戶(hù)體驗(yàn),通過(guò)用手勢(shì)在屏幕定位而非點(diǎn)擊目標(biāo)可以讓你的應(yīng)用看上去交互性更強(qiáng)。

 

動(dòng)作

 

QQ圖片20150803185740.png

是什么

 

通過(guò)軟件創(chuàng)新,設(shè)計(jì)師現(xiàn)在可以利用樣式表控制運(yùn)動(dòng)?;趧?dòng)作的設(shè)計(jì)元素能夠以多種多樣的形式呈現(xiàn),包括過(guò)渡、動(dòng)畫(huà)效果甚至模仿3D效果的紋理。設(shè)計(jì)中對(duì)動(dòng)作的使用可以幫助用戶(hù)接觸和吸收內(nèi)容,這和以往通過(guò)數(shù)據(jù)和對(duì)象來(lái)突出內(nèi)容重要性的方式已大有不同。

 

為什么

 

動(dòng)作元素能夠?qū)⒂脩?hù)注意力吸引到一個(gè)明確的區(qū)域——或者把他們的注意力從那兒移開(kāi)。通過(guò)視覺(jué)響應(yīng),它可以增進(jìn)用戶(hù)對(duì)內(nèi)容的理解,并促使用戶(hù)產(chǎn)生一種愉快的體驗(yàn)。

 

更短的使用流程

 

1-hkvH_hf33gkxKo5JSxUKUA.png

是什么

 

相比通過(guò)復(fù)雜的頁(yè)面介紹如何使用產(chǎn)品,一個(gè)簡(jiǎn)單的界面就可以幫你省去教育用戶(hù)的麻煩,并且減輕你投入到App上的不必要的時(shí)間和精力。例如,當(dāng)用戶(hù)完成前面的字段輸入后,一個(gè)表單可以自動(dòng)打開(kāi)或突出后續(xù)的輸入?yún)^(qū)域,以此提示用戶(hù)后續(xù)操作。

 

為什么

 

手機(jī)用戶(hù)更喜歡在一個(gè)App中簡(jiǎn)潔、快速地完成操作,尤其在他們忙碌的時(shí)候。根據(jù)人們的這個(gè)需求,在設(shè)計(jì)上縮短用戶(hù)的使用流程,這可以增加轉(zhuǎn)化率以及人們打開(kāi)App的頻度。

 

設(shè)計(jì)標(biāo)準(zhǔn)——實(shí)踐才是真

 

1-YA_O646mRbL3ZXzmbTYI4Q.jpeg

是什么

 

設(shè)計(jì)標(biāo)準(zhǔn)是從項(xiàng)目啟動(dòng)之初就注入其中的視覺(jué)語(yǔ)言,它涉及到顏色、圖標(biāo)和整體風(fēng)格的設(shè)定等。

 

為什么

 

設(shè)定設(shè)計(jì)標(biāo)準(zhǔn)可以幫助產(chǎn)品在不同平臺(tái)上形成更好的統(tǒng)一體驗(yàn)。它能將產(chǎn)品投入市場(chǎng)后可能產(chǎn)生的錯(cuò)誤壓到,并使其在未來(lái)更易于被修正。

 

原型設(shè)計(jì)——實(shí)踐才是真

 

QQ圖片20150803185819.png

是什么

 

原型可以是對(duì)一個(gè)產(chǎn)品的演示,也可以是早期的可上線版本。使用原型能夠提供一個(gè)更直觀的視角去觀察產(chǎn)品功能設(shè)計(jì),以及產(chǎn)品想要讓人看到的充滿(mǎn)亮點(diǎn)的更新,這可以提升用戶(hù)體驗(yàn)而不必浪費(fèi)設(shè)計(jì)師太多時(shí)間和精力。

 

為什么

 

通過(guò)創(chuàng)造這些低成本的“試驗(yàn)品”,可以方便地厘清項(xiàng)目的關(guān)鍵因素,包括功能特征和需求等。它留給我們必要的時(shí)間和資源從“試驗(yàn)品”了解產(chǎn)品,用內(nèi)部驅(qū)動(dòng)的過(guò)程推進(jìn)產(chǎn)品迭代。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔