啟發(fā)設(shè)計思維——移動UI設(shè)計新趨勢

0 評論 4580 瀏覽 1 收藏 8 分鐘

小編導(dǎo)讀:隨著移動互聯(lián)網(wǎng)的發(fā)展,UI設(shè)計的發(fā)展趨勢也開始多樣化。App Store和Google Play里的app多如牛毛。很難說未來的設(shè)計趨勢是什么,不過顯然我們可以輕易選出當(dāng)下的5種趨勢并加以分析。

看看時下的app中的顏色、創(chuàng)意和簡單樸素,我們能從中學(xué)到一些設(shè)計移動app的技巧。

公認(rèn)的,色彩始終是設(shè)計的一部分。不過,近來很多app將色彩當(dāng)作設(shè)計的基礎(chǔ)使用,而不只是點綴。色彩可以營造氛圍,極大地影響了app的整體體驗。當(dāng)你把一個色彩繽紛的app和一個幾乎純白的app進行比較,就能清晰體會到這一點。通常,顏色用來樹立app的個性,比如友好、有趣或優(yōu)雅。

看看Rubie、Sky、Rise或Peek這樣的app。設(shè)計中充斥著華麗的色調(diào),因為色彩是設(shè)計中最顯著的部分。Rubie和Peek詮釋了暗色設(shè)計不一定要使用黑色和深灰色。不要自我束縛,嘗試使用深紫色或深紅色來創(chuàng)造優(yōu)雅而友好的暗色調(diào)設(shè)計。

另外,還有像Sky和Rise這樣的app,它們信奉的是由鮮活色調(diào)構(gòu)成的漸變??吹饺绱藦娏业纳试赼pp設(shè)計中突出運用,真富有啟迪性。兩者看起來都如此華美壯觀。難道不是嗎?這一切都要歸功于將色彩作為主要設(shè)計元素的運用。

Colour in apps

很多app信奉簡潔清晰的設(shè)計;這么想真是令人欣慰。常年來,設(shè)計師都在為更簡潔更干凈的設(shè)計而奮斗,尤其是極簡主義,近來的趨勢顯示它依然如此。

2012年,Google做了一些研究,證明了簡單的網(wǎng)站更好。點擊此處深入閱讀??偠灾@個觀點很直接。簡單的網(wǎng)站更容易消化理解。復(fù)雜的網(wǎng)站需要訪客付出更多認(rèn)知上的努力,提供相對遜色的體驗。因此,網(wǎng)站視覺上越簡潔越好。移動app也一樣。Conversion XL基于Google的研究寫了一篇文章,關(guān)于簡潔的網(wǎng)站為何有明顯優(yōu)勢。

Simplicity of UI

比如Product Hunt或AirBNB。兩者都提供了簡潔干凈的界面,慎重且適當(dāng)?shù)卣宫F(xiàn)內(nèi)容。Product Hunt在一個列表中展現(xiàn)了許多不同內(nèi)容,但滾動瀏覽相當(dāng)簡單。理解內(nèi)容毫無障礙。AirBNB也一樣,雖然它提供的信息更多。在任何一個界面,即使是列表或消息界面,呈現(xiàn)給你的信息永遠(yuǎn)不會將你淹沒。

有意思的是,有些app試圖通過設(shè)計營造一種精致優(yōu)雅的氣氛。這在網(wǎng)站中也不常見,在移動app中明顯更加罕見。這個概念適用于酒店、酒吧或餐館類的業(yè)務(wù),他們想通過app創(chuàng)造親密無間的感覺,就像他們的線下服務(wù)一樣。不能說這種設(shè)計更好或是更糟;不過看到app嘗試非典型的設(shè)計,總是不錯的。

Elegant and sophisticated ambiance

Hotel Tonight和Litely是這類設(shè)計的兩個例子。兩者都有著暗色的設(shè)計,展現(xiàn)出優(yōu)雅、精致和親切的感覺。這是種截然不同的設(shè)計風(fēng)格,也正是它在支撐著這類非典型設(shè)計的app。Hotel Tonight提供的是眼下急需的酒店預(yù)訂,但它把這件事處理得很時髦。誰說預(yù)訂酒店一定要在枯燥的白色和淺色中完成。此外,Litely則使你忙于編輯照片,它的深色界面非常時尚。

認(rèn)真想一想,你用過多少稱得上獨特或創(chuàng)新的app?總體來看,我們常用的app中,沒有一款打破常規(guī)?;蛟S某項服務(wù)或產(chǎn)品曾經(jīng)很新穎、富有創(chuàng)意,但用了一段時間后,我們習(xí)以為常,它就一點也不新穎了,成為一種平常的存在。有些杰出而巧妙的app打破常規(guī),應(yīng)該受到贊美,它們成就了與眾不同的app。

我們很難發(fā)覺,有時智能手機在妨礙我們。Kimd就是個簡單得不可思議的app,但它的創(chuàng)意想到聰明。作者Julie Chabin飽受明亮屏幕的干擾,比如觀看演唱會的時候,于是她打造了一款暗淡的照片視頻拍攝app。這個創(chuàng)意如此簡單,甚至有點傻氣,但它非常有效!整個現(xiàn)代社會都在無休止地使用智能手機,人們總是容易忘記,在某些特定場合使用智能手機是非常奇怪的舉動。

Innovative app ideas

另一個精彩案例是DRAWNIMAL。這是個兒童app,幫助他們畫畫、學(xué)習(xí)字母表。同樣的,這并不是第一個以此為目的的app,卻是第一個如此揮灑創(chuàng)意的app。這個app延伸了智能手機的學(xué)習(xí)體驗,它讓孩子用真實的紙筆畫動物,并將智能手機作為繪畫體驗的一部分。它為app增加了一個維度,而且并不強迫使用數(shù)碼設(shè)備來學(xué)習(xí)。這個app的使用方式很特別,也正是這點成就了它的創(chuàng)新。

有一點,我敢肯定你注意到了,那就是各類app對照片的廣泛運用。它們被當(dāng)作內(nèi)容和設(shè)計元素來使用。數(shù)碼照片正在成為我們生活中不可思議的一份子;這的確是一項非常好的趨勢,因為經(jīng)常接觸和用到自己的照片,真是件優(yōu)雅的事情。在app中使用照片是一件強有力的工具。

Photos, photos everywhere

VSCO和Steller兩款app就是基于照片,相當(dāng)驚艷。它們都嘗試?yán)媚愕臄z影才能,并激勵你分享。以VSCO為例,兼具照片編輯與展示/分享功能。這意味著你可以隨心所欲編輯圖片,并上傳到自己個人資料頁面。這是個嚴(yán)格的社區(qū),致力于分享高質(zhì)量照片。Steller則允許用戶創(chuàng)建圖片故事。長短任意,可以填充文字、視頻,當(dāng)然還有照片。這個小小的社區(qū)有海量圖片故事供你瀏覽,各不相同,比如DIY教程和游記。

本文作者:@優(yōu)逸客 ? ? ?來自:UI中國

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App