扁平化設(shè)計(jì)正好是蘋果一度推崇的擬物主義skeumorphism的反面極致。有一家公司盡管不是第一家實(shí)現(xiàn)這種風(fēng)格的公司,但把它推向全新高度的卻是這家公司無(wú)疑。這家公司就是微軟。似乎Windows 8整個(gè)操作系統(tǒng)都是圍繞著徹底扁平的UI來(lái)開(kāi)發(fā)的,隨處可見(jiàn)Metro和Live Tiles。這種風(fēng)格有利有弊,應(yīng)根據(jù)需要權(quán)衡。
最近采用了扁平化設(shè)計(jì)的是一顆冉冉升起的新星,它的名字就叫做Rise—一款鬧鐘app。它的整個(gè)UI都沒(méi)有一丁點(diǎn)的三維元素,簡(jiǎn)潔貫穿著整個(gè)應(yīng)用,跟灰度結(jié)合起來(lái)之后,我們看到的是以一個(gè)外觀漂亮的鬧鐘。
當(dāng)然,扁平化設(shè)計(jì)并不適合于所有的應(yīng)用,但是越來(lái)越多的設(shè)計(jì)師和開(kāi)發(fā)者仍將會(huì)把極簡(jiǎn)主義作為app UI設(shè)計(jì)的方向。
2.更少按鈕,更多手勢(shì)
一旦應(yīng)用缺少了各種按鈕和可視化維度的東西,用戶不自覺(jué)地就會(huì)求助于手勢(shì)。Clear就是一款出色地運(yùn)用了手勢(shì)的應(yīng)用,彰顯出四維思考的魔力。Google最近發(fā)布的Google Maps想要同時(shí)做到扁平化設(shè)計(jì)和運(yùn)用手勢(shì)這兩點(diǎn)。手勢(shì)將會(huì)是2013年的設(shè)計(jì)趨勢(shì)。
3.輔助動(dòng)畫(huà):功能可見(jiàn)
既沒(méi)有按鈕可按,又沒(méi)有圖標(biāo)可選,你可能就不知道怎么去完成任務(wù)。這時(shí)候,一點(diǎn)點(diǎn)的動(dòng)畫(huà)指示也許可以引導(dǎo)用戶操作。最好的例子也許是iOS鎖屏的照相機(jī)按鈕。對(duì)iOS不熟悉的人看到那個(gè)按鈕的第一反應(yīng)也許是點(diǎn)擊而不是拖動(dòng)。蘋果對(duì)于用戶的點(diǎn)擊沒(méi)有無(wú)動(dòng)于衷,而是演示一段上下彈跳的動(dòng)畫(huà)。用戶于是就能很直觀地知道如何打開(kāi)照相機(jī)了。
靠一點(diǎn)小動(dòng)畫(huà)來(lái)提供功能的可見(jiàn)性,就可以省卻按鈕來(lái)引導(dǎo)用戶熟悉UI,這是視覺(jué)提示最小化之后的一種解決方案。
4.左側(cè)導(dǎo)航,菜單抽屜
三條橫線,又名“漢堡包”,許多app都把它作為菜單圖標(biāo)的選擇。這是表明存在一組復(fù)雜不過(guò)畫(huà)三根橫線的選項(xiàng)的簡(jiǎn)單方式。有一個(gè)應(yīng)用甚至把它用出了樂(lè)趣,只要你按住The Magazine左上角的那個(gè)三橫線圖標(biāo)超過(guò)三秒,它真的就變成了漢堡包的樣子。真是一個(gè)可口的復(fù)活節(jié)彩蛋。盡管“漢堡包”已經(jīng)非常流行,但這種視覺(jué)表征形式今后還將變得更加普遍。
5.原生壓倒Web
網(wǎng)站沒(méi)有詳細(xì)解釋提出該觀點(diǎn)的原因。但是,從目前的情況看,原生應(yīng)用還是主流。相對(duì)于Web技術(shù),原生應(yīng)用具有功能多、貨幣化能力強(qiáng)的特點(diǎn)。但是隨著HTML 5標(biāo)準(zhǔn)的初步定稿,Web應(yīng)用的功能也將逐步完善,加上其部署靈活和跨平臺(tái)兼容等優(yōu)勢(shì),再過(guò)一兩年這種趨勢(shì)也許就會(huì)逆轉(zhuǎn)。
6.響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)
這個(gè)趨勢(shì)顯然跟上一條背道而馳,但是今年無(wú)疑會(huì)在網(wǎng)頁(yè)設(shè)計(jì)中走俏。隨著新的出版物的面世,為了擴(kuò)大受眾的覆蓋面,單一的平臺(tái)顯然是不夠的。
迄今為止最好的例子是Quartz。它幾乎可以輕松地在任何設(shè)備上運(yùn)行,在iPhone、iMac或者Surface平板電腦上均能展現(xiàn)相同的信息,且一樣的美觀。
響應(yīng)式設(shè)計(jì)正在成為展示基于web內(nèi)容的熱門方式。針對(duì)每一款設(shè)備進(jìn)行特別的設(shè)計(jì)幾乎是不可能的,而這種替代方案卻是一種非常值得信賴的選項(xiàng),可以使內(nèi)容在不同平臺(tái)之間保持一致。
7.網(wǎng)站更寬
通過(guò)提供更寬幅的網(wǎng)站,可視媒體就可以更加顯著地呈現(xiàn)在文字的旁邊,一圖勝千言。
8.字體更大
12-14像素的字體一直以來(lái)都是web正文的標(biāo)準(zhǔn)尺寸??梢曌罱S多網(wǎng)站傾向于采用16-18像素大小的字體。
9.搜索框更大
搜索正在成為設(shè)計(jì)各方面的重要因素。從社交網(wǎng)絡(luò)UX到出版物UX,搜索是區(qū)分需要和不需要的東西的必備功能。
The Noun Project和新的Myspace均采用一個(gè)非常大的搜索框。過(guò)去的一年Google搜索的份額首次達(dá)到穩(wěn)定水平,其原因應(yīng)該是由于網(wǎng)站部署專用搜索替代了一般的搜索辦法。
此外,Path還針對(duì)自己的服務(wù)定制了獨(dú)特的社會(huì)化內(nèi)容搜索功能。預(yù)期今后還會(huì)出現(xiàn)更多的此類功能。
10.動(dòng)畫(huà)GIF成為設(shè)計(jì)元素
動(dòng)畫(huà)GIF在內(nèi)容的運(yùn)用正在逐漸增多,也許下一步就是把它運(yùn)用到設(shè)計(jì)上面去。動(dòng)畫(huà)GIF為特定元素提供了一種無(wú)需編碼即可實(shí)現(xiàn)變化和動(dòng)畫(huà)的方式。盡管動(dòng)畫(huà)GIF在移動(dòng)設(shè)備上的呈現(xiàn)仍存在問(wèn)題,但是今年肯定會(huì)有更多人作此嘗試。
11.人性化設(shè)計(jì)
這個(gè)與其說(shuō)是趨勢(shì)不如說(shuō)是理念。我們往往會(huì)陷入到種種細(xì)節(jié)當(dāng)中而無(wú)法從整體上好好審視為什么要這么設(shè)計(jì)。
大家都重視好的設(shè)計(jì),但是具備價(jià)值的元素很大程度上要體現(xiàn)在人本主義上。隨著我們對(duì)手頭設(shè)備的真正能力的了解程度的加深,設(shè)計(jì)師不僅應(yīng)該將UX時(shí)刻牢記于心,也要將這種哲學(xué)理念貫穿到創(chuàng)作上。Marco Arment的The Magazine就做得很不錯(cuò)。盡管這本電子雜志是為技術(shù)人量身定做的,但是他把雜志做到缺乏技術(shù)知識(shí)的人也能欣賞。他把它設(shè)計(jì)成一本擁有價(jià)值、潛力、聯(lián)系乃至于哲學(xué)理念的出版物。人們渴求能夠發(fā)生關(guān)系的對(duì)象—無(wú)論是實(shí)體的或是虛擬的。
跟技術(shù)細(xì)節(jié)同樣重要的是,對(duì)設(shè)計(jì)的體驗(yàn)也會(huì)對(duì)人產(chǎn)生影響。如果你能夠顯著改變?nèi)藗兣c日常設(shè)備的交互方式,那么你就可以影響其總體的生產(chǎn)力及 / 或思想狀態(tài),從而直接與他們對(duì)世界的輸入發(fā)生關(guān)系。如果不能從某種程度上簡(jiǎn)化或改善生活的話,設(shè)計(jì)再美觀大方也沒(méi)有意義。這一點(diǎn)往往被大家所忽視。
12.新鮮顏色
如果要列舉設(shè)計(jì)界缺乏生氣的地方,那顏色的創(chuàng)意絕對(duì)要算一個(gè)。我的主屏上60%的應(yīng)用都是一種顏色—藍(lán)色。是,藍(lán)色背后有一套顏色理論,但是應(yīng)用商店都有5年的歷史了,可是統(tǒng)治那里的仍然只有一種顏色。
顏色乏味的不僅僅是圖標(biāo)。從Tumblr到Pandora,網(wǎng)站對(duì)藍(lán)色的運(yùn)用已經(jīng)到了荒謬的地步。為了避免千篇一律,為了脫穎而出,你需要嘗試一下其他顏色。
13.矢量自適應(yīng)
有了像Sketch這樣的矢量化設(shè)計(jì)工具,就可以方便地實(shí)現(xiàn)一次設(shè)計(jì)即可以滿足不同的屏幕分辨率要求。預(yù)期2013年會(huì)有更多的設(shè)計(jì)師采用矢量化工具。
0
喜歡他,就推薦他上首頁(yè)吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)