始于美的爭論：陽春白雪與下里巴人

@鼎晟撩人的潘小布 一個廣為流傳的關于手機的段子：

iOS：游戲拍照發微博； 安卓：刷機重啟換電池； 諾記：開核桃摔手機摔手機； 山寨機：鳳凰傳奇、鳳凰傳奇、鳳凰傳奇 。可見，氣質，很重要。
陽春白雪與下里巴人總是個合適爭論的話題。設計界自然也存在著這樣的風格，就先看看這里面幾個典型的代表吧。
設計界的陽春白雪——黑粗直加持的細白美google谷歌。從誕生之初就保持著，主題簡潔、留白的風格。在google+推出后在上不添加了黑粗直的功能項條，并64分，每個單項功能不做特別突出項。

相反的設計界的"鳳凰傳奇"——好123。幾乎是我朝最著名多網址首頁了，因當年捆綁在盜版番茄花園的xp盤里而奠定了其統治地位。

設計初衷就是把所有你要的都給你扔在一頁。雖然凌亂，但省卻了用戶手動輸入網址的步驟，只要你記得住上面網址位置你就可以獲得便利。而且快捷登陸各大著名郵箱的的設計（把@后面的后綴都自動寫好）在當時確實是超前的。同時網站的位置排名很容易成為盈利點。以至于在百度收購后，百度也只是對其logo稍作美化。甚至反噬百度首頁。

缺點和有點一樣一目了然——丑陋，凌亂，粗放，毫無品味可言。里面的位置只要稍微有點改變，用戶就暈菜了。其想強調所有都一步到位，所有項都想突出的風格。結果就是神馬也沒突出。而今百度首頁也在向著高大全的方向進行了。

美，確實很難量化

那位看官說了："我就覺得hao12345678奶好看啊。你裝什么高雅。"看官說的沒錯，筆者也沒裝。這里就存在一個問題，就是"美"的特殊性造成的——美，確實很難量化。
自古，文無第一，武無第二。藝術上，無論是文學、音樂、繪畫，還是戲劇雕塑等，延伸至現代工業設計，從來都很難直接比較其高低，特別是用量化的方式去衡量。

然而美，卻又是神，賜予所有人最平等的東西。每個人都可以去欣賞美、評價美、創造美。低門檻、標準的不確定性，就給對藝術作品上的鑒賞和評判帶來了很多和爭論的空間。UI設計作為藝術設計的一個子類，也自然帶有它父類的這一特殊屬性。所以除了美術人員，幾乎所有成員都可以參與與評價美工設計GGMM的勞動成果。人人心中都有一評價，公婆各有理，一時難以界定。

真的無法界定么？然而，美卻能在一定尺度上呈現明顯的方向性。
雖然美很難量化。細枝末節的地方，如這個logo放在A處好還是B處好的問題雖然很難有判定。但，美卻能在一定尺度上呈現一個明顯的方向性的。 這里引述作家馮唐的一句話。馮唐在回復韓寒的公開信中寫了這樣一段話：

"文學是雕蟲小道，是窄門。文學的標準的確很難量化，但是文學的確有一條金線，一部作品達到了就是達到了，沒達到就是沒達到，對于門外人，若隱若現，對于明眼人，一清二楚，洞若觀火。文章千古事，得失寸之心。"
同樣，美和設計也存在著這樣一條金線。產品能否達到這樣一條金線，最終會在市場的接受度上得到反饋。市場是殘酷的。每家大公司都在尋找這條金線并試圖超越它。

三大移動平臺的不同選擇

iOS

顯然喬布斯領導下的蘋果公司一直在這條線之上。 工業設計與美學設計，結合的最好的公司，溢美之詞自是不必多說。看官們早已如雷貫耳。只說一點。是蘋果，讓中國的多數土鱉企業主第一次認識到，產品與界面的美觀，人性化的交互也能創造價值，甚至創造巨大的價值。僅憑這一點，就足以為后世憑吊。雖然蘋果今天本身面臨不少問題。但蘋果的問題是稱王后求穩心態導致創新步伐減慢，加之審美疲勞和反主流情緒的共同作用。而非蘋果本身失去原來審美的標準。

相信你也一定看過很多關于iOS設計規范的文字。但為了說明后面的問題這里還要簡單介紹兩句iOS的主題風格。 蘋果的圓角矩形的logo在今天已經稱為一種繞不開的必然。老羅直呼為UI設計史的災難。這種設計讓在小屏幕而秘籍排列的圖標，看上去也規矩整齊。

蘋果在全局通用模擬為90度的上照下光的設定。logo也就設計成這種角度的反光。另外注意按鈕和鍵盤的陰影，也都秉承著這一設計。

還有蘋果標志的漸變NavigationBar 的皮膚

同時，蘋果采用一種稱為skeuomorphic（模仿現實物品）的風格。

Android

直到4.0的時候，界面才算稍微能看一看。最被廣泛的2.3系列的版本的默認界面簡直丑的一逼，不堪入目。Android的系統應用直到4.0版本還多數為雞肋。可是市場和用戶需要一個非iOS的選擇。也只能感嘆生逢其時是多么重要。android的很多操作邏輯在今天依然很混亂。但其在4.0推廣的扁平化的設計風格卻影響越發的擴大。在iOS面臨審美疲勞的時候更是承基而上。

扁平化的按鈕，扁平化的通知欄。大色塊的直鋪。圖標圓角小于iOS，大于win。

WindowsPhone

把扁平化進一步發展，一扁到底。更強調顏色統一化。圖標完全無圓角。用帶有設計感的分割體現藝術感。第一眼很吸引人。問題是如果不按照win的設計規范來做的logo，會讓整個界面特別突兀。

主流app們如何適應
面對這三家主流平臺的設計規范。廠家公司們是如何做的呢。

第一階段大家主要以iOS為主，android為輔。首先都是以iOS為主力運行平臺。安裝iOS規范來設計。然后才推出android版的。有的會做改動，有的干脆原UI移植。如微信：即使是最新版本，android版微信基本承襲了iOS版的UI界面。

第二階段，有實力的公司已經可以分別針對不同的平臺設計規范推出不同的UI界面。但是問題也一面了然。增加運營成本，影響品牌統一化。如陌陌早期版本

第三階段，發現了第二階段的問題后。個大廠商開始慢慢游離余各個平臺的設計規范。轉而采用類似幾家的規范中和的風格。使軟件在各個平臺下統一，又不會在該平臺下顯的違和感十足。如啪啪、淘寶等：

在網頁端：主流網站適應寬屏，扁平化的按鈕，更大的留白，更淺的漸變，一賬戶通用，信息流瀑布流的使用都是目前的趨勢。網頁端總體上是在hao123和google的折中，找一個平衡點。四大門戶其中有三家在改版后都是這樣來做的。相比之下搜狐依然是老版本，還沒有進行改版。老版在今天看來凌亂而且過時：

避免UI中的違和感
違和感，就是不適應不舒服。穿西服領帶配籃球鞋，山寨范兒十足。這里也舉個反例。zaker 的iOS版。用window8的風格。看著就像在Mac上用xp一樣無比的違和。在android上用iOS同樣在氣質上也會用種強烈的山寨感。

再舉幾個正向的例子，比如fuubo 優酷iOS新版：

未來的產品趨勢正在向多屏幕，多場景，多平臺過度。應對這一變化而產生的是，多平臺下同一產品的風格統一化。在同一化的大前提下適應各家的設計規范形成差異化。

結語：

掌握當下的設計趨勢，避免平臺之間的混淆，留白簡潔，適當的隱藏設計，至少不會讓你的設計看起來很山寨，如果進化出中庸的設計規范和獨特易識別的品牌特性，那或許是避免違和感的一種捷徑。

 
原文鏈接：http://reynold.cn/archives/2726.html

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量43萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：