不論你是想要轉(zhuǎn)職成為UI 設(shè)計(jì)師、或者在有開發(fā)手機(jī)應(yīng)用的公司上班,相信你一定或多或少都認(rèn)真看過蘋果和安卓?jī)纱笃脚_(tái)的官方設(shè)計(jì)規(guī)范。今天我們來聊一下安卓app的設(shè)計(jì)規(guī)范,我們應(yīng)該如何看待官方的設(shè)計(jì)規(guī)范。
前陣子Google i/o 重磅更新的Material Design Guidline 讓不少人感到相當(dāng)驚訝,除了一改過去嚴(yán)謹(jǐn)?shù)囊?guī)則加上了不少彈性之外,也用上了許多不規(guī)則形、鼓勵(lì)字體運(yùn)用、有些元件的操作甚至推翻了過往的建議規(guī)則。
然而也因?yàn)檫@次更新的風(fēng)格迥異,身為設(shè)計(jì)師or開發(fā)者的我們,是否真得就得急忙的追隨著規(guī)范,開始把App 這邊切一角、那邊切一角,只為與官方的規(guī)范保持一致呢?
別急,在動(dòng)手之前,我們先想清楚官方的這次的更新的原因是什么?
最新放出的規(guī)范中,一掃過去單純的形狀,出現(xiàn)了許多缺角元素
首先,規(guī)范為何而存在?
移動(dòng)端應(yīng)用的歷史其實(shí)也沒有很長(zhǎng),也就才10年的時(shí)間,當(dāng)我們從使用實(shí)體按鍵轉(zhuǎn)變成觸控的界面時(shí),其實(shí)是非常陌生的,該怎么樣去操作、哪些手勢(shì)比較直覺,都需要去研究。
我認(rèn)為規(guī)范的制定除了能夠保持操作的一致性之外就是希望能夠幫助開發(fā)者們,將他們自己研究認(rèn)為對(duì)于使用者最親切的結(jié)果,在你毫無頭緒時(shí)指引你的一盞明燈。
這也是為什么當(dāng)有人問,怎么樣轉(zhuǎn)行成為UI設(shè)計(jì)師時(shí),通常得到最多的答案都是從規(guī)范開始讀起,理解為何訂出這樣的規(guī)則、旨在解決什么樣的問題等等,對(duì)于初學(xué)界面設(shè)計(jì)的人都是非常有幫助的。
有規(guī)范對(duì)于使用者們固然好,畢竟光是現(xiàn)有主流的兩大系統(tǒng)平臺(tái)各自一套的操作邏輯對(duì)于我們使用者來說就已經(jīng)夠多東西要適應(yīng)、學(xué)習(xí)了(猜你應(yīng)該也有過更換手機(jī)系統(tǒng)、或者拿朋友的其他系統(tǒng)手機(jī)使用時(shí)那種不適應(yīng)的經(jīng)驗(yàn),比如在iPhone里找返回鍵…等等)。
若沒有一個(gè)統(tǒng)一的規(guī)范,成千上萬的開發(fā)商各自有著自己的想法,再仔細(xì)想想很多App 其實(shí)是獨(dú)立開發(fā)者,對(duì)于體驗(yàn)以及設(shè)計(jì)上其實(shí)沒有太多基礎(chǔ)以及研究的情況下,也許你得每下載一個(gè)App 都要重新試應(yīng)學(xué)習(xí)的痛苦過程。
4 年前,第一版的Material Design 放出來,推出以紙張、卡片堆疊以及深度變化為主的設(shè)計(jì)語言,以此規(guī)范我們普遍認(rèn)為「很Android 」的行為,讓你一眼可以看出是屬于Android 的App。
Android 上常見的Float action button
既然是官方寫的規(guī)范,一定要遵守嗎?
規(guī)范規(guī)范,又是官方撰寫,那感覺不照做也不行了呢…但不對(duì)呀, 仔細(xì)想想好多優(yōu)秀的App不一定都是同一個(gè)樣的!
難道真的所有東西都得照著規(guī)范走嗎?那這樣我們?cè)O(shè)計(jì)師存在的意義是什么呢?
其實(shí)是否要完全遵守規(guī)范,我覺得你可以通過下面幾項(xiàng)來驗(yàn)證:
1,同樣的情境下,規(guī)范是否有注明建議使用情境。
2,有沒有與系統(tǒng)層級(jí)的操作有所沖突、混淆。
3,是否有比規(guī)范更加能解決你的User Story。
4,實(shí)際操作的困難度是合理的。
有些時(shí)候不要為了創(chuàng)新而創(chuàng)新,當(dāng)大家已經(jīng)有統(tǒng)一且習(xí)慣的操作時(shí),太過新穎的互動(dòng)反而會(huì)讓人不知所措。
除此之外還有個(gè)關(guān)于Google立場(chǎng)心得:你可以定制你所想要的風(fēng)格,但是你不能把Android 做得像iOS App !
每年Material Design Awards 都會(huì)選出得獎(jiǎng)的App ,可以去看看得獎(jiǎng)作品們對(duì)于規(guī)范以及自家視覺風(fēng)格的拿捏與平衡。
這次大幅度的更新,我想也是先前的規(guī)范寫得太過死板,不過一開始要讓如此破碎化的市場(chǎng)有一致性,詳細(xì)的規(guī)范是好的,但也因此限制了設(shè)計(jì)上的可能,而如今app的開發(fā)也相對(duì)已經(jīng)成熟不少,所以這次的改版就釋出了許多彈性!
官方寫的,一定是很好開發(fā)嗎?
既然是官方放出的規(guī)范、我想官方應(yīng)該是有提供套件讓工程師使用吧?
我想這應(yīng)該是許多設(shè)計(jì)師的想法,我剛開始做界面時(shí),曾經(jīng)也想過:「都照著官方的Design Guidline 做了,工程師應(yīng)該會(huì)輕松不少吧」暗暗在心底得意的感到自己是個(gè)體貼工程師的設(shè)計(jì)師,殊不知再拿出原型Demo 時(shí),那個(gè)交互動(dòng)畫效果還是讓工程師的眉頭一皺了呢,就算是官方出的,實(shí)際上也有問題,原因可能是:
1,有些設(shè)計(jì)規(guī)范其實(shí)是種概念的呈現(xiàn)。
2,也許官方承諾有打算出套件,但是尚未公開(也有可能就這樣等到天長(zhǎng)地久…)。
3,可能會(huì)有版本相容性的問題。
4,每個(gè)工程師的開發(fā)App方式不同,也許在使用套件上會(huì)有其他程序沖突。
所以當(dāng)你被要求改稿,氣沖沖的拿著規(guī)范想去找工程師爭(zhēng)論時(shí),還是在想一想,這感覺就像是你拿著概念車的照片去跟汽車業(yè)務(wù)說要開這臺(tái)上路一樣,設(shè)計(jì)固然有設(shè)計(jì)的理想,現(xiàn)實(shí)面還是得等技術(shù)更加成熟吧!
好的體驗(yàn)自然會(huì)被留下
其實(shí)看著規(guī)范的發(fā)展走,會(huì)發(fā)現(xiàn)規(guī)范也不是真的誰說了算,只要使用體驗(yàn)是好的、更符合情境的,規(guī)范也是會(huì)隨之靠攏的,舉一個(gè)例子:
Bottom Navigation(底部導(dǎo)航條)
不知道大家是否還有印象,在早期,這種底部導(dǎo)航在android 上是很少見的,(那時(shí)候的官方建議是放在上方、或者使用側(cè)欄抽屜的方式),算是普遍被認(rèn)為很具iOS 風(fēng)格的設(shè)計(jì),但在這次Material Design 更新,也看到Google 默默的在Component 分類之中默默地加上了底部導(dǎo)航的使用規(guī)范,也許是因?yàn)殡S著硬件的進(jìn)步,人們的手指會(huì)因手機(jī)屏幕的越來越大而造成難以觸碰到上方區(qū)塊。
這次的大更新,連App bar 也有往下放的設(shè)計(jì)了
我也是挺樂見兩家的操作邏輯越來越趨近彼此,互相取其優(yōu)點(diǎn),對(duì)于使用者來說不但是好事也能減少轉(zhuǎn)移的學(xué)習(xí)成本~!
總結(jié)
我認(rèn)為熟讀規(guī)范可以幫你快速理解兩大平臺(tái)的風(fēng)格,使用者的操作習(xí)慣,以及理解移動(dòng)端應(yīng)用隨著硬件以及時(shí)代的推進(jìn),改變了許多的使用習(xí)慣,做出一個(gè)至少能保證是易用的產(chǎn)品,但規(guī)范不應(yīng)該是一個(gè)限制你想像力的枷鎖,畢竟規(guī)范的靈活度受限于公司,是相當(dāng)遲鈍的,而我也相信不論哪個(gè)文件,都無法將所有可能遇到的情況都寫進(jìn)去,因此當(dāng)你的設(shè)計(jì)與規(guī)范有所沖突,只要你心中明確知道為何而做,為何比規(guī)范制定的還要更加適合你的設(shè)計(jì)情境,就不該被其有所限制!
全站高品質(zhì)素材免費(fèi)下載!