別再說iOS7是扁平化設計了,好嗎?

2021-06-20 20:27:31 字數 2345 閱讀 9744

好短暫的週末,在一天當中壓縮了很多事情。學車、照料喵、做部落格、看書,還睡了個很久沒那麼舒服了的午覺。眼下已經快到晚上11點,發好這篇早點躺倒了。

仍然有很多朋友在關注關心著小喵推推的健康情況,我在這裡再次向各位表示真心的謝意了;目前情況仍算穩定,看上去每天6、7個小時的照料還是有些正面反饋的;明天帶去醫院複查一下。想到上週有天下午實在困的不行,在桌前趴了會,很快就開始做夢了,夢到自己中午回到家裡照顧推推,累了便睡會,突然想到下午要上班,要趕緊回公司;然後便驚醒了,發現自己就在公司;各種穿越和失真的感覺。

說正經的,來看本週更新吧。又是議**一篇,簡短而明了;正好前幾天和老同事聊到這方面的事情,很共鳴,拿來分享給大家。

這裡進入譯文。蘋果發布ios7之後,我們聽到最多的流行用語就是「扁平化設計」了。顯然有不少人認定,ios7特定的視覺美學使其看上去比ios6要更平,因此,人們也應該以這種方式來設計應用。

這一切開始於擬物化的概念被賈伯斯時代的蘋果發揚光大。我(英文原文作者)回憶不起這個詞是從什麼時候開始變得如此流行的,只是記得這個概念從os x lion以及ipad開始變得越來越像回事。對於ipad來說,這個概念意味著把應用的外觀和感覺設計的像現實當中的物體一樣。因此,備忘錄應用看上去就像真實的記事本,日曆應用看著就像真實的日曆,等等。**將此稱為「擬物化」,然後這個說法就被人們一年一年的重複著;即使我自己也這樣說過很多次。

這種設計習俗逐漸開始招來一些反對的聲音。例如ox x lion當中,日曆應用頂部的紙張撕扯效果(在moutain lion當中也是如此)顯得相當怪異;而ios的game center那綠綠的整體感覺就像蘋果並不真正了解人們是怎樣進行遊戲的一樣。這些都很差勁。

因此,人們開始尋找一些替代品。windows帶來了metro ui,那些科技**們看上去相當喜歡它,雖然他們當中沒有多少人能夠宣稱自己真正擁有這樣一台裝置。幾乎所有人都喜歡安卓的ui,不過這也僅僅取決於裝置上執行的究竟是哪個版本的系統,以及各廠商預裝了哪些臃腫的應用。

解決方案便是ios7,這個自從ios問世以來最最徹底的重新構思版本。看過第一眼之後,人們徹底驚訝於它所表現出來的「扁平化」程度。突然間,流行語產生了變化——現在的ios7變成了「扁平化ui」,多極端的分化——幾乎所有人都開始這樣講了;看上去就沒人能夠真正把情況搞清楚,無論是誰。

如果ios7是扁平的,那麼你是不會看到毛玻璃底下的層面的。

我個人並不是設計師,也不是ui專家。但事實就是,ios7並不扁平,絲毫不是。要弄清楚這一點其實很簡單,只需拿起裝有ios7的iphone進行使用,你立刻就會明白。

觀察任何一款ios7應用,從內建的聯絡人到facebook,你會發現它們的精粹在於不同層面的內容以及這些層面之間的互動。舉個例子,如果你開啟了視察效果,那麼就會在前後傾斜iphone或ipad的時候看到介面中不同層面之間的移動效果。當你在facebook的feed介面中滾屏時,可以看到一篇內容當中的文字會進入另一篇的底部。而siri、控制中心和通知中心則位於毛玻璃效果的層面上,其底部的內容可以透過毛玻璃模糊的呈現出來。即使在鎖屏介面上,如果你足夠注意,也會發現視差效果帶來的層面效應。

但關於「扁平化」的爭議可能會產生於圖示的設計上。系統內建的「設定」就是個很好的例子。你可以在ios6及之前版本的「設定」當中看到帶有質感和高光效果的圖示,而在ios7當中,圖示的外觀完全沒有了深度。看來,這就是大家所指的扁平化設計了,恩?

再次強調,「扁平化」可能是蘋果在這些地方所採用的設計方式,但這並沒有成為其他應用的設計準則。mlb at bat仍然在背景中使用了漸變效果,而ios7內建的**應用也是如此。safari本身呈現出扁平的效果,但它的應用圖示仍然具有深度。這些非扁平的效果雖然都很細微,但卻是實實在在的。

所以,人們之所以用「扁平化」一詞來描述ios7,更多的只是基於一些原生圖示的設計樣式而產生的寬泛概論。鑑於整個新系統當中有太多微妙的變化,「扁平化」一詞完全無法精確的概括ios7的ui。再次強調,ios7是具有豐富層次的,它並不扁平。

這裡還有另乙個因素。雖然ios7在如今是這樣的,但事情總是在變化的。第三方應用的設計師們會逐漸將它們的產品設計的越來越像蘋果官方的風格,另外他們還會在ios7風格的普遍適用性方面進行更多的嘗試。在ios7之前,人們花了很長時間來學習系統當中的設計特性與原則;如今,ios7已經正式發布,人們同樣需要時間來繼續探索。

總結下來,這一切就是關於極端的版本更迭。在ios7之前,擬物化設計風格曾經瘋狂生長,幾乎所有的圖示、介面和布局都傾向於呈現出真實物體的外觀樣式。如今我們有了ios7,它強烈的傾向於另乙個極端,這使它更容易給人們帶來一種扁平的感受。與ios6及之前的版本比較起來,它確實很扁平;至於將其稱為「扁平化設計」?還是算了吧,事情不是那樣的。

iOS7適配問題

ios 7發布了,適配問題來了,開發者都忙起來了。先記乙個ios7 的幾個特點 1.座標 以螢幕左上角為原點 ios7以前在狀態列或者導航條下 2.uiscrollview 包括其子類,比如uitableview 會自動在頂部和底部預留一些空白 因為滾動經過半透明導航條或者tabbar下面,需要能隱...

iOS7 動畫學習

該部分 實現了乙個黑色的圖形view從左到右地平滑移動 當然通過修改y座標也可以實現,由上到下的平滑移動 源自 ios7 programming code import viewcontroller.h inte ce viewcontroller property weak,nonatomic i...

ios 7 模糊效果

原文 有時候你會想要使ios7中得某些檢視產生模糊效果,那麼你該怎麼來實現呢?靜態模糊 字面翻譯。首先你要明白,這個技術是新的 以前版本的ios中用到的這種類似的東西被效能所限制,你只能截圖當前的view來獲得乙個image然後渲染模糊。但是在ios6中,你用renderincontext 方法來動...