2013-5-20 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源:http://www.damndigital.com/archives/90340
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
關(guān)于蘋果將“扁”化用戶界面風(fēng)格的傳聞已經(jīng)越演越烈,所以我決定也和大家分享一些動(dòng)態(tài),當(dāng)然不是所謂的“內(nèi)部小道消息”,而是從目前排名較前的一些iOS應(yīng)用來(lái)分析。
上圖所顯示的icon,都是、最廣為人知或者在iOS平臺(tái)屢獲好評(píng)的應(yīng)用程序——沒(méi)有紋理以及特殊的光澤。是的,我們可以從包括Spotify, Path, Everonote在內(nèi)的icon設(shè)計(jì)中看到扁平化的趨勢(shì),不過(guò),大多數(shù)的icon還是采取了其他的處理方式,如Facebook, Google Drive, Dropbox, Flipboard, 盡管它們的設(shè)計(jì)中依然帶有“頂部發(fā)光”的效果,但都可以發(fā)現(xiàn)微妙的梯度和曲線設(shè)計(jì),以增強(qiáng)透視感和立體感。
在我看來(lái),這些都表明著iOS的設(shè)計(jì)風(fēng)格正朝著某一特定方向轉(zhuǎn)變。我所說(shuō)的并不是指“扁平化設(shè)計(jì)”本身,當(dāng)然也不是特指Metro UI那樣具有極強(qiáng)的引導(dǎo)性,而是一套更成熟的視覺(jué)指示標(biāo)系統(tǒng),能夠更好地引導(dǎo)人們?cè)邳c(diǎn)擊它們的同時(shí)思考這些圖標(biāo)背后的想法。為什么這么說(shuō)?因?yàn)椋F(xiàn)在不再是2007年,人們對(duì)于各種媒介工具和使用過(guò)程非常了解,不需要華麗的手把手的指導(dǎo)說(shuō)明,只需要簡(jiǎn)單的一個(gè)符號(hào)和顏色就可以讓大家明白這是個(gè)什么樣的app,簡(jiǎn)化人機(jī)互動(dòng)。目前,Google 和Facebook已經(jīng)將這種設(shè)計(jì)浪潮引入iOS應(yīng)用平臺(tái),并且進(jìn)一步進(jìn)行了更美觀、優(yōu)雅的設(shè)計(jì)改進(jìn)。
另外,目前越來(lái)越普遍的是運(yùn)用一種類似“卡片式”的設(shè)計(jì)版式(cards pattern),通常都是以中性或者灰色為背景。這與后臺(tái)切換顯示內(nèi)容的iOS標(biāo)準(zhǔn)有所不同。個(gè)人認(rèn)為Pinterest已經(jīng)開始往這個(gè)方向發(fā)展了,但是大部分的應(yīng)用還是利用它作為呈現(xiàn)簡(jiǎn)潔信息內(nèi)容的一種方式。(如上圖, 還有Mailbox, Gmail等)
另一個(gè)不太常見(jiàn)的方式是垂直式的層疊卡片,你可以在Evernote和Google Chrome的設(shè)計(jì)中看到。不同的屏幕分層排列在Y軸上,這雖然有趣但體驗(yàn)并不是很好。所以,我并不認(rèn)為會(huì)有更多的應(yīng)用程序會(huì)使用這樣的設(shè)計(jì)作為導(dǎo)航工具。
另一個(gè)趨勢(shì)則是從應(yīng)用中移除按鈕框,只留下可以點(diǎn)擊的icon。也許這被看成是模仿安卓系統(tǒng),不過(guò)恰當(dāng)點(diǎn)來(lái)說(shuō),需要一個(gè)按鈕框使點(diǎn)擊icon融入背景的想法有些過(guò)時(shí)了。這種做法漸漸在開發(fā)者中流行起來(lái)了,我不認(rèn)為蘋果會(huì)對(duì)現(xiàn)有的獨(dú)特樣式中做出大量的按鈕移除,至少,不會(huì)很明顯地強(qiáng)調(diào)這一點(diǎn)。
最近我發(fā)現(xiàn)許多應(yīng)用已經(jīng)開始被重新設(shè)計(jì),比如Facebook和iOS原生音樂(lè)播放器,它們都刪除了后退按鈕(箭頭形狀的按鍵上面寫著“后退”),取而代之的是一個(gè)簡(jiǎn)單的箭頭icon。從中可以看出,在用戶的操作中,我們可以使用更多的icon作為視覺(jué)提示,而非使用文字引導(dǎo)。目前的UI圖像中也能看出這種趨勢(shì),通過(guò)他們就能夠指導(dǎo)用戶去完成下一步點(diǎn)擊。
說(shuō)了那么多,我決定選擇“Messages”這個(gè)icon作為例子,對(duì)其進(jìn)行重新設(shè)計(jì)。我認(rèn)為有三個(gè)方面將會(huì)在iOS設(shè)計(jì)中做出明顯的改進(jìn):光澤,條紋和艷麗的顏色。結(jié)合之前我提到的幾點(diǎn)外,還做了一個(gè)簡(jiǎn)單的改變,將標(biāo)簽文本向下拉了點(diǎn),并大膽的改成26像素的Helvetica Neue字體,使之清晰度更高,更流暢,可讀性更強(qiáng)。同時(shí),在色調(diào)方面,我認(rèn)為目前普遍比較流行的柔和色調(diào)并不是蘋果的作風(fēng),所以色彩處理依然會(huì)比較鮮亮,但至少會(huì)做一些調(diào)暗的處理。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com