? ? ? 來自一個普通用戶的使用感受
? ? ? 前幾天給朋友展示Smartisan OS里的重繪圖標(biāo)，第一次看到真機的朋友說看著這些圖標(biāo)有一種重新回到諾基亞時代的感覺，我想對方要表達的是關(guān)于圖標(biāo)擬物和扁平化的問題吧。用慣了蘋果手機看慣了所有圖標(biāo)統(tǒng)統(tǒng)被拍扁的人再看到錘子手機上的擬物圖標(biāo)自然有一種穿越的感覺。?
? ? ? 自iOS 7開始走向扁平化之后，這個地球上的大部分手機廠商都開始著手布局扁平化UI，無論是MIUI、Flyme這些定制ROM，還是最新的安卓5.0，都已經(jīng)將扁平化作為設(shè)計的基準(zhǔn)風(fēng)格，要將扁平化進行到底了。如今錘子科技這樣做是不是逆天而行？首先在我看來，Smartisan OS 并沒有放棄扁平化，而是將扁平化和擬物化進行了較好的協(xié)調(diào)和統(tǒng)一（下文會談到）。
? ? ? 擬物化和扁平化的關(guān)系就像不同方便面口味之間的關(guān)系，你喜歡老壇酸菜我喜歡紅燒牛肉這些本都沒有什么問題，畢竟大家的口味不一樣，很難說誰好誰壞。但如果只讓某個口味一統(tǒng)天下，對人們來說就顯得太過殘酷了。從這個意義上來說，在扁平化眼看就要一統(tǒng)天下的今天，出現(xiàn)Smartisan OS 這樣的設(shè)計語言并堅持將擬物化和扁平化進行完美結(jié)合就顯得是一件難能可貴的事情。
? ? ? 盡管現(xiàn)在手機越做越大，但其屏幕空間畢竟是有限的，尤其是在這個各種手機應(yīng)用層出不窮的年代。如何在有限的空間整齊的擺放手機里越來越多的應(yīng)用就成了所用廠家都需要解決的一個棘手問題。
? ? ? 作為一個正常的有思考能力的人，你我能想到什么解決方法呢？恕我愚鈍，我能想到的一是增大屏幕尺寸從而放下更多的應(yīng)用圖標(biāo)，二是在屏幕尺寸不變的情況下縮小圖標(biāo)同時減小圖標(biāo)的間距。PS.在這里我們姑且不談那種文件夾里再建文件夾然后文件夾無限循環(huán)的無節(jié)操做法。
? ? ? 當(dāng)人們意識到這個問題以后有一些人先采取了行動。
? ? ? 手機行業(yè)領(lǐng)導(dǎo)者之一（姑且說是之一，因為在屏幕尺寸的問題上大家也被三星領(lǐng)導(dǎo)過）的喬布斯曾經(jīng)一度認為3.5英寸是手機的黃金尺寸，更大的屏幕愚蠢至極（盡管現(xiàn)在……你懂的），因此對于蘋果來說怎么將越來越多的應(yīng)用圖標(biāo)在有限的空間里擺放整齊就顯得更為重要。眾所周知，蘋果的解決方式是給設(shè)計者規(guī)定好圖標(biāo)的尺寸，并讓所有圖標(biāo)盡量看起來更加簡單。隨著iOS的迭代升級，iOS的應(yīng)用圖標(biāo)越來越扁越來越平，直到如今徹底的扁平化，連Mac的操作系統(tǒng)也難逃此命。在這里需要說明一點，作為非專業(yè)人士的我并不知道采用扁平化的設(shè)計語言到底基于哪些方面的考慮，但以上提到的肯定是一個重要原因，另一個重要原因如下。
? ? ? ?扁平化的好處除了讓UI整體看起來更加整齊簡潔之外，也可以讓設(shè)計師從一味的比拼色彩和陰影效果回到正常的設(shè)計思路上，更加注重表現(xiàn)應(yīng)用本身所要傳遞給用戶的信息。如今，我們每天都要接觸海量的信息，從這些信息中找到有效信息需要花費我們極大的精力，這種痛苦在（相對）小尺寸的手持設(shè)備上更加明顯。滿屏幕色彩妖艷又極生動的圖標(biāo)配合上若干通知提示的紅色小角標(biāo)，將給人極大的壓迫感，對于有強迫癥的人來說簡直是災(zāi)難了（當(dāng)然，這一問題在Smartisan OS 中得到了比較好的解決，這一問題不是我們今天要討論的主要內(nèi)容）！采用扁平化的設(shè)計從而減少UI界面的元素可以比較有效的緩解這種壓迫感。
? ? ? 在任何行業(yè)里都有這樣一個規(guī)律，愿意思考和創(chuàng)新的人少而愿意追隨的人很多。那么問題就來了，由于喬幫主和蘋果公司對于手機行業(yè)的影響力，各家手機廠商和設(shè)計者都緊緊跟上這一“潮流”和“趨勢”。對他們來說跟隨教父和大哥的思路來做事風(fēng)險最小成本最低，也許大多數(shù)的其他人可能也沒有想過其他解決問題的方法。
? ? ? 于是作為用戶的我們拿起手機時，發(fā)現(xiàn)屏幕里的鬧鐘變方了，籃球變方了，火車也變方了，一切都變扁變方了。作為普通用戶，你我無力改變這樣的趨勢，只能默默接受這事實，并不斷的暗示自己鬧鐘、足球、火車和這個世界上的任何東西其實都是方的……
? ? ? 隨著手機屏幕越來越大，圖標(biāo)越來越扁平，圖標(biāo)間距越來越小，可以擺放的圖標(biāo)越來越多，我們的手機屏幕密密麻麻的被一個個圓角方塊占據(jù)著。我們似乎已經(jīng)習(xí)慣了這種理所當(dāng)然，手機這個被我們整天握在手里的家伙越來越像一個冰冷的工具。這話說著也奇怪，雖說手機本身就是一個工具，但是因為我們每天面對它的時間太長，如果它能讓你在使用的時候感覺沒那么冰冷的同時還能多一點靈性，想必你我一定還是很愿意的。
? ? ? Smartisan OS 的出現(xiàn)讓我看到了一些不一樣的東西。其UI擬物化的設(shè)計語言類似iOS7之前的iOS，同時我個人感覺一些圖標(biāo)也類似Yosemite之前的Mac操作系統(tǒng)，但和它們又都有很大區(qū)別。
? ? ? 如果要讓我說錘子科技重繪應(yīng)用圖標(biāo)的初衷，我想很簡單，就是讓事物回歸其現(xiàn)實自然的樣子。說白了，你是錢包的功能就要有錢包的樣子，你起報紙的作用就要有報紙的身段，你是地圖就要有地圖的節(jié)操。圖標(biāo)應(yīng)該直觀的表現(xiàn)出應(yīng)用自身的功能特點，最大限度降低用戶的識記和區(qū)分的成本。當(dāng)然，所謂擬物也并非是重蹈一味追求光影色彩效果的覆轍而拋棄扁平化，還是如前提到的，而是要讓事物顯露原形即可。例如一些扁平化的圖標(biāo)辨識度本身已經(jīng)很高，那么只需在原有基礎(chǔ)上按照統(tǒng)一的設(shè)計語言稍加修改，使其在Smartisan OS 里更加漂亮統(tǒng)一即可，這一點大家可以參考我文章最后的配圖，有些重繪的圖標(biāo)真的水平極高。當(dāng)我們拿起手機看到這些圖標(biāo)時我們首先自然而然的想到我們最熟悉的事物，比如火車、報紙、地圖和書等等，然后這些應(yīng)用的用途也就自然而然的可以被我們準(zhǔn)確的把握（就我而言同類型應(yīng)用我的手機里基本只有一個），想必這也是我把應(yīng)用名稱顯示功能關(guān)閉后使用更加自如的原因。
? ? ? 因為熟悉所以親切，呈現(xiàn)在你面前的手機也就不再是一個冰冷冷的機器。這一體驗在很多自帶的應(yīng)用中都有更好的體現(xiàn)，比如音樂播放器、鬧鐘、郵件和便簽等等。
? ? ? 那么如何讓這些形狀不再那么規(guī)矩的圖標(biāo)看起來更整齊呢，老羅想到了第三個解決方法，他沒有瘋狂的加大屏幕尺寸也沒有縮小圖標(biāo)減小圖標(biāo)間距而是減少了每屏可以顯示的應(yīng)用數(shù)量。這個瘋狂的產(chǎn)品經(jīng)理使用了看似簡單粗暴的9宮格（16宮格）設(shè)計，再加上后期設(shè)計師們的努力，比較巧妙的解決了把圖標(biāo)擺放整齊又不失美感的問題。
? ? ? 越美越精致的東西放大后越能讓人感覺到美的存在，于是那些被精心重繪的圖標(biāo)放大后在自己的專屬空間里都成了安靜的“美男子”。隨之增加的圖標(biāo)間距也大大降低了不同形狀的圖案堆積在一起給人帶來的壓迫感，配合精心設(shè)計處理的各種主題，這些重繪的圖標(biāo)在SmartisanT1里讓你感覺如此自然，看久了會產(chǎn)生這樣一種感覺：一切本來不就應(yīng)該是這樣么？
? ? ? 我曾想Smartisan OS是不是只用放在T1里才一切都剛剛好，于是我又把9宮格放在了一加、魅族、索尼和小米的殼子里，你會發(fā)現(xiàn)他們雖然沒有在T1里如此和諧美好，但只要屏幕尺寸合適其實都還是蠻不錯的。
? ? ? 當(dāng)然，在最后我還想說一點。
? ? ? 如果你覺得9宮格實在是弱爆了，想問我要是安80個應(yīng)用都看一遍不得（……摩擦摩擦…這魔鬼的指法…）把手指滑破么？
? ? ? 其實我想說，你只需要按一下菜單鍵，展現(xiàn)在你面前的就是神奇的81宮格，嗯，就是這么任性。
當(dāng)然，系統(tǒng)允許用戶自行選擇使用原始圖標(biāo)還是重繪圖標(biāo)。
以下為部分原始圖標(biāo)和重繪圖標(biāo)對比圖。由于應(yīng)用的迭代升級，不同版本的同一應(yīng)用圖標(biāo)會有變化，配圖中的圖標(biāo)僅供各位參考。建議感興趣的讀者去體驗真機。
鑒于有讀者對81宮格表示好奇，特增圖兩張。
下圖為圖標(biāo)批量整理示意圖，按左下角齒輪圖標(biāo)進入編輯模式，可以點選任意板塊圖標(biāo)統(tǒng)一移動至新的板塊。
以上內(nèi)容只是來自于一個普通的Smartisan T1用戶和一個的對數(shù)碼產(chǎn)品感興趣的學(xué)生，筆者期待和各位的交流。
======= ===========我是分割線==========================
? ? ? ?昨天晚上12點多，我非常驚喜也驚訝看到有專業(yè)人士能夠再這樣一篇類似于“觀后感”的文章下面非常認真的回復(fù)一個長評論來表達自己的觀點。我想這也就是簡書的魅力所在，只要你認真地寫下一些東西就會有同樣認真或者比你更認真的人來和交流想法。
? ? ? ?在評論里有讀者說我應(yīng)該也寫一些這樣做的缺點，剛好在這條專業(yè)的評論里提到了這個問題，恕我搬運一部分到文章里來。
? ? ? ?作為一只混跡多年的產(chǎn)品工作者，聊聊我自己的理解，拋開個人喜好這個層面，擬物與扁平談不上孰高孰低，不同的應(yīng)用場景下應(yīng)仔細思考哪種更有利于產(chǎn)品目的的呈現(xiàn)，錘子能夠使用現(xiàn)在自己的icon風(fēng)格（指重繪），是基于他的兩個前提：1、九宮格，2、純色背景；在這個前提下才能夠讓擬物化的優(yōu)點凸顯，圖標(biāo)清晰、特征鮮明、傳達效率高，我記得iPhone第一代的時候也是黑色背景且不能更換（時間久遠記錯莫怪），而且那個時候也沒有AppStore，icon質(zhì)量是受控的，然而隨著一代代iOS的更新（允許換背景圖）以及AppStore的出現(xiàn)，即使icon的質(zhì)量還能夠有一定的設(shè)計水準(zhǔn)，但在用戶自設(shè)的背景圖上必然會出現(xiàn)千奇百怪的視覺效果，這對用戶的潛在使用體驗（直觀使用體驗是指死機崩潰卡頓等用戶可明確描述的問題，潛在自行腦補）是帶來傷害的，再加上手機屏幕不斷的變大，同屏APP數(shù)量越來越多，問題越發(fā)嚴(yán)重，要提升這塊的體驗，除了錘子的做法（上述兩點）之外，就只有一條路：規(guī)范icon設(shè)計標(biāo)準(zhǔn)。所以問題來了，規(guī)范標(biāo)準(zhǔn)就一定要扁平化嗎？
? ? ? 答案自然是否定的，那么扁平化的好處是什么呢，1、便于設(shè)計，以SmartisanOS里簡書的原生icon和重繪icon相比，重繪icon所需時間一定大于原生icon（純指實現(xiàn)工作量，創(chuàng)意構(gòu)思時間不計）；2、占用資源少，無論是icon本身，還是對硬件的資源消耗都是減少的，3、減少用戶對相近異形圖像的認知成本，以SmartisanOS里的淘寶重繪icon舉例，單看沒有問題，但試想如果淘寶，天貓，京東，易迅，蘇寧等等電商網(wǎng)站都把自己的icon畫成一個購物袋（購物袋本身就有許多種型款），必然會產(chǎn)生識別影響，因為在擬物化的設(shè)計風(fēng)格下，用戶會習(xí)慣于通過icon的大致形狀來進行判斷?還有一些點但原諒我實在不想打字了，從我知道簡書到現(xiàn)在已經(jīng)差不多2年多了，最早的賬號都忘了，這是第一次貢獻內(nèi)容?可見我有多懶，你可能會覺得我說的點都不能算是非常的致命或重要，但實際正是這些小點不斷匯聚最終造成不同產(chǎn)品巨大的體驗差異。為了證明我真的很早就發(fā)現(xiàn)了簡書但從未寫字，我想說最早的簡書只有web，可以通過預(yù)設(shè)命令實現(xiàn)標(biāo)題，分段等效果，主推的亮點是所寫即所現(xiàn)，大概是醬紫，最后祝簡書越來越好…
? ? ? 能夠看到這樣的評論我真的非常激動，一是我學(xué)到了不少東西，二是評論的中的觀點我大都贊同，所以和大家分享。關(guān)于便于設(shè)計和節(jié)約資源這兩點我是完全同意的。而對于扁平化減少認知成本的問題我想了想不如把他們擺在面前去做一個比較。然后……我真的從應(yīng)用商店里下載了若干類似于淘寶的應(yīng)用。在應(yīng)用下載的過程中我也一度很恐懼在屏幕上將呈現(xiàn)若干大大小小的口袋。載好那些應(yīng)用后，我分別用原生的icon和重繪的icon在顯示應(yīng)用名稱和不顯示應(yīng)用名稱的兩種情況下進行了截圖比較，具體可參考見下圖。
? ? ? 在重繪icon且不加應(yīng)用名稱的截圖中看到了大體兩種設(shè)計思路，一類是不同樣子的口袋，如淘寶天貓和蘑菇街等，而另一類是京東蘇寧和亞馬遜等的近矩形。在類型相似的icon（那些口袋）中直接進行區(qū)分確實比較有難度，必須要依靠進一步的細節(jié)（文字）。而那些近矩形的icon可以讓我減少對形狀的思考過程而直接進入對細節(jié)(那些單詞)的判斷。
? ? ? 在使用原生icon且不加應(yīng)用名稱的截圖中，我發(fā)現(xiàn)也是兩種風(fēng)格。一類是已經(jīng)扁平化了的各種大體形狀相同的口袋(依舊是口袋)，一類是簡單的圓角方塊。這種情況下，整體對我視覺的沖擊力明顯減小，不過依舊比較難直接區(qū)分出同類的應(yīng)用，還是需要一定的反應(yīng)時間（袋子還是袋子，只是扁了平了）。
? ? ? 看到這兒，也就似乎明白了為什么都是同類型的應(yīng)用，設(shè)計師卻沒有都把它們都重繪成各種各樣的口袋，而是把一部分繪制成了更加漂亮細膩規(guī)則的矩形。他們應(yīng)該也是考慮到在保證整體效果統(tǒng)一，擬物化的同時也要最大限度的保持原生icon的特點。即在擬物和扁平，重繪與原生之前找到比較好的平衡點。讓重繪的icon既在錘子系統(tǒng)里統(tǒng)一和諧又不讓用戶對重繪icon感到過于陌生。（純個人看法）
? ? ? ?其實取消顯示應(yīng)用名稱這個選項存在于Smartisan OS 中強迫癥選項的按鈕之下。也就是說，多數(shù)非強迫癥患者是不會取消顯示應(yīng)用名稱的。就個人體會而言，不管是原生扁平化icon還是重繪icon，當(dāng)若干類似的icon放在一起時，我的第一反應(yīng)并非研究一下icon的樣子(無論扁平還是擬物)而是更加習(xí)慣性的本能的直接看到應(yīng)用名稱然后毫不猶豫的點進去(我也說不清楚原因)。
? ? ? Smartisan OS 在V1.3.2的版本中依舊保留了安卓的原生桌面可以供用戶選擇，于是我又調(diào)出原生桌面進行了截圖供大家參考。原生桌面支持應(yīng)用在任意位置的擺放以及添加小部件和更換壁紙。看來錘子科技也是沒有把事情做絕，你的口味還是你做主好了。
? ? ? 值得一提的是，當(dāng)我試圖再去掉應(yīng)用名稱進行對比時，發(fā)現(xiàn)在原生桌面的情況下強迫癥選項中已經(jīng)沒有了不顯示應(yīng)用名稱這一項內(nèi)容。
PS.若對Smartisan OS 有興趣的讀者，在這里為大家推薦一篇Smartisan OS v1.3.1 版本的體驗報告，主要從視覺篇、功能篇、人性化篇這三個部分進行了說明，內(nèi)容比較全面詳實。請猛戳鏈接：? ?錘子科技 Smartisan OS v1.3.1 體驗報告 詳細版
? ? ? 哎，洋洋灑灑又寫了這些，其實還是想說每個人的喜好不同，大家可以對比一下文章配圖自行感受。當(dāng)然，如果你覺得Smortisan OS的整體感覺還比較和你的口味，那么吃慣了紅燒牛肉也不妨嘗一嘗老壇酸菜。
