[[87095]]

iOS 7讓開發(fā)者徹底重新思考自己app的外觀和體驗，對其中一些設(shè)計師來說，這是一股透露著清新的設(shè)計風潮，但對另一些設(shè)計師卻并非如此。比如現(xiàn)在 Dribbble上充滿了各種看起來更加明亮更加扁平化的設(shè)計，但其中有一些是設(shè)計師被迫做出的改變--為了適應iOS 7而放棄原本更加合適的擬物化設(shè)計。

回想一年前，你在Dribbble上扒拉各種木材和紋理設(shè)計。雖然當時也有一些app透露著iOS 7的設(shè)計風格，但只是少數(shù)。現(xiàn)在不少app因為iOS 7半透明的導航欄設(shè)計而不得不舍棄我們此前喜愛的擬物化設(shè)計。

那么設(shè)計師可能會想知道擬物化和扁平化之間能不能達到和諧的平衡？

我們?nèi)砸袷靥O果的HIG，但這不意味著我們必須完全拋棄曾給予app品質(zhì)和個性的擬物化設(shè)計。我相信擬物化和扁平化之間存在著某種平衡。

以Tapity博客中奉行擬物化設(shè)計的app--Grades為例。

最初，漂亮的木質(zhì)紋理導航欄賦予了這款app獨特的個性和鮮明的特征，我們知道這個設(shè)計在iOS 7中并不適合，但是我們必須完全剝離掉這些擬物化設(shè)計才能很好地與iOS 7中其他app和諧共處嗎？我們曾創(chuàng)建過一個白色的表格，并添加了輸入欄，我們稱之為“更新”。這種設(shè)計看起來跟其他app非常合拍，但是我們不得不思考 一些不同的方法來與iOS 7達成“妥協(xié)”。

在下邊幾幅圖中，你可以看到三個不同的導航欄。我們讓導航欄逐漸擺脫了光澤設(shè)計，并使用更自然的細微紋理。如果我們決定跟從iOS 7扁平化的設(shè)計趨勢，并逐漸剝離Grades所具有的個性和特色，那么***的效果就是第三個導航欄。

我想擬物化和扁平化設(shè)計之間應該有一個中間點，在此這兩者可以很好地融合。

我明白陰影、內(nèi)陰影、粗重的筆畫以及關(guān)澤效果會讓app在iOS 7看起來非常沉重，Grades 3當前使用了所有這個圖層樣式。打開app后，這些元素會讓人覺得非常不自在。

如果我們完全剔除掉光澤效果、陰影以及內(nèi)陰影，那么app看起來會是什么樣子呢？現(xiàn)在我們把筆畫降低至大約1 pixel，可以看到app整體上減輕了很多。

那么木質(zhì)紋理設(shè)計呢？從Grades面世以來，就一直具有這個特征。我們覺得應該有一個更好的解決方法，而不是完全摒棄它。我們試著選擇了色彩更淺的木質(zhì)紋理效果，并減少了木質(zhì)紋理的顆粒。

下圖是按照上述方法整改過的效果：

保留Grades最初的重要元素讓它在iOS 7中感覺更自在舒適，這并不是一項容易的任務，我們可能仍與理想的解決方案相差甚遠，但是此類挑戰(zhàn)能讓我們對工作更加興奮。